@charset "UTF-8";
* {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: #000; width: 100%; height: auto; 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 {-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;}
img {border: 0;}




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



/*
.top {height: 60px;background:rgba(0,0,0,0.85);overflow:visible;position:fixed;left:0;top:0;right:0;z-index:10; padding: 10px;}
*/
.top {height: 50px;background:rgba(0,0,0,0.80);overflow:visible;position:fixed;left:0;top:0;right:0;z-index:10; padding: 5px 10px;}
.txt{float: left; font-size: 22px; line-height: 40px;color:#31c27c; padding-left: 5px; }
.txt a{color:#31c27c; }

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

.topButton{float: right;color: #31c27c;border: 1px solid #31c27c;border-radius: 5px; padding: 0px 12px; line-height: 28px;font-size: 16px;cursor: pointer;margin-top: 6px;}


.menu{float:left; text-align:left; padding: 3px 0px; width: 8%;}
.menu i{ font-size: 24px; color:#f9f9f9;}

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


.logo{float: left;text-align: left;padding: 0px;width: 30px;height: 30px;margin: 5px 0px;border-radius: 3px;background-image: url(https://img.yituyu.com/static/logo.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
.logo img{margin: 2px 0px; width: 36px;border-radius: 5px;}


.width {margin: 0 auto;z-index:1;overflow: auto;padding:20px;}


.title{margin:0 auto;  text-align:left; line-height: 50px;font-size:16px;color:#31C27C;padding-left: 10px;}
.title_txt {text-align: center;font-size: 16px;color: #888; }

.app{color: #fff;background: #31c27c; margin: 0px 20px; z-index:1000; padding: 0px; line-height: 45px; text-align: center;font-size: 16px;cursor: pointer;border-radius: 50px;}
.app span{ padding: 0px 5px;}



.flhd {width:auto; padding:0px;position:fixed;right:10px;top:50px;z-index:10;}	
.flhd_content {position:relative;padding:5px 20px;font-size: 14px;text-align: center;margin:0px;border-radius:50px;background: linear-gradient(45deg, #c31c1c, #FFA500);color: #fff;}
.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:#ffa500 transparent;}
.flhd span{ padding: 0px 5px;}	


.ts{ text-align:center;font-size:16px; line-height:50px; color:#d2d2d2; }
.ts span{ padding: 0px 5px;color:#31C27C; font-size: 20px; }
.ts i{padding: 0px 8px;}


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


.tit {font-size: 20px; line-height: 30px; padding: 10px 0px;}
.tit a:hover{color:#31C27C;}
.tit_txt {color:#999; font-size: 16px; line-height:50px; 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;}

.box { margin: 0 auto; height:auto;overflow:hidden;width:100%;font-size: 14px;padding: 10px;}
.box img {display:block;width:100%;border-radius: 5px; }
.box ul {padding:0px;}
.box ul li {height:auto;overflow:hidden;padding:0px;position: relative;width:46%;margin:2%; float: left;}
.box ul li p{line-height:30px;overflow: hidden;font-size: 16px;}
.box ul li p em{color:#999;}
.box ul li p a:hover{ color:#31C27C;}

.rtitle{line-height: 30px; color: #666; overflow: auto;}
.rtitle a{color: #666; margin-right: 5px;font-size: 14px;}

.w1500{display: flex;justify-content: center;overflow: hidden;}

.page{clear: both;padding: 50px 0px; text-align: center; }
.page a{line-height: 40px; background: #333; font-size: 16px; color: #f9f9f9;padding:10px 15px; margin: 0px 1px;}
.page a.num{background-color: #333;color: #f9f9f9;}
.page span{ line-height: 40px; background: #31c27c; font-size: 16px; color: #f9f9f9;padding:10px 15px;margin: 0px 1px;}


.img-box {overflow: hidden;position:relative;margin-bottom: 5px;}
.img-box img {width: 100%;}
.img-box .num {position:absolute;right:6px;top:6px;background:rgba(0,0,0,0.8);color:#f9f9f9;border-radius: 10px; padding: 2px 5px;font-size: 14px;}
.img-box .chujingren{position:absolute;bottom:5px;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 .chujingren a{color: #d2d2d2; margin-right: 10px;}

.zhegai {z-index:1;position:relative;}
.yinying {position:absolute;left:0;right:0;bottom:5px;width:100%;padding-top: 100px;z-index:2;text-align:center;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));text-align:center;}
	
.tishiclass .yinying{padding-top: 50px;bottom:5px;}
	
.xiaotu{column-count: 2; padding: 0px 0px 5px 0px; column-gap: 5px;}
.xiaotu img{margin-bottom: 5px;}
	
	
.tishitxt img{ margin: 0 auto 20px auto; width: 30px; height: auto;}

.tishitxt  { margin: 20px auto 40px auto; text-align: center; font-size: 16px;height: auto;}
.tishitxt p {line-height:30px;}
.tishitxt p span{color:#FFA500;padding:0 10px;font-size: 30px;font-weight: bolder;}
.tishitxt i {color:#31C27C;font-size:18px;padding:0px 10px}
.tishitxt button {line-height:40px;width:90%;color: #f0f0f0;background-color:#FFA500;border:1px solid #FFA500;cursor:pointer;font-size:16px;border-radius:50px;margin:30px 0px;}



.pic {height:auto;overflow:hidden;width:100%;background-color: #000000;}
.pic img {display:block;width:100%;margin-bottom: 5px;}


.gallery_renwu{margin: 0px 0px 20px 0px; color: #31C27C;height:auto;overflow:hidden; line-height: 50px;font-size: 16px;}
.gallery_renwu img{ width: 50px;border-radius: 100%;float:left;;margin: 0px 0px 0 0px;padding: 0px;}
.gallery_renwu span{background-color: #31C27C;color: #f9f9f9;border-radius: 50px;font-size: 14px;padding: 3px 8px;margin: 0px 5px;}
.gallery_renwu span.chujing{background-color: #FFA500;}




.tags{padding:20px 0px;}
.tags a{line-height:40px;padding:6px 10px;margin-right: 10px;border-radius: 20px;font-size:14px;background: #222;white-space: nowrap;word-break: keep-all;color: #999;}

.biaoqian {margin: 0 auto;z-index:1;overflow: auto;padding:10px 10px 10px 10px; }
.biaoqian h1{text-align: center;font-size: 24px;line-height: 80px;color: #31c27c;font-weight: bolder;}
.biaoqian p{text-align: center;font-size: 16px;line-height: 30px;padding: 10px 0px;color: #666;}
.biaoqian p span {padding: 5px 10px;background: #333;margin: 5px;border-radius: 50px;font-size: 14px;color: #999;}


/*layui样式调整*/
.layui-tab-title{padding: 0px;margin: 10px 10px 0px 10px;}
.layui-tab-title li {padding: 0 15px;}

.layui-tab-title .layui-this {color: #31C27C;}
.layui-tab-title .layui-this a{color: #31C27C;}

.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: #333;}
.layui-tab-title .layui-this:after { height: 40px;border-bottom-color: #000;border-top-color: #31c27c;border-top-width: 2px;}


.renwu{padding:20px 20px 20px 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: 70px; height: 70px; border-radius: 100%;display:inline-block; margin: 0 auto;}
.renwu_title{line-height: 50px; text-align: center; font-size:18px;}
.renwu_jieshao{font-size:16px;color: #999;}
.renwu_jieshao a{ color: #31C27C; padding:0px 5px;}

.renwu h1{line-height: 50px; text-align: center; font-size:20px;color:#31C27C;font-weight: 600;}
.renwu p{padding:7px 0px; line-height: 30px;font-size: 14px;}
.renwu p span{background: #333;border-radius: 5px;padding: 3px 8px;margin: 0px 5px; color: #999;}
.renwu p em{margin: 0px 15px 0px 5px;color: #31C27C;font-size: 16px;}
.renwu button{line-height: 40px;padding: 0px 100px; color: #f9f9f9;background-color: #31C27C;border: 0px;cursor: pointer;font-size: 14px;border-radius:50px;}


.picmenu {overflow:visible;position:fixed;bottom:105px;right:10px;z-index:10; padding:0px 0px 0px 0px;}
.picmenu ul{ margin: 0px; padding: 0px;}
.picmenu ul li{width: 100%; text-align: center; line-height: 20px; font-size: 14px;color: #f9f9f9; margin-bottom: 10px;  }
.picmenu ul li i{  font-size: 36px;padding: 0px; display: block;line-height: 36px;}

.picmenu ul li img{border-radius:100%; width: 50px;padding: 2px;background: #fff;}
.chuangzuo{position: absolute; width: 40px; height: 20px; line-height: 20px; border-radius:20px;color: #f9f9f9;background: #31C27C;font-size: 14px; margin: -10px 5px 0px 5px;text-align: center;}

.touxiang{}
.touxiang ul{height: auto;overflow: hidden;padding:2% 0px;}
.touxiang ul li{width: 20%;float: left;padding:2%;}
.touxiang ul li img {width: 90%;text-align: center;border-radius: 100%;overflow: hidden;position: relative;}
.touxiang ul li p {width: 100%;text-align: center;font-size: 14px;line-height: 30px;height: 30px; overflow: hidden;}
.touxiang ul li p a:hover{color: #31C27C;}
	

.layui-layer{padding: 10px; background: #141414;}

.piccontent,.wangpan{display: none;}


.jieshao {padding: 20px 0px 0px 0px;background: #000;border-radius: 0px;border-top: 1px solid #333;}
.jieshao h1{ font-size: 18px; line-height: 30px; font-weight: bolder;padding:10px 0px;}
.jieshao p{ padding: 5px 0px; line-height: 30px;font-size: 14px;}
.jieshao p i{ padding: 0px 0px 0px 10px;}
.jieshao p a{line-height:40px;padding:6px 10px;margin-right: 10px;border-radius: 20px;font-size:14px;background: #222;white-space: nowrap;word-break: keep-all;}

.down{margin: 20px 0px 0px 0px}
.down button {line-height: 40px;padding: 0px 50px;color: #f9f9f9;background-color: #333;border:0px;cursor: pointer;font-size: 14px;border-radius: 50px; width: 100%; margin: 0px auto;}

.layui-elem-field {border-color: #333;}
.layui-field-title{margin: 0px;}
.layui-elem-field legend {margin-left: 20px; padding: 0 10px;font-size: 14px;margin-bottom: 0px;color: #666;}

.layui-layer {padding: 0px;border-radius: 10px;}

.footer{padding: 10px; line-height: 50px; color: #666; font-size: 16px; text-align: center; background: #141414;margin-top: 50px;}
.footer span{ padding: 0px 10px;}
.footer .layui-elem-field legend {margin-left: 0px; padding: 0 10px;color: #666;font-size: 14px;font-weight: normal;}