@charset "UTF-8";
:root {
    --plyr-color-main: #31C27C;
}
* {word-wrap: break-word;}
*, *:before, *:after {box-sizing: border-box; outline: none;}
:before {vertical-align: middle;}
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset {margin: 0; padding: 0; font-weight: normal; -webkit-tap-highlight-color: transparent;}
ul, ol, dl { list-style-type: none;}
html, body { position: static; color: #d2d2d2; background: #141414; width: 100%; height: auto; min-width: 1242px; font-size: 16px;padding: 0px; margin: 0px;}
address, caption, cite, code, dfn, em, th, var {font-style: normal;font-weight: 400;}
input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
input, button {overflow: visible;vertical-align: middle; outline: none;}
body, th, td, button, input, select, textarea {font-family: "微软雅黑";-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
a {text-decoration: none;cursor: pointer;-webkit-tap-highlight-color: transparent;-webkit-transition: all .4s linear;transition: all .4s;color: #d2d2d2;}
a:hover, a:focus, a:active {text-decoration: none;outline: none;}
a.ie6:hover {zoom: 1;}
b, i {font-weight: normal;font-style: normal;}
sub, sup {vertical-align: baseline;}
img {border: 0;}
a img, img {-ms-interpolation-mode: bicubic;-webkit-transition: all .7s linear;transition: all .7s;display: block; max-width: 100%;}

/* HTML5 reset */
header, footer, section, aside, details, menu, article, section, nav, address, hgroup, figure, figcaption, legend {display: block;margin: 0; padding: 0;}
time {display: inline;}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) { display: none;}
legend { width: 100%;margin-bottom: 20px;font-size: 21px;line-height: 40px;border: 0;border-bottom: 1px solid #e5e5e5;}
legend small {font-size: 15px;color: #999;}
svg:not(:root) {overflow: hidden;}
input, textarea {border: 0;outline: none;resize: none;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
input[type="text"], input[type="tel"], input[type="button"], input[type="submit"], input[type="reset"], input[type="password"], input[type="email"], textarea {-webkit-appearance: none;border-radius: 0;-webkit-tap-highlight-color: transparent;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none !important;margin: 0;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999;}


.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30,.bk50,.bk70,.bk60,.bk100,.bk200{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}.bk50{height: 50px}.bk60{height: 60px}.bk70{height: 70px}.bk100{height: 100px}.bk200{height: 200px}

.w1400 {margin: 0 auto;padding: 0 5%;}
.layui-layer-btn .layui-layer-btn0 {background-color: #31C27C !important;border-color: #31C27C !important;}

.title {text-align: center;font-size: 30px;line-height: 50px;padding:50px;color: #31C27C;font-weight: bolder;}
.title_txt {text-align: center;font-size: 16px;color: #999;font-weight:normal; }
.title h1{text-align: center;font-size: 16px;color: #999; }


.biaoqian {margin: 0 auto;z-index:1;overflow: auto;padding:50px 0; }
.biaoqian h1{text-align: center;font-size: 36px;color: #31C27C;font-weight: bolder;}
.biaoqian p{text-align: center;font-size: 24px;line-height: 50px;padding: 10px 0px;}

.tag_txt {font-size: 16px;color: #888; padding:10px 30px;}

.headerhidden{display: none;}
.header {height: 60px;background:#141414;overflow:visible;position:fixed;left:0;top:0;right:0;z-index:10; padding: 0px 0px;}
.header .logo {float: left; margin-right: 10px; padding: 12px 10px 12px 0px; line-height: 36px; font-size: 24px;}
.header .logo img{ padding: 0px;border-radius: 5px; width: 36px; float: left; margin-right: 10px;}
.header .logo a{color: #31C27C;letter-spacing:2px;}
.header .nav { float: left; height: auto;overflow: hidden;}
.header .nav ul li {float: left;height: auto;overflow: hidden; padding: 0 38px 0 0;}
.header .nav ul li a {color: #d2d2d2;font-size: 16px;line-height: 60px;}
.header .nav ul li a:hover {color: #31C27C;}
.caret {display: inline-block;width: 0;height: 0;margin-left: 3px;vertical-align: middle;border-top: 7px dashed;border-right: 7px solid transparent;border-left: 7px solid transparent;}


.menu{float:left;}
.menu ul {height:60px;margin:0px;   font-size: 16px;}
.menu ul li{padding: 0px 20px;	height:60px;line-height:60px;float:left;position: relative;}
.menu ul li.xiala:hover{color: #31C27C}
.menu ul li.xiala:hover .caret{border-top: 0px dashed;border-bottom: 7px dashed;}
.menu ul li a:hover{color: #31C27C;}
.menu ul li span{color: #f9f9f9; background: #ff5722;font-size: 16px;border-radius: 2px; margin: 10px 0px 0px 5px; width: 115px; line-height: 25px;text-align: center;position: absolute;}
.xiala{display:inline;position:relative;}
.xiala hr{border-bottom: 1px solid #444!important; margin: 15px 0px;}
.xiala ul {position:absolute;left:-20px;top:60px; width: 500px; height: auto; padding: 20px;display:none; background: #333333;border-radius: 10px;}
.xiala ul li {float:left;height:auto; line-height:40px;padding: 0px 10px;}
.xiala ul li a{font-size:14px;color: #d2d2d2;background: #222;padding: 5px 20px;border-radius: 50px;}
.xiala ul li a:hover{color: #f9f9f9;background: #31c27c;}
.xiala ul li a.on{color: #f9f9f9;background: #31c27c;}

.header .header_search {background: #333;width: auto;height: 36px;border-radius: 5px;overflow: hidden;position: relative;margin: 12px 0px 0px 0px;padding: 0px; float: right;}
.header .header_search input {height: 36px;line-height: 36px;color: #999; background: #333; float: left; font-size: 14px;padding: 0px 10px 0px 15px;width:300px;}
.header .header_search button {background: initial;border: none;}
.header .header_search i{font-size: 24px; line-height: 36px; cursor: pointer;color: #999;float: right; text-align: center; padding: 0px 15px 0px 10px;}


.header_right{float: right;height: auto;overflow: visible;font-size: 14px;line-height: 60px;}
.header_right i{font-size: 20px; }
.header_right ul {margin: 0px; padding: 0px;}
.header_right ul li{float: left;padding: 0px 0px 0px 20px;}	
.header_right ul li a {color: #d2d2d2;}
.header_right ul li a:hover {color: #31C27C;}
.header_right ul li a.btn-login {line-height: 60px;}
.header_right ul li a.btn-login:hover {color: #31C27C;}
.header_right ul li a#viptxt {border: 1px solid #ff5722;background-color: #ff5722;color: #f9f9f9;padding: 7px 15px; line-height: 36px; border-radius: 5px;}
.header_right ul li a#viptxt:hover {color: #ff5722;background-color: #f9f9f9;border: 1px solid #f9f9f9;}
.header_right img{ width: 40px;border-radius: 100%;display:inline-block;}
.header_right ul li.xiazaiapp{float: left;padding: 0px 0px 0px 10px;}


.user-info{position:relative;padding: 0px;}
.user-info:hover{color: #31C27C}

.usermenu{display:none;position:absolute;right:0px;top:60px; padding: 20px 20px;height: auto;width: 280px;background-color: #333333; font-size: 14px;border-radius: 10px; }
.usermenu p{ line-height: 25px; padding: 5px; color: #999;}
.usermenu p a{color: #999;border-radius: 5px;padding: 0px 10px;border: 1px solid #999;font-size: 14px;float: right;}
.usermenu p a:hover{color: #31C27C;border: 1px solid #31C27C;}
.usermenu p span{ line-height: 25px; padding: 0 5px; color: #444;}
.usermenu ul {padding:10px 0px;margin: 0px;overflow: auto;}
.usermenu ul li {height:auto; line-height:35px;padding: 0px; width: 100%;margin: 5px 0px;}
.usermenu ul li a{font-size:14px;color: #d2d2d2;background: #222;padding: 0px 20px;border-radius: 5px;display: block;}
.usermenu ul li a:hover{color: #f9f9f9;background: #31C27C;}


.gbkfooter { height: 80px; background:#0c0c0c;}

.footer{line-height: 50px; padding: 20px 0px;color: #999;overflow: hidden;margin-top: 100px;background:#0c0c0c; font-size: 14px;}
.footer_left{float: left;text-align: left;}
.footer_left a{padding: 0px; margin: 0px 20px 0px 0px;color: #999;}
.footer_left a:hover {color: #31C27C;}
.footer_right{float: right;}
.footer_right a{padding: 0px; margin: 0px 0px 0px 10px;color: #999;}


.img-box {overflow: hidden;position:relative;aspect-ratio: 100 / 140;margin-bottom: 10px;border-radius: 8px;}
.img-box img {transition:all 1s;width: 100%;height: 100%;object-fit: cover;position: absolute;}
.img-box img:hover {-webkit-filter: brightness(40%); filter: brightness(40%);}
.img-box .num {position:absolute;right:10px;top:10px;background:rgba(49,194,124,1);color:#f9f9f9;border-radius: 10px; padding: 3px 10px;font-size: 14px;}
.img-box .hot{position:absolute;bottom:0px;width: 100%; padding: 5px; color:#f9f9f9; font-size: 14px;background-image: linear-gradient(180deg, transparent, rgba(20, 20, 20, 0.35) 60%, rgba(20, 20, 20, 0.65));text-align:right;}
.img-box .tubi{position:absolute;right:49px;top:10px;background:rgba(49,194,124,1);color:#f9f9f9;    border-top-left-radius: 10px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 10px; padding: 3px 3px 3px 10px;font-size: 14px;z-index:5;}
.img-box .zan{position:absolute;right:10px;bottom:10px;color:#f9f9f9;padding: 3px 10px;font-size: 14px;}


.chujing {position:absolute;bottom:0px;width: 100%; padding: 5px; color:#f9f9f9; font-size: 12px;background-image: linear-gradient(180deg, transparent, rgba(20, 20, 20, 0.35) 60%, rgba(20, 20, 20, 0.85));text-align:left;opacity: 0;transition: opacity 0.6s ease;}
.chujing a{color: #d2d2d2; margin-right: 10px;}
.chujing a:hover{color: #31C27C;}
.img-box:hover .chujing {opacity: 1;}

#page{ clear: both; padding: 100px 0px; text-align: center;}
.layui-laypage a, .layui-laypage span{ height: 50px; line-height: 50px; background: #252525; font-size: 16px; color: #999;padding:0px 30px;border: 1px solid #141414;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #31c27c;}
.layui-laypage a:hover{color: #31c27c;}


.tit {font-size: 20px; line-height: 30px; padding: 10px 0px;}
.tit a:hover{color:#31C27C;}
.tit_txt {color:#999; font-size: 16px; line-height:30px; padding: 0px 0px 10px 0px;}
.tit_renwu {font-size: 16px; line-height: 30px;}
.tit_renwu a{color:#31C27C; margin-right: 15px;}
.tit_renwu img{ width: 30px;border-radius: 100%;display:inline-block;margin: 0px 5px;}

.btn {width:100%; text-align: center; margin: 100px auto;clear: both;}
.btn a{margin:0 auto;display: block;width: 300px;height: 40px;line-height: 40px;text-align: center;background-color: #31C27C;color: #f9f9f9;border-radius: 50px; overflow: hidden;font-size: 14px;}
.btn a:hover {background-color: #f9f9f9;color: #555;}


.databox{width:100%;display:flex;flex-direction: row; flex-wrap:wrap;justify-content: space-between;}

.galleryList ul {display: grid;grid-template-columns: repeat(6, 1fr);gap: 1rem;}
.galleryList ul li {height:auto;overflow:hidden;padding:0px;position: relative;}

.ztitle{line-height:40px;height: 40px; overflow: hidden;}
.ztitle a:hover{color:#31C27C;}
.rtitle{line-height: 30px; color: #888; height: 30px; overflow: hidden;font-size: 14px;}
.rtitle a{color: #888; margin-right: 15px;}
.rtitle a:hover{color: #31C27C; }

.line-through {
text-decoration: line-through;
}

.gallerypic {height:auto;overflow:hidden;width:100%;max-width: 100%;margin: 0 auto;}
.gallerypic img {display:block;width:100%; margin-bottom: 5px;}
.gallerypic-tips {border: 1px solid #978D3E;background-color: #6F6832;padding: 15px;display: block;margin: 100px auto 0;border-radius: 4px;max-width: 360px;display: block;text-align: center;font-size: 16px;line-height: 1.5;}
.gallerypic-tips a {text-decoration: underline;}
.gallerypic-tips b {font-weight: 700;}

.tishi {z-index:1;position:relative}
.yinying {position:absolute;left:0;right:0;bottom:5px;width:100%;height:400px;overflow:hidden;z-index:1;background-image: linear-gradient(rgba(20,20,20,0), rgba(20,20,20,1));text-align:center;font-size:16px;color:#d2d2d2}


#tishi{text-align: center;padding: 50px 0px;}
#tishi img{ width: 35px; margin: 0px auto;}
#tishi p {line-height:80px;}
#tishi p span{padding:0 10px;color: #ff5722;font-size: 36px;font-weight: bolder;}
#tishi i {color:#31C27C;}
#tishi button {line-height:50px;padding:0px 50px;width:50%;color:#f9f9f9;background-color:#31C27C;border:0px;cursor:pointer;font-size:16px;border-radius:50px;margin:0px;}


.tese { clear: both; padding:0px; margin: 40px auto; width: 100%; text-align: center;}
.tese span{padding: 5px 10px;margin: 5px;font-size: 14px;border: 1px solid #333;color: #999;border-radius: 5px;}


.xiaotu{width: 90%; margin: 0% 5%; padding: 5px 0px;-webkit-column-count: 6;-moz-column-count: 6; column-count: 6;-webkit-column-gap: 5px;-moz-column-gap: 5px;column-gap: 5px;}
.xiaotu img{padding:0px;margin-bottom: 5px;}
.tishiclass .yinying{height:50px;bottom:5px;}


.gallery_xihuan.active i{color: #ff3d00;}
.gallery_shoucang.active i{color: #ffb800;}


.fanding {display: block; cursor: pointer;overflow:visible;position:fixed;bottom:15px;right:15px;z-index:10; padding:8px 10px 8px 10px;background: #31C27C;border-radius: 5px;}
.fanding i {font-size:20px; color:#f9f9f9;line-height: 1.2;}

.gallery_menu {overflow:visible;position:fixed;bottom:0px;right:0px;z-index:10; width: 100%;}
.gallery_nav {overflow: auto;padding:10px;background: rgba(0,0,0,0.90);}

.gallery_renwu img{float: left; width: 50px;border-radius: 100%;}
.gallery_chuangzuo{float: left;border-radius:5px;color: #f9f9f9;background: #31C27C;font-size: 14px; margin: 14px 5px; width: 40px; height: 22px; line-height: 22px; text-align: center;}
.gallery_chujing{float: left;border-radius:5px;color: #f9f9f9;background: #ff5722;font-size: 14px; margin: 14px 5px;width: 40px; height: 22px; line-height: 22px; text-align: center;}
.gallery_renwu_title{float: left; line-height: 50px;}
.gallery_renwu_title a{color: #f9f9f9;}
.gallery_renwu_title a:hover{color: #31C27C;}


.gallery_nav_box {width:100%; display: flex;flex-direction: row; justify-content: center;}

.gallery_nav_box_left{display: flex;flex-direction: row;justify-content: flex-end;margin-right: 50px;}
.gallery_renwu{display: flex;flex-direction: row;align-items: center;padding: 0px 20px 0px 0px;}
.gallery_renwu div{display: flex;flex-direction: column;align-items: center;}
.gallery_renwu div a{line-height:24px ;white-space:nowrap;word-break:keep-all;}

.gallery_nav_box_right{display: flex;flex-direction: row;justify-content: flex-start;margin-left: 50px;}
.gallery_xihuan, .gallery_pl, .gallery_shoucang, .gallery_img, .gallery_xx{display: flex;align-items: center;flex-direction: row;padding: 0px 0px 0px 20px;}
.gallery_xihuan:hover, .gallery_pl:hover, .gallery_shoucang:hover, .gallery_xx:hover{color: #31c27c;}
.gallery_xihuan i, .gallery_pl i, .gallery_shoucang i, .gallery_xx i{font-size: 32px;margin-right: 5px;cursor: pointer;}
.gallery_xihuan label, .gallery_pl label, .gallery_shoucang label, .gallery_xx label{white-space:nowrap;word-break:keep-all;cursor: pointer;}
.gallery_img label{white-space:nowrap;word-break:keep-all;}
.gallery_img i{font-size: 32px;margin-right: 5px;}


.kantumoshi {cursor: pointer;width: 260px;height: 50px; line-height: 50px;z-index:10; padding:0px;background: rgba(0,0,0,0.9);border-top-left-radius: 10px;border-top-right-radius: 10px; text-align: center;margin: 0px auto;color: #f9f9f9;}
.kantumoshi i {font-size:32px;margin-right: 5px;}
.kantumoshi:hover{color:#31C27C; }
.thumb,.pingpu{display: flex;flex-direction: row;justify-content: center;align-items: center;height: auto;}

.xiaotitle{padding:0px; line-height:50px; font-size: 16px; margin: 0 auto;color: #31C27C;font-weight: bolder;}

.touxiang ul{height: auto;overflow: hidden;padding:1% 0px;display: flex;justify-content: space-between;}
.touxiang ul li{width: 8%;float: left;padding: 0px;}
.touxiang ul li img {width: 100%;text-align: center;border-radius: 100%;overflow: hidden;position: relative;transition: transform 0.6s ease-in-out;}
.touxiang ul li:hover img {transform: rotate(360deg);}
.touxiang ul li p {width: 100%;text-align: center;font-size: 14px;line-height: 50px;height: 50px; overflow: hidden;}
.touxiang ul li p a:hover{color: #31C27C;}


.tags{padding:10px 0px;}

/* .tags a{line-height:40px;margin-right: 20px;font-size:14px;color: #d2d2d2;} */

.tags a{line-height:40px;padding:5px 15px;margin-right: 8px;border-radius: 20px;font-size:14px;background: #333;color: #aaa;white-space:nowrap; word-break:keep-all;}

.tags a:hover{color: #31C27C;}
.tags span{color: #31C27C;}

.tags a.tagson{color: #31C27C;}
.tags a:hover.tagson{color: #31C27C;}


.shadows{background-color: transparent !important;}
#gallery_down{background:#333;padding:100px; font-size: 16px;}
#gallery_down p{line-height: 40px; text-align: center;}
#gallery_down p a{color: #31C27C;}

.gallery_jieshao{ padding:50px; display: none;}

#LAY_gallery_xq{padding:20px 30px;background:#252525;font-size: 14px;}
#LAY_gallery_xq h1{font-size: 24px; line-height: 50px;font-weight: bolder;}
#LAY_gallery_xq p { padding: 10px 0px; line-height: 30px;color: #999;}
#LAY_gallery_xq p i {font-size: 20px; color: #dedede;}
#LAY_gallery_xq p span { padding: 0px 10px;}

#LAY_gallery_xq p a{color: #999;border-radius: 20px; padding: 5px 15px;border:1px solid #999; line-height: 55px; margin-right: 10px;white-space:nowrap; word-break:keep-all; }
#LAY_gallery_xq p a:hover{color: #f9f9f9;background: #31C27C; border:1px solid #31C27C;}

#downstr{line-height: 30px;font-size: 14px;color: #999;text-align: center;margin-top: 10px;}
#downstr a{color: #31C27C;}
#downstr button {line-height:50px;padding:0px 100px;color:#f9f9f9;background-color:#31C27C;border:0px;cursor:pointer;font-size:16px;border-radius:50px;}


.dingyue{padding: 50px 50px;line-height: 50px; color: #f9f9f9;text-align: center;}
.dingyue .biaoti{color: #31c27c;line-height: 100px;font-size: 24px;}
.dingyue p{padding: 10px 0px;text-align: center;}
.dingyue p button{display: inline-block;vertical-align: middle;height: 40px;border: 1px solid #31c27c;padding: 0px 15px;background-color: #252525;color: #31c27c;white-space: nowrap;text-align: center;border-radius: 5px;cursor: pointer;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none; width: auto;margin: 15px;}
.dingyue p button:hover{background-color: #31c27c;color: #f9f9f9;}
.dingyue p button span{font-size: 20px;padding: 0px 5px 0px 0px;}

.addtuce{display: none;font-size: 14px;padding: 20px 0px;text-align: center;background: #333;border-radius: 5px; margin-top: 10px;}
.addtuce input{padding: 0px 10px; margin: 0px 15px 0px 5px; line-height: 40px;border-radius: 5px;}	
.addtuce button{display: inline-block;vertical-align: middle;height: 40px;line-height: 40px;border: 0px;padding: 0 30px;background-color: #31c27c;color: #f9f9f9;white-space: nowrap;text-align: center;border-radius: 5px;cursor: pointer;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}	
	
.tuce{padding: 20px 50px;color: #f9f9f9;}
.tucetitle{line-height: 50px;font-size: 14px;clear: both;}
.tucetitle span{float: right; padding: 0px;cursor: pointer;}
.tucetitle a{color: #31c27c}
.tucetitle i{padding: 0px 0px 0px 0px;}
.tucetitle input{padding: 0px 20px; margin: 0px 0px 0px 15px; line-height: 30px;border-radius: 30px;background-color: #252525;border: 1px solid #444;color: #d2d2d2;}

.tucelist{clear: both; padding:0px;margin-top: 20px;  display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.tucelist button{display: inline-block;vertical-align: middle;height: 50px;border: 0px;padding: 0 20px;background-color: #333;color: #d2d2d2;white-space: nowrap;text-align: left;border-radius: 10px;cursor: pointer;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none; width: 32%;margin: 10px 0px 10px 0px;font-size: 14px;}
.tucelist button:hover{background-color: #31c27c;color: #f9f9f9;}
.t_mr{margin-right: 10px;}
.scroll{width: 100%;height: 300px;overflow: auto;SCROLLBAR-FACE-COLOR:#333;SCROLLBAR-HIGHLIGHT-COLOR:#252525;SCROLLBAR-SHADOW-COLOR:#252525;SCROLLBAR-3DLIGHT-COLOR:#252525;SCROLLBAR-ARROW-COLOR:#333;SCROLLBAR-DARKSHADOW-COLOR:#252525; BACKGROUND-COLOR: #252525}
.scroll::-webkit-scrollbar{width:10px;height:10px;}
/*正常情况下滑块的样式*/
.scroll::-webkit-scrollbar-thumb{background-color:#333;border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 #333;}
/*鼠标悬浮在该类指向的控件上时滑块的样式*/
.scroll:hover::-webkit-scrollbar-thumb{background-color:#333;border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 #333;}
/*鼠标悬浮在滑块上时滑块的样式*/
.scroll::-webkit-scrollbar-thumb:hover{background-color: #333;-webkit-box-shadow:inset 1px 1px 0  #333;}
/*正常时候的主干部分*/
.scroll::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px  #252525 #252525;background-color: #252525;}
/*鼠标悬浮在滚动条上的主干部分*/
.scroll::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 0 0 6px  #252525;background-color: #252525;}



.renwu{padding:20px; text-align: center;}
.renwu .layui-btn {width:auto;border-radius:50px;background-color:#31C27C;line-height:50px;height:auto; padding: 0px 200px; font-size: 16px; margin: 10px 0px;border: 0px;}
.renwu img{width: 100px; height: 100px; border-radius: 100%;display:inline-block; margin: 0 auto;}
.renwu h1{line-height: 60px; font-size:24px;color: #31C27C;font-weight: 700;}
.renwu p{padding:10px; line-height: 30px;}
.renwu p span{background: #333;border-radius: 5px;padding: 5px 8px;margin: 0px 5px;font-size: 14px; color: #999;}
.renwu p em{margin: 0px 10px 0px 10px;color: #31C27C;font-size: 18px;}
.renwu p i{margin: 0px 0px 0px 10px;}
.renwu_tishi{line-height:150px;font-size: 16px; text-align: center;}
.renwu_tishi a,.renwu_tishi span{color: #31C27C; padding: 0px 10px;}
.renwu .on{background-color:#d2d2d2;color: #333;border: 1px solid #d2d2d2;}
.renwu .intro {font-size: 14px;line-height: 1.5;}
.renwu .intro a { color: #31C27C; padding:0px 5px;}
.renwu .data {display: flex;justify-content: center;align-items: center;}


.article{padding:100px; width: 1000px; margin: 0 auto;}
.article h1{ font-size:24px;line-height: 30px; border-bottom: 1px solid #111;padding:10px;margin-bottom:10px;}
.article p{ font-size:16px;line-height: 30px; padding:10px;}

blockquote {  padding: 10px; margin: 10px 0; border-left: 5px solid #333; background-color: #444; }

.user{padding:20px; text-align: center;}
.user img{width: 100px; height: 100px; border-radius: 100%;display:inline-block; margin: 0 auto;}
.user_title{padding:10px; font-size:16px;}
.user_vip{padding:10px; font-size:16px;color: #888;}
.user_vip a{ color: #31C27C; padding:0px 5px;}
.user_vip span{ color: #31C27C;padding-right:10px;}



.layui-layer-title{border: 0px;font-size: 14px; overflow: hidden;border-radius: 0;background: #252525;color: #999;}
/* 登录注册 */
#register{width:400px ;}
.login{padding: 20px;background:#252525;font-size: 14px;width: 400px;}
.login .form {height:auto;overflow:hidden;margin:0 auto;padding:25px 24px 29px;}
.login .form ul {height:auto;overflow:hidden;padding-bottom:16px;}
.login .form ul li {float:left;color:#333;margin-right:15px;position:relative;cursor:pointer;font-size: 14px;}
.login .form ul li::before {display:none;content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background-color:#31C27C;}
.login .form ul li.active {color:#31C27C;}
.login .form ul li.active::before {display:block;}
.login .form .tab-box {height:auto;overflow:hidden;}
.login .form .tab-box .tab {display:none;}
.login .form .tab-box .tab.active {display:block;}
.login .form .input-box {margin-bottom: 20px;position: relative;}
.login .form .input-btn{border-bottom: 0 !important;}
.login .form .input-box input {padding:15px;font-size:14px;color:#d2d2d2;width:100%;background: #333;border-radius: 5px;}
.login .form .input-box label{position: absolute;right: 0;top:0;bottom: 0;line-height: 50px;padding:0 15px 0 15px;color: #31C27C;cursor: pointer;}
.login .form .input-box input.btn {background-color:#31C27C;color:#f9f9f9;cursor:pointer;border-radius:5px;margin:20px 0 0 0;font-size: 14px;}
.login .form .input-box input.btn:hover {opacity:.9; }
.login .form .input-box-1 { padding: 13px; border:1px solid #31C27C;color:#31C27C;cursor:pointer;border-radius:5px;background:none; text-align: center; font-size: 14px;}
.login .form p.info {color:#31C27C;padding:15px 0 12px;text-align:left;}
.login .form p.info a{color: #31C27C;}


.login .form .right{text-align: right;padding-top: 10px;cursor: pointer;font-size: 14px;color: #999;}
.login .user-chongzhi{color: #31C27C;padding-top: 10px;cursor: pointer; float: left;}
.login .user-reg{color: #31C27C;padding-top: 10px;cursor: pointer; float: right;}
.register .other{padding-top: 0 !important;}


/* 在线帮助/版权说明等 */
.help ul li {height:auto;overflow:hidden;padding:15px 0 18px;border-top:1px solid #111;font-size:16px;}
.help ul li:first-child {border-top:0;}
.help ul li h3 {font-weight:bold;color:#d2d2d2;padding-bottom:10px;font-size: 16px;}
.help ul li p {color:#d2d2d2;line-height:30px;padding: 0;font-size: 16px;}
.help p {color:#d2d2d2;line-height:30px;padding: 0;font-size: 16px;}
.help p b {font-weight:bold;padding-top:6px;display:block;}
.help h3 {font-size:16px;font-weight:bold;color:#d2d2d2;margin:20px 0 5px;}


/* 个人中心 */
.my .user{padding: 40px 0;}

.my .info p{line-height: 36px;margin-bottom: 10px;}
.my .info em{display: inline-block;width: 80px; text-align: right;}
.my .input-box{line-height: 30px;margin: 20px 0px; background: #333; width: 600px;padding: 10px 20px;border-radius: 10px;}
.my .input-box .input{padding: 10px 0px;margin-right: 10px;width:380px;background: none; color: #d2d2d2;}
.my .input-box p{display: inline-block;margin-bottom: 0;width:380px;margin-right: 10px;}
.my .input-box.edit .input{border: 1px solid #f9f9f9;background-color: #f9f9f9; padding: 10px 10px; color: #555;}}
.my .input-box .layui-form-item .layui-input-inline{width: 300px;}
.my .bind-box{margin-top: 20px;display: none;}

.coment-list {height:auto;overflow:hidden;font-size:14px; margin: 0 auto;}
.coment-list dd {height:auto;overflow:hidden;padding:20px 0;border-top:1px solid #111;}
.coment-list dd .img-box {width:50px;height:50px;overflow:hidden;border-radius:100%;margin-right:14px;float: left;}
.coment-list dd .img-box img {display:block;width:100%;height:100%;object-fit:cover}
.coment-list dd .text-box {height:auto;overflow:hidden;padding-top:5px;}
.coment-list dd .text-box a{color:#31C27C;font-size:14px;}
.coment-list dd .text-box span {margin-right:5px;color:#31C27C;}
.coment-list dd .text-box .text {height:auto;overflow:hidden;padding-top:5px}
.coment-list dd .text-box .text p {line-height:26px}
.coment-list dd .text-box .text p span{margin-left: 15px;}
.coment-list dd:first-child {border:0}

.records {height: auto;overflow: hidden;font-size:14px;width: 1200px; margin: 0 auto;}
.records a{color: #333;}
.records ul{height: auto;overflow: hidden;font-size:14px;}
.records ul li{height:auto;overflow:hidden;padding:20px 0;border-top:1px solid #333;}
.records ul li p{line-height: 30px;}
.records ul li:first-child {border:0}

.follow-list ul{height: auto;overflow: hidden;padding-top: 20px;}
.follow-list ul li{width: 8%;float: left;text-align: center;padding: 0px; margin: 1%;}
.follow-list ul li .img-box {width: 50%;display: block;border-radius: 100%;overflow: hidden;margin: 0 auto;position: relative;}
.follow-list ul li  p {font-size: 14px;line-height: 30px;padding-top: 4px;}
.follow-list ul li:hover p{color: #31C27C;}

.search-box p{line-height: 30px;padding: 30px 0;font-size: 14px;}

/* 微信登录 */
.weichat-login{padding:30px;text-align: center;}
.weichat-login .img-box{border: 1px solid #e2e2e2;padding:6px;width:180px;height: 180px;margin: 0 auto;}
.weichat-login .img-box img{display: block;margin: 0 auto;}
.weichat-login p{font-size: 14px;color: #666;margin: 10px 0 0;}
.weichat-login p a{color: #666;}
.weichat-login p a:hover{text-decoration: underline;color: #31C27C;}

.registerSelect ul{width:350px;margin:0 auto;padding:60px 0;height: auto;overflow: hidden;}
.registerSelect ul li{float: left;text-align: center;width: 33.33%;cursor: pointer;}
.registerSelect ul li span{display: block;margin: 0 auto;font-size: 50px;}
.registerSelect ul li.wechat{color:#19d100;}
.registerSelect ul li.phone{color: #f8af4e;}
.registerSelect ul li.email{color: #1296db;}
.registerSelect ul li p{text-align: center;font-size: 14px;padding-top: 5px;color: #333;}
.registerSelect ul li:hover p{color: #31C27C;}
.registerSelect .other a:hover{color: #31C27C;}


/* //搜素加模特和摄影师 */
.search-renwu{height: auto;overflow: hidden;background-color: #fff;margin-top: 20px;padding: 20px;}
.search-renwu .tit{font-size: 14px;border-bottom: 1px solid #e2e2e2;padding: 0;}
.search-renwu .tit p{display: inline-block;position: relative;padding-bottom: 10px;}
.search-renwu .tit p::before{content: "";position: absolute;left: 0;bottom: 0;right: 0;height: 1px;background-color: #31C27C;}
/*layui样式调整*/
.layui-tab-title{padding: 0px;}
.layui-tab-title li {padding: 0 20px;min-width: 90px;}
.layui-tab-title .layui-this {color: #31C27C;}
.layui-tab-title .layui-this a{color: #31C27C;}

.layui-layer-rim {border: 8px solid #252525;border-radius: 8px;}
.layui-badge-rim, .layui-border, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-panel, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {border-color: #252525;}
.layui-tab-title .layui-this:after { height: 40px;border-bottom-color: #141414;border-top-color: #31c27c;border-top-width: 2px;}


/*.layui-btn {width:100%;border-radius:2px;background-color:#31C27C;line-height:50px;height:auto; margin: 10px 0px; font-size: 14px; }*/
.layui-btn {background-color:#31C27C;}
.layui-field-title{margin: 0px;}
.layui-elem-field{border-color: #999;}
.layui-elem-field legend{width:auto;font-size: 16px;border-bottom:0px;color: #999;margin: auto;}
.layui-layer-page .layui-layer-content {overflow: hidden;}

.layui-layer {background-color: #252525;}

/*登录居中调整*/
.other .right { text-align: center; margin-bottom: 20px;}
.fg{text-align: center; color:#999999；}

 .fl{ float:left;}
.time{color: #999999;  float: left; padding-left: 6px;}
.infotext{color: #666666;float: left;}
.more,.next{color: #888888; width: 100%; float:left; text-align: center;  cursor: pointer; } 
.next{ display: none;}

/* 新增评论弹窗列表 */
.pinglun-popup{padding:0px 20px 10px 20px;background-color: #252525;overflow: hidden;}
.pinglun-popup .input-box{height:auto;overflow:hidden;padding:20px 0px;}
.pinglun-popup .input-box input[type="text"]{background: #333; float:left;width:90%;color:#d2d2d2;padding:0px 20px; line-height: 40px; font-size:14px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.pinglun-popup .input-box input[type="button"]{cursor: pointer;float:right;width:10%;color:#f9f9f9;background-color:#31C27C;line-height:40px;text-align:center;font-size:14px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.pinglun-popup .coment-list {height:500px;overflow:hidden;font-size:14px;overflow-y: scroll;}
.pinglun-popup .coment-list::-webkit-scrollbar {display: none;/*隐藏滚动条*/}
.pinglun-popup .coment-list dd {height:auto;overflow:hidden;padding:15px 0;border-top:1px solid #333333;}
.pinglun-popup .coment-list dd .img-box {width:40px;height:40px;overflow:hidden;border-radius:100%;margin-right:16px}
.pinglun-popup .coment-list dd .img-box img {display:block;width:100%;height:100%;object-fit:cover}
.pinglun-popup .coment-list dd .text-box {height:auto;overflow:hidden;padding-top:5px;}
.pinglun-popup .coment-list dd .text-box a{color:#31C27C;font-size:14px;}
.pinglun-popup .coment-list dd .text-box span {margin-right:5px;color:#999}
.pinglun-popup .coment-list dd .text-box .text {height:auto;overflow:hidden;padding-top:5px;position: relative;}
.pinglun-popup .coment-list dd .text-box .text p {line-height:30px}
.pinglun-popup .coment-list dd .text-box .text p span{margin-left: 15px;}
.pinglun-popup .coment-list dd:first-child {border:0}
.pinglun-popup .coment-list dd .text-box p.time{color: #999;padding-left: 0;}
.pinglun-popup .coment-list dd .text-box .name{color:#31C27C;}
.pinglun-popup .replay{font-size: 14px;padding-top: 10px;}
.pinglun-popup .replay span{color: #31C27C !important;display: inline-block;}
.pinglun-popup .replay p{padding-top: 6px;}

.replay-input-box{position: relative;margin-top: 15px;}
.replay-btn{position: absolute;right: 0;bottom:0;color: #666 !important;}
.replay-btn:hover{color: #31C27C !important;}
.replay-input-box .replay-input{height: auto;overflow: hidden;padding: 20px;}
.replay-input-box .replay-input .text{width:596px;line-height: 35px;background-color: #333333;color: #d2d2d2;padding: 0 20px;float: left;}
.replay-input-box .replay-input .btn{width: 80px;height: 40px;background-color: #31C27C;color: #f9f9f9;cursor: pointer;padding: 0;margin: 0;}
.replay-input-box .replay-input .btn:hover{opacity: 0.9;}
.replay{padding-left: 20px;}
.replay ul li{height: auto;overflow: hidden;position: relative;margin-bottom: 15px;border-top: 1px dashed #e2e2e2;padding-top: 14px;}
.replay ul li:first-child{border-top: 0;}

.youshi {padding:0px;font-size:24px;line-height:100px;text-align:center;padding:70px;}
.youshi .intit{color: #31c27c;font-size: 48px;font-weight: bold;letter-spacing: 10px;}
.youshi span {padding:0px 5px;}
.link {margin:0 auto;color:#666;padding:20px 0px;line-height:35px;font-size:14px;}
.link a {margin:0 5px;color:#d2d2d2;}
.link a:hover {color:#31C27C;}
.menutable {margin:0 auto;text-align:center;}
.menutable a {line-height:60px;margin-right:20px;padding:10px 20px;font-size:14px;background-color:#252525;color:#d2d2d2;border-radius:2px;white-space:nowrap;word-break:keep-all;}
.menutable a:hover {background-color:#31C27C;color:#f9f9f9;}
.tagmore {width:100%;text-align:center;margin:100px auto 100px auto;clear:both;}
.tagmore a {margin:0 auto;display:block;width:500px;height:50px;line-height:50px;text-align:center;background-color:#31C27C;color:#f9f9f9;border-radius:50px;overflow:hidden;font-size:16px;}
.tagmore a:hover {background-color:#f9f9f9;color:#31C27C;}
.tagmore span {padding:0px 10px;}
.ba {background:#0c0c0c;margin:0 auto;color:#999;padding:0px 0px 15px 0px;text-align:center;font-size:14px;}
.ba a {margin:0 5px;color:#999;}

.appdown{ width: 700px; margin: 80px auto;}
.appdown h1{ line-height: 200px; color: #31c27c; text-align: center; font-size: 30px;}
.appdown p{ line-height: 50px; color: #d2d2d2; font-size: 16px;}
.erweima{text-align: center;width:300px;margin: 30px auto; color:#999; line-height: 50px; font-size: 16px;}
.erweima img{ width: 100%;background-color: #fff; }
hr{border-bottom: 1px solid #252525!important; margin: 50px}
.layui-field-title{margin: 50px 0px 0px 0px;}
legend {width:auto;border-bottom: 0px;color: #999;}


.vip {padding:0px;color: #d2d2d2;background:none; width: 900px; margin: 50px auto;}
.vip h1 {font-size:24px; text-align: center; line-height: 150px;}
.vip .layui-form-label {padding-left:0;font-size: 16px; width: 100px;}
.layui-form-radio * {font-size: 16px;}
.vip .layui-input-block {margin-left:110px;line-height:30px;}
.vip .layui-input-block button {line-height:40px;padding:0px 80px;color:#f9f9f9;background-color:#31C27C;border:1px solid #31C27C;cursor:pointer;font-size:16px;border-radius:3px;margin:20px auto;}
.layui-form-radioed{color:#31C27C;}
.vip .viptishi {line-height:100px;text-align: center;font-size: 18px;color:#999;}
.vip p {font-size:16px;color:#999;line-height:40px;padding-bottom:5px;}
.vip table {width:100%;border-collapse:collapse; margin-bottom: 30px;}
.vip table tr th {padding:10px 0;width:20%;color:#31C27C;background-color:#141414;font-size: 16px; line-height: 30px;border:1px solid #141414;}
.vip table tr td {padding:10px 0;width:20%;color:#999;background-color:#252525;text-align:center;font-size: 16px;line-height: 30px;border:1px solid #141414;}
.vip table tr td span{color:#ff5722;}
.vip .layui-field-title {margin-bottom:10px;}
.vip .layui-elem-field legend {padding-left:0;font-size:16px;color:#31C27C;margin:0;}
.vip hr {border-bottom: 1px solid #333 !important;margin: 30px 0;}

/* wapmenu */
.wapmenu {display: none;overflow: visible;position: fixed;bottom: 50px;right: 10px;z-index: 10;padding: 0px 0px 0px 0px;}
.wapmenu ul {display: flex;flex-direction: column;gap: .5rem;}
.wapmenu li {display: flex;flex-direction: column;align-items: center;line-height: 20px;font-size: 14px;color: #f9f9f9;}
.wapmenu img {border-radius: 100%;width: 50px;padding: 2px;background: #fff;}
.wapmenu span {position: absolute;width: 36px;height: 20px;line-height: 20px;border-radius: 20px;color: #f9f9f9;background: #31C27C;font-size: 12px;margin: -10px 7px 0px 7px;text-align: center;}
.wapmenu i {font-size: 36px;padding: 0px;display: block;line-height: 36px;}
.wapmenu label {}
.wapmenu .jigou {margin-bottom: 20px;}
.wapmenu .mote span {background: #FFA500;}

.mhead_search.active {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
.mhead_search {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    transform: translateY(-20px);
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: saturate(180%) blur(6px);
    backdrop-filter: saturate(180%) blur(6px);
}
.btnm-search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mhead_search form {
    position: relative;
    background: #fff;
    width: 90%;
    height: 50px;
    display: flex;
    align-items: center;
    margin: 20% auto 0;
    border-radius: 8px;
    overflow: hidden;
}
.mhead_search input {height: 50px;line-height: 50px;color: #999; background: inherit; font-size: 14px;padding: 0px 15px;flex: 1;}
.mhead_search button {background: initial;border: none;padding: 0px 15px;text-align: center;cursor: pointer;}
.mhead_search i {font-size: 24px;color: #999;line-height: 50px;}
.mhead_search p {
    text-align: center;
    color: #fff;
}

.mhead_user {
    display: block;
    border-radius: 12px;
    width: 180px;
    padding: 1rem 0.75rem;
    background-color: #1d1f20;
    position: fixed;
    top: 51px;
    right: 1px;
    opacity: 0;
    z-index: 9999;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    transform: translateY(-20px);
}
.mhead_user.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
.mhead_user ul {
    font-size: 14px;
}
.mhead_user li {
    padding: 0.5rem 1rem;
    margin: 0.25rem 0;
}
.mhead_user a {
    
}
.mhead_user a:hover {
    
}

.mhead_menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.mhead_menu.active {
    visibility: visible;
    opacity: 1;
}
.mhead_menu .btnm-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: saturate(180%) blur(6px);
    backdrop-filter: saturate(180%) blur(6px);
}
.mhead_menu_aside {
    width: 300px;
    padding: 1.25rem;
    background-color: #1d1f20;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 10000;
    transition: transform 0.3s ease-in-out;
    transform: translateX(-100%);
}
.mhead_menu.active .mhead_menu_aside {
    transform: translateX(0);
    box-shadow: 10px 0px 20px rgb(0 0 0 / 10%);
}
.mhead_menu_aside > li {
    padding: 0.25rem 0;
    border-top: 1px solid #35363a;
}
.mhead_menu_aside > li > a {
    padding: 0.625rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mhead_menu_aside > li > a > i {
    font-size: 12px;
    color: #8b8b8b;
}
.mhead_menu_aside .sub-menu {
    font-size: 14px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    padding-bottom: .85rem;
}
.mhead_menu_aside .sub-menu a {
    color: #8b8b8b;
}

@media (max-width: 1920px){
.w1400{padding: 0% 2%;}
.xiaotu{width: 96%; margin: 0 auto; padding:5px 0px;-webkit-column-count: 5;-moz-column-count: 5; column-count: 5;-webkit-column-gap: 5px;-moz-column-gap: 5px;column-gap: 5px;}
}
.mhead{display: none;}
@media only screen and (max-width: 900px){
.header {display: none;}
html, body{min-width: 100%;}

.login{width: 100%;}
#register{width:100%;}
.youshi{padding: 30px 10px;font-size: 15px;line-height: 50px;}
.youshi .intit{font-size: 20px;letter-spacing: 2px;line-height: 32px;}

.ztitle {line-height:30px;height:30px;}
.tagmore {margin:30px auto;}
.tagmore a {width:90%;}
.touxiang ul {width:100%;display:flex;flex-direction:row;flex-wrap:wrap;}
.touxiang ul li {height:auto;overflow:hidden;padding:0px;position:relative;width:15%;margin:1.5%;float:left;flex-direction:row;flex-wrap:wrap;}

.galleryList ul {grid-template-columns: repeat(2, 1fr);}

.footer{line-height: 24px;margin-top: 50px;}
.footer_right{text-align: center;}

.biaoqian h1{font-size: 24px;}
.biaoqian p{font-size: 16px;line-height: 30px;}
#page{padding: 20px 0px;}
.layui-laypage a, .layui-laypage span{height: 40px;line-height: 40px;padding: 0px 16px;font-size: 14px;}
.appdown{width: 100%;margin: 10px auto;}
.appdown h1{line-height: 50px;}
.appdown p{padding:0 20px;line-height: 30px;}
.article{width: 100%;padding: 10px;}
.vip{width: 100%;padding:0 10px;}
#tishi button{width:auto;}

.gallery_nav_box_left{display: none;}
.gallery_pl{display: none;}
.gallery_nav_box_right{margin-left:0px;}
#downstr button{padding: 0px 30px;}

.gallerypic-tips {margin: 20px auto 0;}

.renwu {
    padding: 20px 0;
}
.renwu p {
    padding: 10px 0;
}
.renwu p i {
    font-size: 14px;
}
.renwu .layui-btn {
    padding: 0px 100px;
}

.wapmenu {display: block;}
.gallery_menu {display: none;}
.fanding {display: none;}

.mhead{display: block;}
.top {height:50px;background:rgba(0,0,0,0.90);overflow:visible;position:fixed;left:0;top:0;right:0;z-index:10;padding:5px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logo {
    display: inline-flex;
    align-items: center;
}
.logo img {width:36px;border-radius:5px;}
.logo span {font-size:24px;line-height:30px;color:#31c27c;padding-left:5px;}

.btnm {
    display: inline-flex;
    align-items: center;
}
.btnm a {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
}
.btnm .layui-icon {
    font-size: 20px;
}

.mhead .appdown {float:right;text-align:right;width:auto;margin:0 auto;}
.mhead .appdown a {color:#31c27c;border:1px solid #31c27c;border-radius:5px;padding:5px 10px;line-height:40px;font-size:16px;}
.mhead .appdown .btnm-login{margin-right:10px;}

.flhd {width:auto;padding:0px;position:fixed;right:10px;top:50px;z-index:10;}
.flhd_content {position:relative;padding:5px 20px;font-size:16px;text-align:center;margin:0px;background:#ff5722;border-radius:50px;color:#f9f9f9;}
.flhd_content:after {content:"";display:block;position:absolute;width:0;height:0;border-style:solid;top:-8px;right:35px;bottom:auto;left:auto;border-width:0 5px 8px;border-color:#ff5722 transparent;}
.tuji {padding:10px;}
.tuji p {display:none;}
#LAY_gallery_xq{padding: 0px 10px;}
#LAY_gallery_xq h1{font-size: 17px;line-height: 28px;}
#LAY_gallery_xq p{line-height: 22px;}
.layui-field-title{margin: 5px 0px 0px 0px;}
.layui-elem-field legend{font-size: 14px}
#LAY_gallery_xq p a{line-height: 40px;margin-right: 5px;}
}
/*m*/
.tuji {padding-bottom:10px;width:100%;max-width:1200px;margin:0 auto;}
.tuji p {line-height:30px;}
.tuji p span {color:#1699df;padding:0 10px;}
.tuji p a {padding:1px 5px;line-height:22px;margin:5px;border-radius:5px;display:inline-block;background-color:#393D49;white-space:nowrap;color:#f0f0f0;}
.tuji p a:hover {background-color:#31C27C;color:#f0f0f0;text-decoration:none;}
.tuji h1 {font-size:16px;line-height:30px;text-align:left;padding:10px 0px;border-bottom:1px solid #393D49;margin-bottom:10px;}