* {word-wrap: break-word;}
*, *:before, *:after {box-sizing: border-box; outline: none;}
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:rgba(255,255,255,.6); 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:rgba(255,255,255,.6);}
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; }
.biaoqian h1{text-align: center;font-size: 36px;line-height: 70px;color: #31C27C;font-weight: bolder;}
.biaoqian p{text-align: center;font-size: 16px;line-height: 50px;padding: 10px 0px;}
.biaoqian p span{padding:0px 5px;}

.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: 10px 10px 10px 0px; line-height: 40px; font-size: 24px;}
.header .logo img{ padding: 0px;border-radius: 5px; width: 40px; 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 {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;}

.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:45px;padding: 0px 10px;}
.xiala ul li a{font-size:14px;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;}
.bang a{color: #f9f9f9;}
.bang i{color: #ff5722;}
.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:200px;}
.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: 16px; }
.header_right ul {margin: 0px; padding: 0px;}
.header_right ul li{float: left;padding: 0px 0px 0px 20px;}	
.header_right ul li a:hover {color: #31C27C;}
.header_right ul li a#viptxt {color: #e1b85e;}
.header_right ul li a#viptxt:hover {color: #31C27C;}
.header_right ul li a.btn-login {border: 1px solid #31C27C;color: #31C27C;padding: 7px 15px; line-height: 36px; border-radius: 5px;}
.header_right ul li a.btn-login:hover {color: #f9f9f9;background-color: #31C27C;border: 1px solid #31C27C;}
.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{display: none;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;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; margin-bottom: 10px;}
.img-box img {width: 100%;transition:all 1s;border-radius: 2px; }
.img-box img:hover {-webkit-filter: brightness(40%); filter: brightness(40%);}
.img-box .num {position:absolute;right:5px;top:5px;background:rgba(49,194,124,1);color:#f9f9f9;border-radius: 5px; padding: 2px 5px;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 .meilizhi{position:absolute;bottom:0px;width: 100%; padding: 5px; color:#f9f9f9; font-size: 14px;text-align:left;}
.img-box .meilizhi i,.img-box .hot i{color:#f9f9f9;font-size: 14px; margin-right: 2px;}


#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;}
.w1500{display: flex;justify-content: center;overflow: hidden;}
.box{width: 92%;overflow: hidden;}
.box ul li{margin: 1% 0%;}
.box ul li:last-child:nth-child(5n - 1) {margin-right: calc(20.5% * 1);}
.box ul li:last-child:nth-child(5n - 2) {margin-right: calc(20.5% * 2);}
.box ul li:last-child:nth-child(5n - 3) {margin-right: calc(20.5% * 3);}
.box ul li:last-child:nth-child(5n - 4) {margin-right: calc(20.5% * 4);}
.box ul{ padding:0px;}
.box ul li {height:auto;overflow:hidden;padding:0px;position: relative;width:18%;/*margin:1% 0%; float: left;*/}

.box ul li{margin-right:1%;margin-left:1%;}

.ztitle{line-height:40px;height: 40px; overflow: hidden;}

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


.gallerypic {height:auto;overflow:hidden;width:100%;}
.gallerypic img {display:block;width:100%; margin-bottom: 5px;}

.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:rgba(255,255,255,.6);}


#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;}


.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: rgba(0,0,0,0.8);border-radius: 5px;}
.fanding i {font-size:20px; color:#f9f9f9;}

.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, .gallery_meili{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, .gallery_meili:hover{color: #31c27c;}
.gallery_xihuan i, .gallery_pl i, .gallery_shoucang i, .gallery_xx i, .gallery_meili i{font-size: 32px;margin-right: 5px;cursor: pointer;}
.gallery_xihuan label, .gallery_pl label, .gallery_shoucang label, .gallery_xx label, .gallery_meili 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: 5%;float: left;padding: 0px;}
.touxiang ul li img {width: 100%;text-align: center;border-radius: 100%;overflow: hidden;position: relative;}
.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:rgba(255,255,255,.6);}
.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}
#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:rgba(255,255,255,.6);}

.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:rgba(255,255,255,.6);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 5px;color: #31C27C;}
.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_jieshao{padding:10px; font-size:16px;color:rgba(255,255,255,.6); line-height: 30px;}
.renwu_jieshao a{ color: #31C27C; padding:0px 5px;}


.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;}

.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;}
/* 登录注册 */
.login{padding: 20px;background:#252525;font-size: 14px;}
.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:rgba(255,255,255,.6);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:rgba(255,255,255,.6);padding-bottom:10px;font-size: 16px;}
.help ul li p {color:rgba(255,255,255,.6);line-height:30px;padding: 0;font-size: 16px;}
.help p {color:rgba(255,255,255,.6);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:rgba(255,255,255,.6);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:rgba(255,255,255,.6);}
.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-field-title{margin: 0px;}
.layui-elem-field{border-color: #999;}
.layui-elem-field legend{width:auto;font-size: 16px;border-bottom:0px;color: #999;}
.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:rgba(255,255,255,.6);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:rgba(255,255,255,.6);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;}


@media (max-width: 1920px){ 
.w1400{padding: 0% 2%;}
.box{width: 98%;overflow: hidden;}
.box ul li {width:18%;/*margin:1%; float: left;*/}
.xiaotu{width: 96%; margin: 0% 2%; 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;}
}