@charset "UTF-8";
@import url(font_2924017_tbosac3b5l.css);
* {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: #d2d2d2; background: #000000; width: 100%; height: auto; min-width: 1242px; font-size: 14px;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: #afafaf;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #afafaf;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #afafaf;}

.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30,.bk50,.bk70,.bk60{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}

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

.title {text-align: center;font-size: 30px;line-height: 50px;padding:50px;}
.title_txt {text-align: center;font-size: 16px;color: #888; }

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

.headerhidden{display: none;}
.header {height: 60px;background:rgba(0,0,0,0.80);overflow:visible;position:fixed;left:0;top:0;right:0;z-index:10; padding: 0px 1%;}
.header .logo {float: left; margin-right: 38px; padding-top: 12px;}
.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;}


#layui-laypage-1 .current{
    background-color: #31c27c;
    color: #fff;
}

.header .header_search {float: left;background: #fff;width: 180px;height: 34px;border-radius: 3px;overflow: hidden;position: relative;margin-top: 12px;}
.header .header_search input {width: 80%;padding: 0 10%;height: 34px;line-height: 34px;color: #555;float: left;}
.header .header_search i{font-size: 20px; line-height: 34px; cursor: pointer;color: #555;}

.header .header_user { float: right; height: auto;overflow: visible;font-size: 14px;color: #31C27C;line-height: 40px;padding-top: 9px;}
.header .header_user i{font-size: 20px; }
.header .header_user .user-info{display: inline-block;position: relative;cursor: pointer;padding-bottom: 15px;}
.header .header_user .user-info .nav-box{display: none;position: absolute;width: 120px;background-color: #f5f5f5;left: 20px;top:50px;z-index: 2;padding: 10px 0;background-color: #31C27C;}
.header .header_user .user-info .nav-box li{height: auto;overflow: hidden;}
.header .header_user .user-info .nav-box li a{display: block;text-align: center;margin: 0;color: #fff;}
.header .header_user .user-info .nav-box li a:hover{background-color: #4fdb97;}
/* .header .header_user .user-info:hover .nav-box{display: block;} */
.header .header_user a {color: #31C27C;margin-left: 20px;}
.header .header_user a.btn-login {border: 1px solid #888;color: #d2d2d2;border-radius: 3px; padding: 8px 10px; line-height: 40px; }
.header .header_user a.btn-login:hover {border: 1px solid #31C27C;background-color: #31C27C; color: #f9f9f9;}
.header .header_user a span .normal{color:#d2d2d2;padding:0 2px;}
.header .header_user a span .vip{color:#ffa500;height:auto !important;padding:0 2px;}
.header .header_user img{ width: 35px;border-radius: 100%;display:inline-block;margin: 0px 5px;}


.banner {height:auto;overflow:hidden;position:relative}
.banner a {display:block}
.gengxin{ padding: 0px;  font-size: 20px; line-height:100px;letter-spacing:5px; text-align: center; color: #333;}
.swiper-pagination-bullet {background-color:#31C27C !important}

.btfuli{overflow:visible;position:fixed;bottom:0;z-index:10;background:rgba(0,0,0,0.7);color:#d2d2d2; width: 100%; text-align: center; line-height: 100px; font-size: 30px;letter-spacing:2px;}
.btfuli i{font-size: 35px;}
.btfuli span{ color: #FFDA1E; padding: 0 10px;}

.footer {text-align: center;line-height: 70px;overflow: hidden;background:rgba(0,0,0,0.80);margin-top: 100px;}
.footer a {display: inline-block;color: #999;padding: 0 35px;}
.footer a:hover {color: #31C27C;}

.index .header {background:none;}
.index .footer {position: fixed;left: 0;bottom: 0;right: 0;z-index: 2;}

.index .main {width: 400px;  margin: 0 auto;overflow: auto; padding: 20px 0px;}
.index .main h1 {font-size: 30px;color: #333;line-height:70px;text-align: center;font-weight: 400;padding-bottom: 10px;}
.index .main p {font-size: 12px;color: #777777;text-align: center; line-height: 30px;}
.index .box{border-top-left-radius:5px;border-top-right-radius:5px;background-color: #fff;}
.index .box .tit{padding: 6px 15px 0;font-size: 18px;}
.index .box .tit_txt{padding:0 15px 6px;}
.index .box .info-box{height: auto;overflow: hidden;background-color: #fff;padding:12px 0;border-top: 1px solid #e2e2e2; color: #31C27C!important;}
.index .box .info-box .gallery_sys{margin-left: 15px;}
.index .box .info-box .gallery_sys a{color: #31C27C;}
.index .box .info-box .gallery_sys a:hover{color: #107E49;}
.img-box {overflow: hidden;position:relative;}
.img-box img {width: 100%;transition:all .7s;}
.img-box .num {position:absolute;right:5px;top:5px;background:rgba(0,0,0,0.8);color:#f9f9f9;border-radius: 3px; padding: 2px 6px;font-size: 16px;}
.img-box .time{position:absolute;left:5px;bottom:5px;color:#f9f9f9;font-size:14px;border-radius: 5px;}
.img-box .tubi{position:absolute;left:5px;top:5px;background:rgba(49,194,124,0.8);color:#f9f9f9;border-radius: 3px; padding: 2px 6px;font-size: 16px;}
.img-box .video {position:absolute;left:42%;bottom:42%; font-size: 40px;color:#f9f9f9;}

#page{ padding: 10px;}
.layui-laypage a, .layui-laypage span{ height: 40px; line-height: 40px; background: #000000; font-size: 16px; color: #999;padding:0px 25px;border: 1px solid #111;}
.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: 14px; 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: 80px auto;clear: both;}
.btn a{margin:0 auto;display: block;width: 300px;height: 50px;line-height: 50px;text-align: center;background-color: #31C27C;color: #f9f9f9;border-radius: 3px; overflow: hidden;font-size: 16px;}
.btn a:hover {background-color: #f9f9f9;color: #555;}

.box ul li {height:auto;overflow:hidden;padding:0px;position: relative;width:18%;margin:1%; float: left;}
.box ul li p{line-height:40px;padding:5px; font-size: 16px;height: 50px;overflow: hidden;}
.box ul li p em{color:#999;}
.box ul li p a:hover{ color:#31C27C;}
.box ul li:hover{box-shadow: 0px 0px 20px rgba(34, 34, 34, 1);}
.box ul li:hover img{transform:scale(1.012);}
.box ul li:hover p a{color:#31C27C;}
.box ul li:hover p{color:#31C27C;}

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

.tishi {z-index:1;position:relative}

.tishiwenzi {position:absolute;left:0;right:0;bottom:0;width:100%;height:500px;overflow:hidden;z-index:1;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));text-align:center;font-size:16px;color:#d2d2d2}
.tishiwenzi .tishiwenzi-box {position:absolute;left:0;right:0;bottom:0px;}
.tishiwenzi img {display:block;margin:30px auto;}
.tishiwenzi h2 span {font-size:20px;color:#31C27C;font-style:italic}
.tishiwenzi p {line-height:40px;}
.tishiwenzi p span{color:#31C27C;font-size:20px;padding:0 4px;}
.tishiwenzi i {color:#31C27C;font-size:20px;padding:0px 10px}
.tishiwenzi button {line-height:40px;padding:0px 20px;color:#f9f9f9;background-color:#31C27C;border:1px solid #31C27C;cursor:pointer;font-size:16px;border-radius:3px;margin:10px}
.tishiwenzi button:hover {border: 1px solid #f9f9f9;background-color: #f9f9f9;color: #31C27C;}
.tishiwenzi .galbtn {line-height:40px;padding:0px 20px;border:1px solid #f9f9f9;color:#555;background-color:#f9f9f9;}
.tishiwenzi .galbtn:hover {color:#31C27C}



.gallery_menu{overflow:visible;position:fixed;bottom:0;z-index:10;background:rgba(0,0,0,0.8);color:#d2d2d2;left:50%;margin-left:-25%;border-top-left-radius:10px;border-top-right-radius:10px; font-size: 16px;}
.gallery_menu a{color: #31C27C;}
.gallery_menu .menu-top{height: 50px;position: relative;line-height: 50px;cursor: pointer;overflow: hidden;}
.gallery_menu .menu-top .bg{position: absolute;left: 0;top:0;bottom: 0;z-index: 2;right: 0;}
.gallery_menu .menu-top .box{height:auto;overflow:hidden;float:left;margin-right:20px;}
.gallery_menu .menu-top .box i{position: relative;top:4px;}
.gallery_menu .box ul{padding: 0 1%;}
.gallery_menu .box ul li{width: 23.6%;margin: 0.5%;}
.gallery_mote{ float: left;margin: 0px 20px;position:relative;height:auto;overflow:hidden;}
.gallery_mote img{ width: 40px;border-radius: 100%;float:left;;margin: 5px 10px 0 0px;}
.gallery_mote .text-box{height:auto;overflow:hidden;padding-top:9px;line-height: normal;}
.gallery_mote span{display: block;background-color: #f34747;color: #f9f9f9;line-height: normal;border-radius: 2px;font-size: 12px; width: 35px; text-align: center; padding: 1px 3px; text-align: center；}
.gallery_mote a{color: #31C27C;height:auto;overflow:hidden;display:block;}
.gallery_mote a:hover{color: #107E49;}
.gallery_sys{ float: left;margin: 0px 20px; color: #31C27C;;position:relative;height:auto;overflow:hidden;}
.gallery_sys img{ width: 40px;border-radius: 100%;float:left;;margin: 5px 10px 0 0px;}
.gallery_sys .text-box{height:auto;overflow:hidden;padding-top:9px;line-height: normal;}
.gallery_sys span{display: block;background-color: #31C27C;color: #f9f9f9;line-height: normal;border-radius: 2px;font-size: 12px;  width: 35px; text-align: center; padding: 1px 3px; text-align: center；}
.gallery_sys a{color: #31C27C;height:auto;overflow:hidden;display:block;}
.gallery_sys a:hover{color: #107E49;}
.gallery_xq{ float:right; margin:0px 20px;cursor: pointer;line-height:42px; }
.gallery_xq i{font-size: 24px;display: inline-block;}
.gallery_xq.active i{transform: rotate(180deg);}
.gallery_xihuan{ float: left;margin: 0px 20px;cursor: pointer;}
.gallery_xihuan i{font-size: 24px; line-height: 30px;}
.gallery_xihuan.active{color: red;}
.gallery_xihuan.active i{color: red;}
.gallery_dingyue{ float: left;margin: 0px 20px;cursor: pointer;}
.gallery_dingyue i{font-size: 24px; line-height: 30px;}
.gallery_dingyue.active{color: red;}
.gallery_dingyue.active i{color: red;}
.gallery_pl{ float: left;margin: 0px 20px;cursor: pointer;}
.gallery_pl i{font-size: 24px;line-height: 30px;}
.gallery_down{ float: left;margin: 0px 20px;cursor: pointer;line-height:42px;}
.gallery_down i{font-size: 24px;position: relative;}

.gallery_num{ float: left;margin: 0px 20px;line-height:42px;}
.gallery_num i{font-size: 24px;position: relative;}


.gallery_jieshao{ padding:50px; display: none;}
.gallery_jieshao h1{font-size: 20px; line-height: 50px;}
.gallery_jieshao p{line-height: 30px;}
.gallery_jieshao a{color: #31C27C;}

.goback {display:none;position:fixed;bottom:10px;right:10px; z-index:10;color:#f0f0f0;cursor: pointer;}
.goback i {font-size:30px; color:#f0f0f0;}

.tags{padding:20px 10px; line-height:40px;}
.tags a{line-height:40px;margin: 10px ;padding:6px 12px;font-size:16px;}
.tags a:hover{color: #31C27C;}
.tags span{background-color: #31C27C;color: #f9f9f9;border-radius: 2px;padding: 8px 15px; }


.tags a.tagsoff{background-color:#f9f9f9; color: #555;border-radius:2px; padding: 8px 20px;}
.tags a:hover.tagsoff{background-color:#31C27C; color: #f9f9f9;}

.tags a.tagson{background-color:#31C27C; color: #f9f9f9;border-radius:2px; padding: 8px 20px;}
.tags a:hover.tagson{background-color:#31C27C; color: #f9f9f9;}


.shadows{background-color: transparent !important;}
#gallery_down{background:rgba(0,0,0,0.8);border-radius: 3px;padding:50px; font-size: 16px;}
#gallery_down p{line-height: 40px; text-align: center;}
#gallery_down p a{color: #31C27C;}
#downstr{line-height: 40px; text-align: center;}

#downstr button {line-height:40px;padding:0px 20px;color:#f9f9f9;background-color:#31C27C;border:1px solid #31C27C;cursor:pointer;font-size:16px;border-radius:3px;margin:10px}
#downstr button:hover {border: 1px solid #f9f9f9;background-color: #f9f9f9;color: #31C27C;}
#downstr .galbtn {line-height:40px;padding:0px 20px;border:1px solid #f9f9f9;color:#555;background-color:#f9f9f9;}
#downstr .galbtn:hover {color:#31C27C}


#LAY_gallery_xq{padding:50px;background:rgba(0,0,0,0.8);border-radius: 3px;}
#LAY_gallery_xq h1{font-size: 30px; line-height: 60px; padding-bottom: 20px;}
#LAY_gallery_xq p { padding: 10px 0px; line-height: 30px; font-size: 16px;}
#LAY_gallery_xq p i {font-size: 20px; color: #dedede;}
#LAY_gallery_xq p span { padding: 0px 20px 0px 5px;}
#LAY_gallery_xq p a{background: #31C27C;color: #f9f9f9;border-radius: 3px; padding: 10px 20px; line-height: 40px; }
#LAY_gallery_xq p a:hover{color: #31C27C;background: #f9f9f9; }

.layui-btn {width:100%;border-radius:3px;background-color:#31C27C;line-height:40px;height:auto; }

.video{position:relative;}
.video img{width:100%;}
.video_tishi {width: 100%; min-height: 600px; line-height: 600px; background:rgba(0,0,0,1);color:#f0f0f0;border-radius: 0px; text-align: center; font-size: 16px;}
.video_tishi button {display:inline-block;line-height:40px;padding:0px 45px;color:#f0f0f0;background-color:#31C27C;border:1px solid #31C27C;cursor:pointer;font-size:14px;border-radius:3px;margin:10px}
.video h1{ font-size: 16px; line-height: 40px;padding: 10px 15px 0px;}
.video h1 span{ float: right; font-size: 14px; color: #777;}
.video p{line-height: 30px;background-color:#fff; padding: 5px 15px 20px;}
.video_xiangguan{clear:both;float:left;}
.video_xiangguan a{color: #31C27C;}
.video_xihuan{cursor: pointer;}
.video_xihuan i:nth-child(1){display: inline-block;}
.video_xihuan i:nth-child(2){display: none;}
.video_xihuan.active{color: red;}
.video_xihuan.active i:nth-child(1){display: none;}
.video_xihuan.active i:nth-child(2){display: inline-block;color: red;}
.video_pl{cursor: pointer;}
.video_renwu{ line-height: 50px;height: auto;overflow: hidden;padding: 10px 15px;}
.video_renwu .gallery_sys{margin-left: 0;}
.video_renwu img{width: 45px;border-radius: 100%;float:left;;margin: 8px 10px 0 5px;}
.video_renwu i{font-size: 24px;line-height: 30px;position: relative;top:4px;}

.renwu{padding:20px; text-align: center;}
.renwu .layui-btn {width:auto;border-radius:3px;background-color:#31C27C;line-height:40px;height:auto; padding: 0px 20px; }
.renwu img{width: 100px; height: 100px; border-radius: 100%;display:inline-block; margin: 0 auto;}
.renwu_title{padding:10px; font-size:20px;}
.renwu_title #follow{background:#31C27C;}
.renwu_title .follow{background: none;color: #FF5722;border: 1px solid #FF5722;}
.renwu_title .follow.active{background-color:#FF5722;color: #fff;}
.renwu_jieshao{padding:10px; font-size:14px;color: #d2d2d2;}
.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;}




/* 登录注册 */
.login{padding: 20px;background:#fff;}
.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;font-size:18px;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 {border-bottom:1px solid #e6e6e6;position: relative;}
.login .form .input-btn{border-bottom: 0 !important;}
.login .form .input-box input {padding:15px 0;font-size:14px;color:#333;width:100%;}
.login .form .input-box label{position: absolute;right: 0;top:0;bottom: 0;line-height: 50px;padding:0 0 0 20px;color: #31C27C;cursor: pointer;}
.login .form .input-box input.btn {padding:10px 0;border:1px solid #31C27C;background-color:#31C27C;color:#fff;cursor:pointer;border-radius:3px;margin:20px 0 10px 0;}
.login .form .input-box input.btn:hover {opacity:.9; }
.login .form .input-box-1 {padding:10px 0;border:1px solid #31C27C;color:#31C27C;cursor:pointer;border-radius:3px;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: 13px;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;}

/* VIP权益 */
.vip {padding:20px;}
.vip h2 {font-size:16px;padding-bottom:12px;color:#333;margin-top:20px;}
.vip p {font-size:14px;color:#666;line-height:24px;padding-bottom:5px;}
.vip table {width:100%;border-collapse:collapse; margin-bottom: 10px;}
.vip table tr th {padding:12px 0;width:16.66%;color:#f9f9f9;background-color:#31C27C;border:1px solid #fff;}
.vip table tr td {padding:12px 0;width:16.66%;color:#333;border:1px solid #fff;background-color:#f0f0f0;text-align:center;}

/* VIP升级/充值 */
.divcheng {padding:20px; color: #333;}
.divcheng .layui-form-label {display:block;float:none;width:100%;text-align:left;padding-left:0;font-size:16px;color:#31C27C;}
.divcheng .layui-input-block {margin-left:0;line-height:30px;}
.divcheng .layui-input-block input {margin-right:2px;}



.divcheng .layui-field-title {margin-bottom:10px;}
.divcheng .layui-elem-field legend {padding-left:0;font-size:16px;color:#31C27C;margin:0;}
.divcheng p {line-height:28px;}
.divcheng p a{color: #31C27C;}

/* 在线帮助/版权说明等 */
.help ul li {height:auto;overflow:hidden;padding:15px 0 18px;border-top:1px solid #111;font-size:14px;}
.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 {font-size:14px;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 20px;}
.layui-tab-title{text-align: center;border-bottom-width: 0px;}
.layui-tab-title li{font-size: 16px;}
.layui-tab-brief>.layui-tab-title .layui-this {color: #31c27c;}
.layui-tab-content{height: auto;overflow: hidden;background-color: #000;padding:20px;min-height: 380px;}
.my .info{ width: 800px; margin: 0px auto;}
.my .info p{line-height: 36px;margin-bottom: 10px;}
.my .info em{display: inline-block;width: 80px; text-align: right; padding-right: 10px;}
.my .input-box{line-height: 36px;margin-bottom: 10px;border:1px solid #222;width: 600px;padding: 10px 20px;}
.my .input-box .input{padding: 10px 0px;margin-right: 10px;width:390px;background: none; color: #d2d2d2;}
.my .input-box p{display: inline-block;margin-bottom: 0;width:390px;margin-right: 10px;}
.my .input-box.edit .input{border: 1px solid #e2e2e2;background-color: #fff; padding: 10px; color: #555;}}
.my .input-box span{display: inline-block;width: 60px;cursor: pointer;color: #31C27C;text-align: left;}
.my .input-box .layui-form-item .layui-input-inline{width: 300px;}
.my .bind-box{margin-top: 20px;display: none;}
.my .layui-form-mid a{color: #31C27C;}
.my .layui-btn{background-color: #31C27C;}

.coment-list {height:auto;overflow:hidden;font-size:14px; width: 800px; 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:16px;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:15px;}
.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: 12.5%;float: left;text-align: center;padding: 0 0 20px 0;}
.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: 16px;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: 16px;}

/* 微信登录 */
.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: 16px;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-content{background-color:transparent;}
.layui-this {color: #31C27C;}
.layui-this:after {border-bottom: 2px solid #31C27C;}
/*登录居中调整*/
.other .right { text-align: center; margin-bottom: 20px;}
.fg{text-align: center; color:#999999；}


#page input{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    background: #fcfcfc;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #000;
    font-size: 16px;

}
#page label span{
     height: 32px;
    line-height: 32px;
    padding-left: 0px;
}