@charset "UTF-8";

/* 全局 */
html, body {
	height: 100%;
}

.gray-bg {
    background-color: #f0f3f4;
}

body {
    font-family: "Microsoft YaHei","Source Sans Pro","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #676a6c;
    overflow-x: hidden;
}

@media only screen and (-webkit-min-device-pixel-ratio : 2){
    .main-container {
        -webkit-overflow-scrolling: touch;
    }
}

/* 顶部导航栏 */
.header{height: 50px; width: 100%;background: #fff; position: fixed; top: 0px; max-width: 768px; z-index: 99; line-height: 50px; border-bottom: 1px solid #CCCCCC; padding: 0 10px;}
.header span{margin-left: 10px; font-size: 18px;font-weight: 700; color: #333333;}
.header img{float: left; height: 39px; margin-top: 5px;}

/* 底部操作栏 */
.footbar{height: 50px; width: 100%; background: #ffffff; position: fixed; bottom: 0px; max-width: 768px; z-index: 99; border-top: 1px solid #efefef;}
.footbar .footbar-bar{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.footbar .footbar-bar > .smallbtn {flex: 1; text-align: center; color: #fff; height: 50px; padding: 5px; font-size: 18px; line-height: 40px;}
.footbar .footbar-bar > .bigbtn {flex: 2; text-align: center; color: #fff; height: 50px; padding: 5px; font-size: 18px; line-height: 40px;}
.footbar .footbar-bar > div.active {color: #fab641;}
.footbar .footbar-bar .imgdiv {font-size: 16px;}
.footbar .footbar-bar .titdiv {}

/* 详细内容div */
.main-container{padding-top: 50px; height: calc(100% - 50px); overflow: auto; position: relative;}/* 140px */
.main-container::-webkit-scrollbar {display:none}
.container-bgbox{background: #fff; width: 100%; display: inline-block; border-radius: 15px; box-shadow: 0px 0px 5px 1px #ccc; margin-bottom: 20px; overflow: hidden; position: relative; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-appearance:none;}
.title-label{width: 100%; border-bottom: 1px solid #b4b4b4; line-height: 24px; font-size: 16px;}
.title-label .more-label{float: right; color: #337ab7; cursor: pointer; font-size: 15px;}

.title-label-inner{width: 100%; border-bottom: 1px solid #b4b4b4; line-height: 20px; font-size: 14px;}
.title-label-inner .more-label{float: right; color: #337ab7; cursor: pointer; font-size: 13px;}

/* 备案号 */
.cq_footer {position: absolute; bottom: 50px; width: 100%; text-align: center; height: 60px; vertical-align: middle; padding: 8px;}
@media (max-width: 400px) {
	.cq_footer{height: 80px};
}

/*自定义swiper栏， 头部栏*/
.swiper-pagination{overflow-x:auto; max-width: 768px; white-space: nowrap;}
/* .swiper-pagination::-webkit-scrollbar {display:none} */
.swiper-pagination-custom {
	position: fixed;
	top: 0px;
	left: auto;
	text-align: left;
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 10;
	background: #ffcc00;
	height: 44px;
	max-width: 768px;
	line-height: 44px;
	display: flex;
}

.swiper-pagination-customs{
	text-align: center;
/* 	width: 100px; */
	flex: 1;
	font-size: 16px;
	display: inline-block;
	position: relative;
}
.swiper-pagination-customs-active:after {
	content: ''; border: 2px solid #fff; position: absolute; left: calc(50% - 50px); bottom: 6px; width: 100px; height: 1px; border-radius: 5px;
}

/**** 修复其他css样式 ****/
.container {
    width: auto;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: 0px;}

/**必填**/
.required:after{content:"*";color:red;margin-left: 5px;]}/* right:8px;position:absolute; */
/* 输入框提示 */
::-webkit-input-placeholder { /* WebKit browsers */
  color: #b4b4b4;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #b4b4b4;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #b4b4b4;
}

.idxContentDiv{width: 100%; height: 100%; padding: 15px; max-width: 500px; margin: 0 auto; overflow: auto;}

/* commom */
.text-center{text-align: center;}

.pd0{padding: 0!important;}
.pd5{padding: 5px;}
.pd8{padding: 8px;}
.pd10{padding: 10px;}
.pd20{padding: 20px;}

.pdlf5{padding-left: 5px; padding-right: 5px;}
.pdlf8{padding-left: 8px; padding-right: 8px;}
.pdlf10{padding-left: 10px; padding-right: 10px;}

.mg5{margin: 5px;}
.mg8{margin: 8px;}
.mg10{margin: 10px;}
.mg20{margin: 20px;}

.mb15{margin-bottom: 15px;}

.color-remark{color: #b4b4b4;}
.color-choose{color: #4288CA;}
.color-warning{color: #ff6600;}

.font16{font-size: 16px;}
.font-bold{font-weight: bold;}


.shen2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.shen4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.defaultbtn {
	background: linear-gradient(#ffde00, #ffcc00);
	border-radius: 15px;
	padding: 4px 20px;; 
}
.nopadding {
	padding: 0;
}

.loading {
    color: #bdbdbd;
    font-size: 14px;
    padding: 5px 10px;
    text-align: center;
    width: 100%;
    margin: 0px auto;
    border-radius: 5px;
}
.layui-flow-more {
    text-align: -webkit-center;
    text-align: -moz-center;
}

.textInput {border:none; width: 100%; padding: 5px 0px; background: none;}
.selectInput {border:none; width: 100%; padding: 5px 0px; background: none;}
.container-div{width: 100%; padding: 10px 15px; background-color: #fff; border-radius: 8px;}
.container-input{border:none; width: 100%; padding: 5px 0px; background: none;}
.container-radio{border:none; width: 10px; padding: 5px 0px; background: none;}

/* 颜色 */
.red{color:#ff0000}
.orange{color:#fbb547!important}
.back-gray{background-color:#cdcdcd!important}
.back-gray2{background-color:#f2f2f2!important}
.back-white{background-color:#ffffff!important}
.back-orange{background-color:#fbb547!important}
.back-blue{background-color:#00CCFF!important}
/* 微信分享遮罩 */
.share_wrap .share_prompt {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    color: #FFF;
    background-color: #ff6811;
    line-height: 2.8;
    font-size: 15px;
    text-align: right;
    z-index: 1011;
}

.mask {
    background: rgba(0, 0, 0, .7);
    z-index: 1010;
    position: fixed;
    width: 100%;
    height: 200%;
    top: 0;
    left: 0;
}
.share_wrap .share_prompt .icon {
    margin: -2px 20px 0 10px;
}

.middle-box {
    max-width: 400px;
    z-index: 100;
    margin: 0 auto;
    padding-top: 40px;
}

.loginscreen.middle-box {
    width: 300px;
}

.middle-box h1 {
    font-size: 170px;
}

.logo-name {
    color: #e6e6e6;
    font-size: 180px;
    font-weight: 800;
    letter-spacing: -10px;
    margin-bottom: 0px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 100;
}

h3, h4, h5 {
    margin-top: 5px;
    font-weight: 600;
}

h3 {
    font-size: 18px;
}

.left{
	float:left;
}

.right{
	float:right;
}
.maxwidth{
	width:100%;
}

a {
    color: #303437;
    text-decoration: none;
}

a:hover, a:focus {
    color: #23b7e5;
}

a {
    cursor: pointer;
}

a:hover,
a:focus {
    text-decoration: none;
}
.layui-btn{
	background-color: #4AB344!important;
}