/* 设置placeholder颜色 */

input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #A0A4AA;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #A0A4AA;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #A0A4AA;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #A0A4AA;
}

input,
textarea {
    color: #000!important;
}
/* ****************头部***************** */

.header {
    width: 100%;
    /*height: 159px;*/
    /*background-color: #2F343B;*/
    /*overflow: hidden;*/
}

.logo-parent {
    margin-top: 20px;
}

.search {
    /*margin-left: 362px;*/
    width: 463px;
    height: 34px;
    border: 1px solid #3186C7;
    border-radius: 17px;
    margin-top: 10px;
}


.search .shuruinput {
    display: inline-block;
    width: 375px;
    height: 34px;
    border-radius: 17px;
    padding-left: 19px;
    font-size: 14px;
    border: none;
    color: #A0A4AA;
    background-color: transparent;
    outline: none;
}

.search .sousuo {
    text-align: center;
    line-height: 40px;
    position: absolute;
    right: -1px;
    top: 0;
    display: inline-block;
    width: 70px;
    height: 34px;
    background-color: #3186C7;
    border-radius: 17px;
    cursor: pointer;
	display: inline-block;
    margin-top: 0px;
}


.search .sousuo .callss {
	width: 70px;
    height: 34px;
    background: url("../images/search-nav.png") no-repeat;
    display: inline-block;
	cursor: pointer;
    margin-top: 8px;
	margin-left:25px;
	border-style:none;
	background-color:transparent;
}

.logo-reg li {
    float: left;
}

.logo-reg li a {
    font-size: 12px;
    color: #010101;
    text-decoration: none;
    line-height: 16px;
}


.login-reg .out a {
    display: block;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    font-size: 16px;
    background: #fff;
    color: #000000;
}

.nav-parent {
    /*background-color: #000;*/
    width: 100%;
    height: 60px;
}

.navbox {
    max-width: 1920px;
    min-width: 1200px;
    height: 60px;
    margin: 0 auto;
    /*background-color: #000;*/
}

.nav {
    width: 1200px;
    /*height: 66px;*/
    /*overflow: hidden;*/
    margin: 0 auto;
    padding: 0 10px;
}

.nav>li {
    float: left;
    margin-right: 32px;
    text-align: left;
    /*margin-top: 20px;*/
    line-height: 60px;
    position: relative;
}

.nav>li>a {
    display: inline-block;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    padding-bottom: 7px;
}

.nav>li>a>span {
    width: 10px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    background: url("../images/bottom.png") no-repeat;
}

.nav>li>a>span.arrowtop {
    display: none;
    background: url("../images/top.png") no-repeat;
}

.nav>li>a.active {
    border-bottom: 2px solid #fff;
    background: none;
}

.nav>li>a:hover {
    border-bottom: 2px solid #fff;
}

.subnav {
    background: linear-gradient(180deg, #FF4A3C, #df203d);
    position: absolute;
    left: -35px;
    top: 60px;
    width: 140px;
    padding: 0;
    display: none;
    z-index:9999;
}

.subnav>li {
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
}

.subnav>li>a {
    color: #fff;
    display: block;
}

.subnav>li>a:hover {
    background-color: rgba(255,255,255,0.5);
}

.subnav>li>a.active {
    background-color: rgba(255,255,255,0.5);
}

.navmore>li {
    height: 40px;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
}

.navmore>li>a {
    color: #fff;
    display: block;
}

.navmore>li>a:hover {
    background-color: rgba(255,255,255,0.5);
}

.navmore>li>a.active {
    background-color: rgba(255,255,255,0.5);
}

.navmore {
    position: absolute;
    top: 60px;
    left: -44px;
    width: 140px;
    background: linear-gradient(180deg, #FF4A3C, #df203d);
    text-align: center;
    /*padding: 0px 5px 10px 5px;*/
    z-index: 2;
    display: none;
}

.navbox .more {
    margin-right: 0;
}

.hide {
    display: none;
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: #3186C7!important;
    background-color: #3186C7!important;
    height: 28px!important;
    line-height: 28px!important;
    font-size: 14px!important;
}

.layui-layer-btn .layui-layer-btn1 {
    line-height: 28px!important;
}

#myclock {
    color: #010101;
    font-size: 12px;
}

.myclock {
    padding-top: 20px;
    line-height: 16px;
    height: 16px;
}




/* *******************选项卡********************* */

.layui-nav-tree .layui-nav-item a .active {
    background-color: #2F343B;
    color: #FDFDFE;
}

.layui-nav-itemed>a,
.layui-nav-tree .layui-nav-title a,
.layui-nav-tree .layui-nav-title a:hover {
    color: #FDFDFE!important;
    background-color: #3186C7 !important;
}

.layui-nav-tree {
    width: 210px;
}

.layui-nav-tree .layui-nav-item {
    width: 210px;
}

.layui-nav-tree .layui-nav-item a {
    position: relative;
    width: 210px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #2F343B;
    background-color: #fff;
    cursor: pointer;
    padding: 0;
}

.layui-nav-tree .layui-nav-item a em {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.layui-nav-item>a img {
    position: relative;
    /*top: 10px;*/
    right: 50px;
}



/* 一级鼠标滑过的颜色 */

.layui-nav-tree .layui-nav-item a:hover {
    background-color: #15A2C0;
    color: #fff;
}

.layui-nav-tree .layui-nav-item {
    line-height: 77px;
}


.layui-nav-itemed .layui-nav-child {
    background-color: #FAFAFB!important;
}



/* 二级选项卡选中的颜色 */

.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this>a,
.layui-nav-tree .layui-this>a:hover {
    background-color: #88c1c9;
    color: #2F343B;
}

.layui-nav .layui-this:after,
.layui-nav-bar,
.layui-nav-tree .layui-nav-itemed:after {
    position: static;
}



/* 选项卡选中的颜色 */

.layui-nav-tree .active {
    background-color: #15A2C0!important;
    color: #fff!important;
}



/* 二级选项卡的颜色 */

.layui-nav-tree .layui-nav-item .layui-nav-child a {
    background-color: #a6dfe7;
    font-size: 14px;
}



/* 二级选项卡鼠标滑过的颜色 */

.layui-nav-tree .layui-nav-item .layui-nav-child a:hover {
    background-color: #15A2C0!important;
    color: #FDFDFE!important;
}




/* 公共颜色 */


/* 使用layui按钮的颜色 */

.layui-btn {
    background-color: #3186C7 !important;
}



/* 按钮不能点击的颜色 */

.expire {
    background-color: #BBBEC4 !important;
}



/* 按钮的颜色 */

.activity-active {
    background-color: #3186C7;
    /*border: 1px solid #246CC1;*/
    color: #fff !important;
}



/* 主题颜色 */

.zhutise {
    /*background-color: #15A2C0!important;*/
    background: linear-gradient(90deg, #FF4A3C, #df203d);!important;
    color: #fff!important;
}



/* 总分管二级颜色 */

.activity-active1 {
    border: 1px solid #3186C7!important;
    color: #3186C7!important;
}


/* 场馆预约按钮颜色 */
.yiyuyue{
    border:1px solid #BBBEC4;
    color: #BBBEC4;
}
.weiyuyeu{
    border:1px solid #3186C7;
    color: #3186C7;
}
.venue-btn{
    border:1px solid #3186C7;
    color:#3186C7 !important;
}
/***********************分页 **********************/

.page {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.layui-laypage .layui-laypage-prev {
    display: none;
}

.layui-laypage {
    /*margin: 83px 0 64px;*/
    margin: 83px 0 32px;
}



/* 分页颜色 */

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #3186C7;
}

.layui-laypage a:hover {
    /*color: #F40556;*/
    color: #3186C7;
}


.layui-laypage a,
.layui-laypage span,
.layui-laypage .layui-laypage-next {
    width: 38px;
    height: 38px;
    margin: 0 3px;
    border-radius: 4px;
    font-size: 14px;
    padding: 0;
    line-height: 38px;
    text-align: center;
}

.layui-laypage-em {
    border-radius: 4px;
}


.layui-laypage>a:last-child,
.layui-laypage>a:last-child em {
    border-radius: 4px;
}




















/*弹窗*/

.layui-layer-setwin .layui-layer-close1 {
    display: none!important;
}

.layui-layer-dialog {
    width: 500px!important;
    height: 191px;
}

.layui-layer-dialog .layui-layer-content {
    color: #000000;
    padding: 0!important;
    font-size: 16px!important;
    line-height: 103px!important;
    height: 103px !important;
    text-align: center;
}

.layui-layer-btn0,
.layui-layer-btn1 {
    width: 110px!important;
    height: 28px!important;
    line-height: 28px!important;
    font-size: 14!important;
    border-radius: 14px!important;
    padding: 0!important;
    line-height: 39px!important;
}

.layui-layer-title {
    display: none!important;
}


.layui-layer-btn a {
    margin: 5px 28px!important;
}
.layui-layer-btn-c{
    background: #fff;
}
.layui-layer-btn a:hover{
    opacity: 1 !important;
}











/* ****************筛选****************** */

.main-nav {
    /*max-width: 1920px;*/
    min-width: 1200px;
    background-color: #fff;
    overflow: hidden;
    margin: 0 auto;
    /*border: 1px solid #7D8591;*/
}

.screening-nav {
    width: 1200px;
    margin: 0 auto;
    padding: 0 10px;
    background-color: #fff;
}

.hot {
    display: none;
    margin-top: 40px;
    /*margin-bottom: 24px;*/
}

.area {
    display: none;
    /*margin-bottom: 24px;*/
}

.type {
    display: none;
    /*margin-bottom: 20px;*/
}

.classification {
    display: none;
    width: 69px;
    height: auto!important;
    text-align: right;
    line-height: 28px;
    /*background-color: #07162B;*/
    color: #A0A4AA;
    font-size: 16px;
}

.main-nav .level {
    width: 1116px;
    margin-left: 15px;
}

.type .level {
    border-bottom: 0;
}

.main-nav .level li {
    float: left;
    height: 16px!important;
    margin-right: 16px;
    color: #2F343B;
    font-size: 15px;
    padding: 6px 14px;
    border-radius: 14px;
    cursor: pointer;
}

.main-nav .level2 {
    margin-left: 76px;
}

.main-nav .level2 li {
    height: 12px!important;
    color: #A0A4AA;
    font-size: 14px;
    margin-right: 23px;
    padding: 6px 14px;
    border-radius: 14px;
    margin-top: -10px;
    margin-bottom: 24px;
    border: 1px solid transparent;
}


/* 常用联系人 */
.detele{
    color: #3186C7;
    border:1px solid #3186C7;
}
/*.type{
    color: #9EA7B4;
    border:1px solid #80848F;
}
*/


/*活动报名*/
#addcontacts{
    background: #3186C7 !important;
}
#submitBtn{
    background: #3186C7 !important;
}

/*场馆预约*/
.venuesyuyue .querenBtn{
    background: #3186C7 !important;
}
.yuyueContent .selected{
    border: 1px solid #3186C7 !important;
    background: #3186C7 !important;
}
#model .submitBtn{
    background: #3186C7 !important;
}

/*志愿者*/
.reports>div{
    background-color:#15A2C0 !important;
}
/*个人中心*/
.account-information h3>a.active{
    color: #15A2C0 !important;
    border-bottom: 1px solid #15A2C0 !important;
}
.account-information h3>a:hover{
    color: #15A2C0 !important;
    border-bottom: 1px solid #15A2C0 !important;
}
#room_find{
    background-color:#3186C7 !important;
}
.activity_find{
    background-color:#3186C7 !important;
}
#touxiangbtn .webuploader-pick{
    background-color:#3186C7 !important;
}
.contacts .addContBtn{
    color: #3186C7 !important;
    border: 1px dashed #3186C7;
}

/*列表页场馆名称弹窗*/
.layui-layer-tips .layui-layer-content{
    background-color: #3186C7 !important;
}
.layui-layer-tips .layui-layer-content i{
    border-right-color: #3186C7 !important;
}



/* 最新发布 */

.main-list {
    width: 1200px;
    height: 100%;
}

.tab1 {
    width: 100%;
    height: 66px;
}

.tab1 li {
    margin-top: 24px;
    font-size: 16px;
    float: left;
    color: #A0A4AA;
    cursor: pointer;
}

.tab1 .active1 {
    color: #df203d;
	font-weight:bold;
}

.new {
    border-right: 1px solid #df203d;
    padding-right: 13px;
}

.hight {
    padding-left: 13px;
}





















































































/**************************底部***********************/


/**************************底部***********************/

.footer {
    width: 100%;
    height: auto;
    /*background-color: #d2d5dd;*/
}

.footer-security {
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto;
    height: auto;
    /*background-color: #d2d5dd;*/
}

.footer-content {
    width: 1200px;
    height: auto;
    /*border-top: 1px solid #000;*/
    margin: 0 auto;
    text-align: center;
}

.footer-content hr {
    background-color: #2F343B;
}

.footer-content .info {
    display: inline-block;
    /*margin-top: 42px;*/
    height: 14px;
    overflow: hidden;
}

.footer-content .info li {
    float: left;
    margin-right: 8px;
    font-size: 14px;
    color: #000;
}

.footer-content .friendly {
    /*display: inline-block;*/
    /*margin-top: 15px;*/
    /*margin-bottom: 50px;*/
}

.footer-content .friendly li {
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}

.footer-content .friendly li a {
    font-size: 14px;
    color: #000;
}

.footer-content .friendly li a:hover {
    color: #7e8597;
}

.wtzhiding{
    color: rgba(50,89,198,1);
}
/*场馆筛选*/
.header .venue{
    font-size: 15px;
    color: #fff;
    line-height: 20px;
    height: 20px;
    /*margin-top: 22px;*/
    width: 40%;
    position: relative;
}
.header .venue .currentLocation{
    padding-right: 21px;
    margin-right: 18px;
    position: relative;
    color: rgba(0,0,0,.9);
}
.header .venue .currentLocation:after{
    content: "";
    display: block;
    /*width: 11px;*/
    /*height: 7px;*/
    /*background: url(../images/currentLocation_icon.png) no-repeat top left;*/
    position: absolute;
    right: 0px;
    top: 6px;
    cursor: pointer;
    width: 0px;                 /*  宽高设置为0，很重要，否则达不到效果 */
    height: 0px;
    border: 7px solid #3186C7;
    border-bottom-color: transparent;    /* 设置透明背景色 */
    border-left-color: transparent;
    border-right-color: transparent;

}
.header .venue .currentLocation span{
    color: #3186C7;
    cursor: pointer;
    margin-left: 18px;
}
.header .venue .choiceVenueBtn{
    color: rgba(0,0,0,.6);
    cursor: pointer;
}
.header .venue .choiceVenueBtn .venue_model{
    position: absolute;
    width: 480px;
    border: 1px solid #e5e5e5;
    z-index: 9999;
    left: 0px;
    display: none;
    background: #fff;
}
.header .venue .choiceVenueBtn .venue_model .present-site{
    height: 80px;
    background: #3186C7;
    width: 480px;
    padding: 0px 24px 0px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 80px;
}
.header .venue_model .present-city .name{
    font-size: 15px;
    color: #fff;
}
.header .venue_model .present-city .resert_choose{
    display: inline-block;
    width: 60px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    background:#3186C7;
    -webkit-box-shadow: 1px 2px 9px 1px rgba(0,0,0,.08);
    box-shadow: 1px 2px 9px 1px rgba(0,0,0,.08);
    border-radius: 4px;
    margin-left: 12px;
    text-align: center;
}
.header .venue_model .city-site{
    position: relative;
    color: #333;
    text-align: left;
    padding: 20px;
    line-height: 40px;
    /*background: url(../images/topvenue_bg.png) no-repeat;*/
    /*background-size: 100%;*/
    /*background-position: 100% 100%;*/
    min-height: 242px;
    -webkit-box-shadow: inset 0px 10px 18px -7px rgba(0, 0, 0, 0.27);
    box-shadow: inset 0px 10px 18px -7px rgba(0, 0, 0, 0.27);
}
/*.header .venue_model .city-site:after{*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 1px;*/
/*    !*background: #ccc;*!*/
/*    background: #bbb;*/
/*    height: 84%;*/
/*    left: 50%;*/
/*    top: 7%;*/
/*}*/
.header .venue_model .city-site .list{
    text-align: center;
    cursor: pointer;
    color: #222;
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    height: 70px;
    border-bottom: 1px solid #F5F5F5;
    position: relative;
}
.header .venue_model .city-site .list span{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    line-height: 26px;
}
.header .venue_model .city-site .list:nth-last-of-type(1){
    border: none;
}
.header .venue_model .city-site .list:hover{
    color:#3186C7;
}
.header .venue_model .city-site .list.active{
    color:#3186C7;
}

.header .venue .choiceVenueBtn:hover .venue_model{
    display: block;
}
/*.headerModule-7-top .venue .vunueActive:hover \/\.\.\/\.\.\/ .venue_model{*/
/*    display: block;*/
/*}*/
.header .venue .site_mask{
    position: fixed;
    top: 72px;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0,0,0,0.4);*/
    background: rgba(0,0,0,0);
    z-index: 9998;
    display: none;
}
.header .venue .choiceVenueBtn:hover+.site_mask{
    display: block;
}
.header .venue .currentLocation:hover+.choiceVenueBtn .venue_model{
    display: block;
}
.header .venue .currentLocation:hover+.choiceVenueBtn+.site_mask{
    display: block;
}
.header #venue_link{
    color: rgba(0,0,0,0.9);
}
.header #venue_link:hover{
    color: rgba(0,0,0,0.9);
}