@import url(../layui/css/layui.css);
@import url(iconfont/iconfont.css);
/**公用样式**/
body { margin: 0px; padding: 0px; font-family: "微软雅黑", "宋体", Arial; font-size: 14px; color: #333;}
img { border: 0; display: block;}
a { text-decoration: none; cursor:pointer; color: #333; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
a:hover { color: #578DD0; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.ts {transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.ts:hover {transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
div, ul, li, form, h1, h2, h3, h4,h5, p, dl, dt, dd, ul, ol, li, th, td, aside,article { margin: 0px; padding: 0px; list-style: none; }
.clear { clear: both; }
.clear:after { content: ""; display: block; clear: both;}
/* 矢量图标 */
@font-face {
  font-family: 'iconfont';
  src: url('../css/iconfont/iconfont.eot');
  src: url('../css/iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
	   url('../css/iconfont/iconfont.woff2') format('woff2'),
       url('../css/iconfont/iconfont.woff') format('woff'),
       url('../css/iconfont/iconfont.ttf') format('truetype'),
       url('../css/iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont {  font-family:"iconfont" !important; font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;}
.fl { float: left; }
.fr { float: right; }
.main { width: 1200px; margin: 0 auto; }
.bg_a { background: #578DD0;}
.bg_b { background: #dbb174;}
.bg{ background: #fff;}
.bg2{ background: #f9f9f9;}
.bian { border: solid 1px #eee; }
.bianju, .bj_mt10 { margin-top: 10px; }
.y_ju, .bj_mt15 { margin-top: 15px;}
.bj_mt20 { margin-top: 20px;}
.bj_mt40 { margin-top: 40px;}
.bj_mt60 { margin-top: 60px;}
.y_ju2, .bj_mt30 { margin-top: 30px;}
.bj_pt10{ padding-top: 10px;}
.bj_pt15{ padding-top: 15px;}
.bj_pt30{ padding-top: 30px;}
.bj_pt60{ padding-top: 60px;}
.relative{ position:relative;}
.noshow{ display: none;}
em, i { font-style: normal; }
hr {opacity: .2;}
.iconfont { text-align: center;}
.hidden { overflow: hidden; }
.nobian{ border: 0; }
.ca { color: #578DD0;}
.cb { color: #dbb174;}
.more { color: #ccc; font-size: 13px;}
.white, .cf { color: #fff; }
.gray, .c3{ color: #333;}
.gray2, .c6{ color: #666;}
.gray3, .c9{ color: #999;}
.gray4, .cc{ color: #ccc;}
.gray5, .aaa{ color: #aaa;}
.f30{ font-size: 30px;}
.f24{ font-size: 24px;}
.f20{ font-size: 20px;}
.f18{ font-size: 18px;}
.f16{ font-size: 16px;}
.f15{ font-size: 15px;}
.f14{ font-size: 14px;}
.f13{ font-size: 13px;}
.f12{ font-size: 12px;}
.nobold{ font-weight: normal;}
.bold { font-weight: bold; }
.block{ display: block;}
.center {text-align: center;}
.big_bg{ width: 100%; height: 100%; position: fixed;top:0; left: 0; z-index: 9999;}
/*超出隐藏*/
.chao { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chao2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.chao3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.chao4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.chao5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
/*鼠标经过图片特效*/
.photo { display: block; overflow: hidden; border-radius: 3px;}
.photo img { transition: all 0.3s ease-out; -moz-transition: -moz-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1);}
.photo:hover img { width: 100%;  transition: transform 0.3s; -moz-transition: -moz-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05);  }
/*黑色半透明*/
.gray_bg { background: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; /-khtml-opacity:0.6; opacity: 0.6;}
/*黑色半透明，字不透明*/
.gray_bg2{ background-color: rgba(0,0,0,0.6); /*ie8专用透明度*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); behavior: url(//img.5068.com/xin5068/pie.htc);  }
/*阴影*/
.yy{ box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
/*圆角*/
.yj_4{ border-radius:4px;}
.yj_10{ border-radius:10px;}
.yj_20{ border-radius:20px;}
/*日期*/
time { font-size: 12px; color: #999999; }
/*盒子模型*/
.box{ box-sizing:border-box;}
/*中间横幅*/
.w_100{ width: 100%;}
/*鼠标手势*/
.cursor{cursor: pointer;}
/*输入框字体颜色*/
input::-webkit-input-placeholder { color: #ccc; font-weight: normal;  }
input::-moz-input-placeholder { color: #ccc; font-weight: normal;}
input::-ms-input-placeholder { color: #ccc; font-weight: normal;}
input:focus {outline: 0; border: 1px solid #0fa0dd;}
select:focus {outline: 0; border: 1px solid #0fa0dd;}
button {  border: none; background: none; cursor: pointer; display: block;  }
.icon { background: url(../images/icon.png) no-repeat; display: block; }
/*layui默认样式修改*/
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after { background-color: #fff; border-radius: 10px; height: 3px; }
.layui-tab { margin: 0; }
.user-data .layui-tab { margin-bottom: 30px;}
.layui-tab-title { border: none; height: auto;}
.layui-tab-title li { height: auto; min-width: auto; }
.layui-tab-title .layui-this:after { display: none; }
.layui-btn { background-color:#578DD0; }
.layui-form-checkbox span {background-color:#ccc;}
.layui-form-checked span, .layui-form-checked:hover span { background-color: #2e74ff; }
.layui-form-checked i, .layui-form-checked:hover i {color:#2e74ff;}
.layui-form-radio>i:hover, .layui-form-radioed>i{color:#2e74ff;}
.layui-table-view .layui-table td { padding: 10px;}
.layui-table td, .layui-table th {padding: 10px!important;}
.laytable-cell-1-0-1 { font-size: 12px;}
.laytable-cell-1-0-1 span { font-size: 14px; }
.layui-table-page { height: 60px;}
.layui-table-page .layui-laypage button { float: right;}
.layui-table-page>div { margin-top: 10px;}
/*鼠标禁止*/
.ban:hover {cursor: not-allowed!important;}
/*顶部*/
.logo { margin-right: 20px; }
.logo img{ width:190px; max-height:45px;}
.layui-nav .layui-nav-user .user-avatar { padding-left: 0;  }
.layui-nav-child { border: none; text-align: center; padding: 10px 0; }
.layui-nav .layui-nav-user .user_login { padding: 0; }
.layui-nav { background: none; height: 60px; padding: 0; }
.layui-nav-img { margin-top: 15px; }
.user-out { text-align: center; line-height: 40px; width: 100%; color: #666; }
.user-out:hover { color: #b93c3c; }
.header { border-bottom: 1px solid #eee; }
.header .layui-nav .layui-nav-item a { color: #666; }
.header .layui-nav .layui-nav-more {    border-color: #ccc transparent transparent; }
.header-search { width: 600px; margin: 8px 60px; }
.search { width: 460px; border: 1px solid #e1e1e1; overflow: hidden; border-radius: 40px; height: 40px; line-height: 40px; background: #f9f9f9;  }
.search .layui-inline { width: 360px; line-height: 40px; height: 40px; }
.search .layui-input { border-width: 0px; font-size: 14px; padding:0 20px; line-height: 40px; height: 40px; background: #f9f9f9; }
.search .layui-btn { height: 40px; border-radius: 40px; }
.search .layui-btn i { margin-right: 10px; font-size: 14px; }
.upload-btn { height: 38px; line-height: 38px; border: 1px solid #578DD0; border-radius: 40px;padding: 0 20px 0 40px; display: block; margin:1px 0 1px 20px; position: relative; color: #578DD0; }
.upload-btn i {  font-size: 18px; position: absolute; left: 15px; top: 0px; }
.upload-btn:hover { background: #578DD0; color: #fff; }
.user-avatar .icon-vip1 { font-size: 14px; color: #efb35c; background: rgba(0,0,0,0.02); border-radius: 100%; margin: 0 5px; padding: 2px; }
/*登录*/
.layui-layer { border-radius: 10px!important; }
.user-login { line-height: 60px; }
.login { padding: 30px; width: 400px; margin: 0 auto; background: #fff; z-index: 9999; position: fixed; left: 50%; top:50%; border-radius: 10px; margin-left: -200px; margin-top: -260px;}
.login-title { line-height: 40px; width: 100%; display: flex; justify-content: center; padding: 20px 0; }
.login-title span { padding-left: 14px; position: relative; margin-left: 10px; margin-top: 13px; }
.login-title span:before{ content:""; display: block; position: absolute; width: 4px; height: 4px; border-radius: 100%; left: 0; top: 18px; background: #ccc;}
.login-wx { text-align: center; margin-bottom: 50px; }
.login-wx-rwm { width: 210px; height: 210px; border: 1px solid #e1e1e1; margin: 0 auto; }
.login-wx-rwm img { width: 100%; }
.login-tips { line-height: 24px; padding: 0 20px; }
.login-tips p { text-align: center; font-size:12px; color:#999; }
.login .close_btn { width: 30px; height: 30px; position: absolute; top: 0px; right: -40px; text-align: center; line-height: 30px;  cursor: pointer;}
.login .close_btn em { display: block;width: 30px; height: 30px; margin-left: -10px;  color:#fff; }
.login .close_btn:hover {transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg);  -ms-transform: rotate(90deg);}
.login-wx-input { position: relative;}
.login .input_txt { height: 48px; width: 260px; padding: 0 20px; border: 1px solid #e1e1e1; margin: 30px 50px 0 50px; float:left; border-radius:50px; }
.login #mobile_code { width: 130px;  margin-right:10px; border-radius:50px; }
.login .dongtai {  height: 50px; width: 120px; background:#f9f9f9;  color:#578DD0; float:left; margin-top: 30px;border-radius:50px;  }
.login .phone_submit,.login .password_submit { display: block; width:300px; margin: 30px 50px 0 50px; height: 50px; text-align: center; background:#578DD0; color:#fff; border-radius:50px; margin-bottom:50px;   }
.login-mode { position:absolute; top:0; right: 0; border-radius: 10px; overflow: hidden;}
.login-qq { width:68px; height: 68px; display: block; background: url(../images/icon.png) no-repeat; }
.saoma_sub { background-position: 0 -546px; }
.phone_sub {  background-position: 0 -620px;}
/*标题*/
.title-2 { border-bottom: 1px solid #eee; line-height: 40px; padding-bottom: 10px; }
/*列表*/
.lb-word .iconfont { color: #578DD0; }
.lb-pdf .iconfont { color: #b73636; }
.lb-ppt .iconfont { color: #f86f13; }
.lb-excel .iconfont { color: #6cc39f; }
.lb-txt .iconfont { color: #79849a; }
.lb-zfb .iconfont {color: #33b5ff;}
.lb-1 { width: 150px; margin: 0 30px; }
.lb-1 .lb-bt { margin-top: 15px; line-height: 24px; height: 48px; }
.lb-1 .lb-img { width: 126px; height: 170px; margin: 0 auto; display: block; border: 1px solid #eee; position: relative; }
.lb-img .iconfont { position: absolute; right: 0; bottom: 0; font-size: 30px; display: block; width: 26px; height: 28px; }
.lb-1 .lb-img img { width: 100%; height: 100%; }
.lb-xx { color: #999; font-size: 12px; margin-top: 15px; }
.lb-2 {  height: 92px; width: 256px; }
.lb-2 .lb-img {position: relative;  width: 66px; height: 90px; display: block; border: 1px solid #eee; margin-right: 15px; }
.lb-2 .lb-img img { width: 100%; }
.lb-2 .lb-img .iconfont { font-size: 20px; width: 16px; height: 18px; }
.lb-2 .lb-nr { width: 170px; }
.lb-2 .lb-bt { line-height: 24px; display: block; height: 60px; }
.lb-2 .lb-xx p { margin-right: 20px; }
.lb-3 { width: 220px; margin-top: 30px;  }
.lb-3:first-child { margin-top: 0; }
.lb-3 .lb-img { width: 220px; height: 126px; }
.lb-3 .lb-bt { line-height: 24px; }
.lb-3 img {  width: 100%; min-height: 126px; }
.lb-4 { line-height: 30px; }
.lb-4 .iconfont { margin-right: 5px;font-size: 20px; }
.lb-1:hover .lb-img,.lb-2:hover .lb-img {border: 1px solid #9ba2b1;}
/*底部*/
.footer { height: 160px; border-top: 3px solid #eee; }
.footer-logo { margin: 40px 0; display: block; }
.footer-copy { line-height: 24px;  }
.footer-nav a { margin-right: 10px; }
.footer-item { width: 140px; margin-left: 30px; margin-top: 60px; text-align: center; }
.footer-item .item-img { width: 100px; height: 100px; border: 1px solid #eee; margin: 0 auto; }
.footer-item .item-img img { width: 100%; }
.footer-item p { margin-top: 10px; color: #999; }
/*悬浮工具栏*/
.fixbar { position: fixed; width:60px; padding: 5px; border-radius: 10px; right: 20px; bottom: 20px; background: #fff; box-shadow: 0 6px 20px rgba(0,0,0,0.05); z-index: 9;  }
.fixbar-item { display: block; text-align: center; padding: 20px 0; border: none; border-bottom: 1px solid #eee; border-radius:0; height: auto;line-height: 20px; margin: 0;  }
.fixbar-item:hover { background: none;}
.fixbar-item i { display: block; font-size: 24px; color: #9ba2b1; position: static; }
.fixbar-item-vip i { color: #dbb174; }
.fixbar-item span { font-size: 12px; color: #999; margin-top: 10px; display: block; }
.fixbar-top { width: 40px; height: 40px; border-radius: 100%; background: #9ba2b1; text-align: center; line-height: 40px; color: #fff; margin: 10px; cursor: pointer; }
/*内页内容区*/
.content { padding-bottom: 40px; }
.con-sub { background:#f9f9f9 url(../images/list-bg.jpg) no-repeat top center; }
.sub-left { width: 870px; }
/*右边栏*/
.sub-right { margin-top: 110px; }
.r-group { padding: 20px; width: 260px; background: #fff; border-radius: 10px; }
.group-nr .lb-2 { margin-top: 30px; }
.r-banner img { width: 100%; }
/*面包屑*/
.position { height: 30px; line-height: 30px; padding: 40px 0 20px 0; color: #fff; }
.position a { color: #fff; opacity: 0.8; }
.position a:hover { opacity: 1; }
.position span { opacity: 0.7; }
/*作者*/
.rz-list-user {border-bottom: 1px solid #e1e1e1; height: 56px; padding-bottom: 30px;}
.content .user-avatar2 { width: 56px; height: 56px; border-radius: 100%;overflow: hidden; margin-right: 20px; }
.rz-list-user .user-avatar2 img { width: 100%; height: 100%; }
.user-xx { line-height: 30px; display: block; }
.rz-list-item .lb-4 {margin-bottom: 10px;}
.vip i { margin-left: 5px; color:#ccc; font-size: 14px; }
.rz i { margin-left: 5px; color:#ccc; font-size: 14px; }
.vip-on i { color: #dbb174; font-size: 14px; margin-left: 5px; }
.rz-on i { color: #6cc39f; font-size: 14px; margin-left: 5px;}
.wrap-tj { float: left; text-align: center; padding: 0 20px; line-height: 30px; color: #999;}
.wrap-tj b { font-size: 22px; }
.wrap-tj:nth-child(1) b { color: #2e79fd; }
.wrap-tj:nth-child(2) b { color: #6cc39f; }
.wrap-tj:nth-child(3) b { color: #dbb174; }
/*弹窗*/
.popup-title {line-height: 40px; text-align: center; padding: 20px; font-size: 18px;}
.dismiss-title { font-size: 22px; line-height: 40px; text-align: center; padding: 74px 0 0px 0;}
.dismiss-phone-con .form-tj .layui-input-block { margin-left: 84px;}
.popup-nr { padding: 0 30px; }
.popup-nr .layui-input-block { width: 240px; margin-left: 120px; }
.popup-nr .layui-form-label { width: 100px; padding: 9px 5px; } 
.popup-nr .short-input { width: 120px; margin-left: 10px; margin-right: 10px; }
.popup-nr .layui-layer-close,.dismiss-phone-con .layui-layer-close { position:static;  }
.popup-nr .form-tj .layui-input-block { margin-left: 84px; }
.popup-nr .layui-form-label em { color: #fd4963; }
/*登录新增样式*/
.rwm{position: relative;}
.login_saomao{background: #fff; background: rgba(255,255,255,0.9); position:absolute; left:0; top:0; width:210px; height:210px;z-index:9999;}
.login_saomao span{ display:block; text-align:center; margin-top:96px; color:#000; font-size:16px;}
.login_out{ cursor:pointer;}
/*新增支付样式*/
.pay_tc {display: none;opacity: 1;background: #999; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999999999999999; }
.pay_con { width: 360px; height: 336px; position: absolute; top: 50%; left: 50%; margin-top: -168px; margin-left: -180px; background: #fff; border-radius: 10px; overflow: hidden; }
.pay_con_nr { width: 360px; height: 360px; position: relative; }
.pay_con .sub,.pay_con2 .sub2{width: 33px; height: 33px; background: url(../images/claos2.png) no-repeat;background-size: 80%; border: none; right: 0; position: absolute;top: 10px; cursor: pointer; }
.pay_con .sub:hover,.pay_con2 .sub2:hover{ background: url(../images/claos_1.png) no-repeat; background-size: 80%;}
.pay_con .help_head{ width:auto; height: 60px; background: #38AD3A; font-size: 24px; color: #fff; text-align: center; line-height: 60px;  }
.pay_con2 { width: 320px; height: 336px; position: absolute; top: 50%; left: 50%; margin-top: -168px; margin-left: -160px; background: #fff; border-radius: 10px; overflow: hidden; }
.pay_con_nr2 { width: 320px; height: 380px; position: relative; }
.pay_con2 .help_head{ width:auto; height: 50px; background: #f60; font-size: 20px; color: #fff; text-align: center; line-height: 50px;}
.pay_con2 span{ color: #f60; display: block; text-align: center; font-size: 14px; line-height: 23px;}
.pay_con2 em{ color: #666; display: block; font-size: 13px; font-style: normal; text-align: center; margin-top: 6px;}
.erweima { width: 160px; height: 160px; margin:20px auto; }
.erweima img { width: 100%; }
.money,.money2 { text-align: center; font-size: 24px; }
.money span,.money2 span { color: #fb8201; font-weight: bold; }
.erweima_ss { font-size: 16px; background:#38AD3A; color: #fff; width: 146px; margin: 10px auto 0 auto; text-align: center; line-height: 30px; padding: 0 20px;  }
.erweima_ss p { background: url(../images/zhifu_icon.png) no-repeat left center; padding-left: 30px; }
.erweima_jx{text-align: center; font-size: 18px;}
.erweima_lx { margin: 40px auto 30px auto; }
.scanff .erweima { margin: 10px auto 0 auto; }
.rz_btn