@charset "utf-8";
.bg-babyblue{background: #edf6ff;}
.bg-babyblue .m-com-more{background: none;}
/* com-title */
.com-title h3{position:relative; display: inline-block; font-size:1.25em; font-weight:bold; color:#333;}
.com-title h3 a{color:#333;}
.com-title h3 a:hover{color:#2354AF;}
.com-title.square h3:before{position:absolute; top:50%; left:0; content:""; width:4px; height:16px; margin-top:-7px; background-color:#0557ac;}
.com-title.square h3{padding-left:20px;}
.com-title.square.orange h3:before{background: #ee5e37;}
.com-title.underline h3{padding-bottom: 18px;}
.com-title.underline h3:after{position:absolute; bottom: 0; left:0; content:""; width:100%; height:3px; background-color:#2354AF;}
.com-title.underline.red h3:after{background: #C20000;}
.com-title.underline.half h3{padding-bottom: 14px;}
.com-title.underline.half h3:after{width: 2em;}
.com-title.fs28 h3{font-size: 1.75em;}
.com-title.line{border-bottom: 1px solid #DEDEDE;}


.page-user .bg-white{background: #fff;padding-left: 20px;padding-right: 20px;}

.page-user .com-title h3{font-size: 22px;}

.user-com-title{border-bottom: 1px solid #D8E2E8;padding-bottom: 10px;}
.user-com-title h3,
.user-com-title-icon h3{font-size: 30px;font-weight: 700;}
.user-com-title-icon h3 img{width: 54px;margin-right: 6px;display: inline-block;vertical-align: middle;}
.user-com-title-icon h3 b{color: #2354AF;}
@media (max-width: 1500px){
  .user-com-title h3, 
  .user-com-title-icon h3{font-size: 22px;}
  .page-user .com-title h3{font-size: 20px;}
  .user-com-title-icon h3 img{width: 45px;}
}

.user-count{padding: 0 28px;min-height: 238px;background: url(../images/user_count_bg.jpg) no-repeat left top #E6EDFF;background-size: 100% 100%;}
.user-count>.row{overflow: hidden;clear: both;}
.user-count .col-lg-4{width: 31.5%;}
.user-count .col-lg-8{width: 68.5%;}
.user-info{padding-top: 60px;}
.user-info>*{display: inline-block;vertical-align: middle;line-height: 1.3;}
.user-info .head{width: 100px;height: 100px;margin:0 18px 0 22px; border: 2px solid #fff;border-radius: 50%;}
.user-info .txt p{font-size: 24px;font-weight: 700;}
.user-info .txt .set{
  display: inline-block;margin-top: 18px; padding: 4px 15px;color:#2C60D1; 
  border: 1px solid #2C60D1;border-radius: 2px; 
  /*background: url(../images/user_icon_set.png) no-repeat 14px center;background-size: 19px;
  padding: 4px 15px 4px 37px;*/
}

.user-count .count-lists ul{margin: 0 -10px;}
.user-count .count-lists li{width: 25%;float: left;}
.user-count .count-lists li a{
  position: relative;text-align: center;overflow: hidden; display: block;height: 154px;line-height: 154px;margin: 0 10px;
  border: 1px solid #3A79DE; overflow: hidden;background: url(../images/user_countlist_bg.jpg) no-repeat right bottom #cadffa;background-size: 100% 100%;
  -webkit-box-reflect: below 0 -webkit-linear-gradient(transparent,transparent 75%,rgba(255,255,255,.4));
}
.user-count .count-lists li i,
.user-count .count-lists li i img,
.user-count .count-lists li p{display: inline-block; vertical-align: middle;}
.user-count .count-lists li i{position: relative; margin-right: 5%;width: 69px;height: 79px;line-height: 79px;text-align: center; background: url(../images/user_count_icon_bg.png) no-repeat center top;background-size: 100%;}
.user-count .count-lists li i:after{content:"";position: absolute;left: -20px;right: -20px;top: 60%;z-index: 0; height: 100%;background: url(../images/user_count_icon_bgshadow.png) no-repeat center bottom;background-size:100%;}
.user-count .count-lists li i img{height: 40px;position: relative;z-index: 1;}
.user-count .count-lists li .icon-bg{position: absolute;z-index: 0;bottom:2%;right:3%;max-height: 50%;opacity: .1;}
.user-count .count-lists li p{font-weight: 700;color:#fff;text-align: right;font-size: 18px;line-height: 1.1;}
.user-count .count-lists li b{display: block;line-height: 1;font-size: 42px;letter-spacing: -2px;text-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);}
@media (max-width: 1280px){
  .user-count{background-size: cover;}
  .user-info{text-align: center;padding-top: 40px;}
  .user-count .count-lists{margin-bottom: 50px;margin-top: 10px;}
  .user-count .count-lists li a{margin-top: 20px;-webkit-box-reflect:initial;}
  
}
@media (max-width: 992px){
  .user-count .count-lists li{width: 50%;}
}
@media (max-width:560px){
  .user-count .count-lists li{width: 100%;}
}


/* 我要写信 */
.user-wdxj .com-title .btn{color:#2255B2;font-size: 1.125em;}
.user-wdxj .com-title .btn img{display: inline-block;vertical-align: middle;max-width: 24px;max-height: 26px; margin-right: 8px;}
.user-wdxj .com-title.square h3:before{width: 3px;border-radius: 3px;background: #507DDB;}

/* 表格 */
.table-hfxd{max-height:275px;}
.table-hfxd table{width: 100%;border-spacing: 0;border:none;text-align: left;}
.table-hfxd table th,
.table-hfxd table td>*{text-indent: 22px;border:none;}
.table-hfxd table th{font-size: 1.125em;background: #EDF1F7;height: 34px;line-height: 34px;color:#2363B0;font-weight: bold;}
.table-hfxd table td{padding: 8px 0;line-height: 1.3;border:none;}
.table-hfxd table tbody tr:first-child td{padding-top: 20px;}
.table-hfxd table td a,
.table-hfxd table td span{display: inline-block;vertical-align: top;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.table-hfxd table td a{width: 400px;}
.table-hfxd table td span{width: 160px;}
.table-hfxd table td span.state{color:#4166B5;width: 100px;}
@media (max-width: 1500px){
  .user-wdxj .com-title .btn img{width: 15px;}
  .user-wdxj .com-title .btn,
  .table-hfxd{font-size: 1.125em;}
  .table-hfxd table th,
  .table-hfxd table td>*{text-indent: 20px;font-size: 1em;}
  .table-hfxd table td span{width: 180px;}
  .table-hfxd table td span.state{width: 100px;}
  .table-hfxd table td a{width: 280px;}
}


/* 我的足迹 */
.user-wdzj #calendar.brevity{max-width: 540px;margin: 0 auto;}
.user-wdjz-lists .scrollbar-y{max-height: 417px;}
.timeline-list{position: relative;font-size: 18px;}
.timeline-list:before{content: ''; position: absolute; left: 12px; width: 1px; top: 25px; bottom: 0; background: #CFE6FF;}
.timeline-list{padding-left: 32px; padding-top: 15px;}
.timeline-list li{position: relative;}
.timeline-list li .time{display: block; color: #666; margin-bottom: 10px;}
.timeline-list li + li{margin-top: 28px;}
.timeline-list li:after,
.timeline-list li:before{content: ''; position: absolute; left: -28px; top: 3px; width: 17px; height: 17px; background: url(../images/user_icon_dot_active.png) no-repeat; background-size: 100% 100%;transform: all 0.3s;}
.timeline-list li:after{left: -23px;top:8px; width: 6px;height: 6px;background: #4398DE;border-radius: 50%;}
.timeline-list li+li:before{display: none;}
.timeline-list li:hover:before{display: block;}
@media (max-width: 1500px){
  .user-wdzj #calendar .layui-laydate-header span{font-size: 1.25em;}
  .user-wdzj #calendar.brevity .layui-laydate-content td{font-size: 16px;}
  .user-wdzj #calendar.brevity .layui-laydate-content td p, 
  .user-wdzj #calendar.brevity .laydate-day-mark{
    width: 42px;
    height: 42px;
    line-height: 42px;
  }
}
@media (max-width: 480px){
  .timeline-list li .elli-s{white-space: normal;}
}
@media (max-width: 410px){
  .user-wdzj .layui-laydate-header i{font-size: 14px;}
  .user-wdzj #calendar .layui-laydate-header span{font-size: 1em!important;}
  .user-wdzj #calendar.brevity .layui-laydate-content td p, 
  .user-wdzj #calendar.brevity .laydate-day-mark{
    width: 28px;
    height: 28px;
    line-height: 28px;
  }
}


/* 我的办事 */
.user-wdbs .lists{margin-top: 12px;}
.user-wdbs .lists li{width: 11.11%;float: left;}
.user-wdbs .lists li a{display: block;text-align: center;padding: 30px 0;font-size: 18px;transition: all 0.3s;}
.user-wdbs .lists li i{
  display: block;width: 64px;height: 64px;color:#5188DB; margin: 0 auto 15px; border-radius: 50%;border: 1px solid #A3D0FF;
  background: url(../images/user_wdbs_icon1.png) no-repeat 0 0 #fff;background-size: auto 64px;box-shadow: 0px 2px 10px  #cee5fe;
}
.user-wdbs .lists li a:hover{color:#333; background: linear-gradient(to bottom, #fff 0%, #c9e6ff 100%);}
.user-wdbs .lists li a:hover i{background-color: #8AB9FF;background-position: -64px 0; border-color:#8AB9FF;color:#fff;}
.user-wdbs .lists .li0 i{background-image: url(../images/user_wdbs_icon0.png)}
.user-wdbs .lists .li2 i{background-image: url(../images/user_wdbs_icon2.png)}
.user-wdbs .lists .li3 i{background-image: url(../images/user_wdbs_icon3.png)}
.user-wdbs .lists .li4 i{background-image: url(../images/user_wdbs_icon4.png)}
.user-wdbs .lists .li5 i{background-image: url(../images/user_wdbs_icon5.png)}
.user-wdbs .lists .li6 i{background-image: url(../images/user_wdbs_icon6.png)}
.user-wdbs .lists .li7 i{background-image: url(../images/user_wdbs_icon7.png)}
.user-wdbs .lists .li8 i{background-image: url(../images/user_wdbs_icon8.png)}
@media (max-width: 1280px){
  .user-wdbs .lists li{width: 20%;}
}
@media (max-width: 992px){
  .user-wdsc .infolist.col2 li{width: 100%;}
}
@media (max-width: 640px){
  .user-wdbs .lists li{width: 33.33%;}
}
@media (max-width: 460px){
  .user-wdbs .lists li{width: 50%;}
}


/* 猜你想“看” */
.user-cnxk-znts .com-title .refresh{cursor: pointer; padding: 7px 20px;opacity: .8; border: 1px solid #CCCCCC;border-radius: 20px;line-height: 16px;}
.user-cnxk-znts .com-title .refresh .icon{float: left;width: 16px;height: 16px;margin-right: 5px; background: url(../images/icon_refresh_gray.png) no-repeat center;background-size: 100%;}
.user-cnxk-znts .com-title .refresh:hover{background: #e2efff;}
.user-cnxk-znts .infolist li{padding-top: 6px;padding-bottom: 6px;line-height: 28px;}
.user-cnxk-znts .contpad{height: 277px;}
.user-cnxkcy-znts .com-title .refresh{cursor: pointer; padding: 7px 20px;opacity: .8; border: 1px solid #CCCCCC;border-radius: 20px;line-height: 16px;}
.user-cnxkcy-znts .com-title .refresh .icon{float: left;width: 16px;height: 16px;margin-right: 5px; background: url(../images/icon_refresh_gray.png) no-repeat center;background-size: 100%;}
.user-cnxkcy-znts .com-title .refresh:hover{background: #e2efff;}
.user-cnxkcy-znts .infolist li{padding-top: 6px;padding-bottom: 6px;line-height: 28px;}
.user-cnxkcy-znts .contpad{height: 277px;}
/* 订阅 */
.user-cnxk-znts .dylabels .tab{margin-bottom: 4px;}
.user-cnxk-znts .dylabels .tab li a{cursor: pointer; font-size: 1.25em;font-weight: 700;color: #808080;display: inline-block;padding-bottom: 10px;}
.user-cnxk-znts .dylabels .tab li.on a{color: #B8335F;background: url(../images/user_znts_linebg.png) no-repeat left bottom;background-size: 100%;}
.user-cnxkcy-znts .dylabels .tab{margin-bottom: 4px;}
.user-cnxkcy-znts .dylabels .tab li a{cursor: pointer; font-size: 1.25em;font-weight: 700;color: #808080;display: inline-block;padding-bottom: 10px;}
.user-cnxkcy-znts .dylabels .tab li.on a{color: #B8335F;background: url(../images/user_znts_linebg.png) no-repeat left bottom;background-size: 100%;}
.layer-subscribe{width: 80%!important; max-width: 1200px;max-height: 80%;overflow: hidden;}
.layer-subscribe .layui-layer-title{opacity: 0;}
.layer-subscribe .layui-layer-setwin{top: 20px;right: 20px;}
.layer-subscribe .layui-layer-setwin .layui-layer-close{
  background: #ebebeb;border-radius: 50%;padding: 10px;color:#000;font-size: 18px;
  line-height: 1;text-align: center;font-weight: 900; font-family: layui-icon!important;
}
.layer-subscribe .layui-layer-setwin .layui-layer-close:before{content:"\1006";}
.layer-subscribe .layui-layer-setwin .layui-layer-close:hover{background: #ccc;opacity: 1;}
.subscribe-model{height: 100%!important;width: 100%!important;}
.subscribe-main{margin: 20px;padding: 5%;}
.subscribe-main .com-title{text-align: center;}
.subscribe-main .com-title h3{font-weight: 700;margin: 0 2.5%;}
.subscribe-main .com-title h3:after{width: 0;bottom: -1px;}
.subscribe-main .com-title h3 a{color: #333;}
.subscribe-main .com-title h3.on:after{width: 100%;}
.subscribe-main .com-title h3.on a{color: #2354AF;}
.subscribe-main .labels-list h3.tit{font-size: 1.375em;}
.subscribe-main .labels-list ul{margin: 0 -13px;}
.subscribe-main .labels-list ul li{min-width: 150px; float: left;font-size: 1.25em;}
.subscribe-main .labels-list ul li a{
  display: block;padding: 0 10px; height: 48px;line-height: 48px;text-align: center;margin: 0 13px 26px; cursor: pointer;position: relative;
  background: #f2f2f2;border: 1px solid transparent;border-radius: 2px;color: #2354AF;transition: 0.3s;
}
.subscribe-main .labels-list ul li .close{
  border-radius: 50%;color:#000;font-size: 14px;font-weight: 700; position: absolute;right: -12px;top: -12px;z-index: 1;
  width: 24px;height: 24px;line-height: 24px; background: rgba(0,0,0,.2);transition: 0.3s;
}
.subscribe-main .labels-list ul li .close:hover{background: #2b5ab1;color: #fff;}
.subscribe-main .labels-list.wdy ul li a{background: transparent;border-color:#ccc;color:#666;}
.subscribe-main .labels-list.wdy ul li a:hover{border-color:#2354AF;color:#2354AF;}

.card-shadow{background: #4D88D9;border-radius: 10px;}
.card-shadow .title{padding: 15px 20px;}
.card-shadow .title h3{color:#fff;font-size: 22px;font-weight: 700;}
.card-shadow .contpad{height: 241px; padding: 10px 24px 24px; background: #fff;border-radius: 10px; box-shadow: 0px 2px 30px  rgba(61, 134, 217, 0.3);}

.user-cnxk-dybq .card-shadow{ background: url(../images/user_cnxk_dybq_bg.png) no-repeat right top;background-size: 100%;}
.user-cnxk-dybq .card-shadow .contpad{padding-left:10%;padding-right: 10%;}
.user-cnxk-dybq .card-shadow p{font-size: 1.25em;margin: 24% 2%;color: #5C5C5C;line-height: 1.6;}
.user-cnxy-dybq .card-shadow .btn-dy{cursor: pointer;border-radius: 2px; padding: 9px 10px;display: block; text-align: center; border:none;font-size: 1.375em;background: #FF877B;color:#fff;}
.user-cnxk-dybq .card-shadow .btn-dy:hover{opacity: .8;}
.user-cnxkcy-dybq .card-shadow{ background: url(../images/user_cnxk_dybq_bg.png) no-repeat right top;background-size: 100%;}
.user-cnxkcy-dybq .card-shadow .contpad{padding-left:10%;padding-right: 10%;}
.user-cnxkcy-dybq .card-shadow p{font-size: 1.25em;margin: 24% 2%;color: #5C5C5C;line-height: 1.6;}
.user-cnxkcy-dybq .card-shadow .btn-dy{cursor: pointer;border-radius: 2px; padding: 9px 10px;display: block; text-align: center; border:none;font-size: 1.375em;background: #FF877B;color:#fff;}
.user-cnxkcy-dybq .card-shadow .btn-dy:hover{opacity: .8;}
.user-cnxk-kjrk .contpad li{float: left;width: 50%;}
.user-cnxk-kjrk .contpad li a{display: block;position: relative; padding-left: 32px; border-bottom: 1px solid #D5DDE6;height: 60px;line-height: 60px;}
.user-cnxk-kjrk .contpad li img{position: absolute;width: 23px;height: 23px;left:0;top: 20px;}
.user-cnxk-kjrk .contpad li span{display: inline-block;vertical-align: middle;line-height: 1.3;}
.user-cnxkcy-kjrkcy .contpad li{float: left;width: 50%;}
.user-cnxkcy-kjrkcy .contpad li a{display: block;position: relative; padding-left: 32px; border-bottom: 1px solid #D5DDE6;height: 60px;line-height: 60px;}
.user-cnxkcy-kjrkcy .contpad li img{position: absolute;width: 23px;height: 23px;left:0;top: 20px;}
.user-cnxkcy-kjrkcy .contpad li span{display: inline-block;vertical-align: middle;line-height: 1.3;}
@media (max-width: 1500px){
  .subscribe-main{padding-top: 0;}
  .subscribe-main .labels-list h3.tit{font-size: 1.125em;}
  .subscribe-main .labels-list ul li{font-size: 1em;}
  .subscribe-main .labels-list ul li a{height: 38px;line-height: 38px;}
}
@media (max-width: 1280px){
  .user-cnxk-dybq .card-shadow p{margin-top: 9%;margin-bottom: 9%;}
    .user-cnxkcy-dybq .card-shadow p{margin-top: 9%;margin-bottom: 9%;}
  .card-shadow .contpad{height: auto;overflow: hidden;min-height: 241px;}
  .user-cnxk-znts .contpad{height: auto;}
    .user-cnxkcy-znts .contpad{height: auto;}
}
@media (max-width: 410px){
  .user-cnxk-dybq .card-shadow p{margin: 24% 2%;}
  .user-cnxk-kjrk .contpad li{width: 100%;}
    .user-cnxkcy-dybq .card-shadow p{margin: 24% 2%;}
  .user-cnxkcy-kjrkcy .contpad li{width: 100%;}
}


/* 猜你想“办” */
.user-cnxb .bg-babyblue{border: 1px solid #C4D5F5;background: #F9FCFF;padding: 1px 30px;}
.user-cnxbcy .bg-babyblue{border: 1px solid #C4D5F5;background: #F9FCFF;padding: 1px 30px;}
.user-cnxb .lists-icon ul{margin: 0 -10px;}
.user-cnxb .lists-icon li{float: left;width: 12.5%;}
.user-cnxb .lists-icon li a{display: block;font-size: 18px;padding: 10px 0;margin: 20px 10px 0;text-align: center;}
.user-cnxb .lists-icon li a img{display: block;margin: 10px auto 16px;width: 55px;height: 55px;}
.user-cnxbcy .lists-icon ul{margin: 0 -10px;}
.user-cnxbcy .lists-icon li{float: left;width: 12.5%;}
.user-cnxbcy .lists-icon li a{display: block;font-size: 18px;padding: 10px 0;margin: 20px 10px 0;text-align: center;}
.user-cnxbcy .lists-icon li a img{display: block;margin: 10px auto 16px;width: 55px;height: 55px;}
.user-cnxb .lists-img ul{margin: 0 -12px;}
.user-cnxb .lists-img li{float: left;width: 25%;}
.user-cnxb .lists-img li a{display: block;margin: 24px 12px 0;overflow: hidden;}
.user-cnxbcy .lists-img ul{margin: 0 -12px;}
.user-cnxbcy .lists-img li{float: left;width: 25%;}
.user-cnxbcy .lists-img li a{display: block;margin: 24px 12px 0;overflow: hidden;}
@media (max-width: 1280px){
  .user-cnxb .lists-icon li{width: 25%;}
  .user-cnxb .lists-img li{width: 50%;}
  .user-cnxb .lists-icon li a img{width: 45px;height: 45px;}
   .user-cnxbcy .lists-icon li{width: 25%;}
  .user-cnxbcy .lists-img li{width: 50%;}
  .user-cnxbcy .lists-icon li a img{width: 45px;height: 45px;}
}
@media (max-width: 560px){
  .user-cnxb .lists-icon li{width: 33.33%;}
  .user-cnxb .lists-img li{width: 100%;}
    .user-cnxbcy .lists-icon li{width: 33.33%;}
  .user-cnxbcy .lists-img li{width: 100%;}
}
@media (max-width: 480px){
  .user-cnxb .lists-icon li{width: 50%;}
   .user-cnxbcy .lists-icon li{width: 50%;}
}


/* 猜你想“查” */
.user-cnxc .contpad ul{margin: -24px -12px 0;}
.user-cnxc .contpad li {width: 16.6%;float: left;}
.user-cnxc .contpad li a{display: block;text-align: center;font-size: 1.125em; background: #F9FCFF;height: 148px;margin: 24px 12px 0;overflow: hidden;transition: all 0.3s;}
.user-cnxc .contpad li img{display: block;width: 59px;height: 59px; margin: 30px auto 10px;transition: all 0.3s;}
.user-cnxc .contpad li p{line-height: 1.3;}
.user-cnxc .contpad li a:hover{background: #e2efff;color:#333;}
@media (max-width: 1280px){
  .user-cnxc .contpad li {width: 25%;}
  .user-cnxc .contpad li img{width: 49px;height: 49px;}
}
@media (max-width:  768px){
  .user-cnxc .contpad li{width: 33.33%;}
}
@media (max-width: 560px){
  .user-cnxc .contpad li{width: 50%;}
}
/* 猜你想“查” zy*/
.user-cnxczy .contpad ul{margin: -24px -12px 0;}
.user-cnxczy .contpad li {width: 16.6%;float: left;}
.user-cnxczy .contpad li a{display: block;text-align: center;font-size: 1.125em; background: #F9FCFF;height: 148px;margin: 24px 12px 0;overflow: hidden;transition: all 0.3s;}
.user-cnxczy .contpad li img{display: block;width: 59px;height: 59px; margin: 30px auto 10px;transition: all 0.3s;}
.user-cnxczy .contpad li p{line-height: 1.3;}
.user-cnxczy .contpad li a:hover{background: #e2efff;color:#333;}
@media (max-width: 1280px){
  .user-cnxczy .contpad li {width: 25%;}
  .user-cnxczy .contpad li img{width: 49px;height: 49px;}
}
@media (max-width:  768px){
  .user-cnxczy .contpad li{width: 33.33%;}
}
@media (max-width: 560px){
  .user-cnxczy .contpad li{width: 50%;}
}
.infolist{clear: both; font-size: 18px;margin-top: 0;}

/* 滚动条 */
.scrollbar-xy{overflow: auto;}
.scrollbar-xy::-webkit-scrollbar{ width: 6px;height: 6px;}
.scrollbar-y{overflow-y: auto; overflow-x: hidden;}
.scrollbar-y::-webkit-scrollbar{ width: 6px;height: auto;}
.scrollbar-x{overflow-x: auto; overflow-y: hidden;}
.scrollbar-x::-webkit-scrollbar{ height: 6px;width:auto;}
/* 滚动条轨道 */
.scrollbar-xy::-webkit-scrollbar-track,
.scrollbar-x::-webkit-scrollbar-track,
.scrollbar-y::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 3px;background: #E5E5E5;}
/* 滚动条滑块 */
.scrollbar-xy::-webkit-scrollbar-thumb,
.scrollbar-x::-webkit-scrollbar-thumb,
.scrollbar-y::-webkit-scrollbar-thumb{border-radius: 3px;background: linear-gradient(225deg, #689EE3 0%, #0262D6 100%);}

/* 日历 */
.iframe-calendar{width: 100%;height: 413px;}
#calendar{width:100%;min-height: 390px;position: relative;}
#calendar .layui-laydate{font-size: 1em;z-index: 1;background: inherit;}
#calendar .layui-laydate,
#calendar .layui-laydate-main,
#calendar .layui-laydate-content table{border-collapse: separate;width:100%!important;}
#calendar .layui-laydate, 
#calendar .layui-laydate-hint{box-shadow: inherit;}
#calendar .layui-laydate-header{line-height: 59px; background: url(../images/public/calendar_head_bg.jpg) no-repeat;background-size: 100% 100%; }
#calendar .layui-laydate-header i{color:#383838!important;}
#calendar .layui-laydate-header span{color:#2354AF!important;font-size: 1.5em;}
#calendar .layui-laydate-content{border: 2px solid #D6E8FF;border-top: none;padding-top: 7px;padding-bottom: 8px;min-height: 300px;}
#calendar .layui-laydate-content .layui-laydate-list>li{margin: 12px 0;}
#calendar .layui-laydate-content tr th:first-child,
#calendar .layui-laydate-content tr th:last-child{color: #D43030;}
#calendar .layui-laydate-content td,
#calendar .layui-laydate-content th{/*padding: 4px 10px;*/color:#000;height: 46px;}
#calendar .layui-laydate-content .laydate-day-next,
#calendar .layui-laydate-content .laydate-day-prev{color:#A6A6A6;}
#calendar .layui-laydate-content td:hover{background: none;}
#calendar .layui-laydate-content td:hover p,
#calendar .layui-laydate-content td:hover .laydate-day-mark{background: #eaeaea;}
#calendar .layui-laydate td.layui-this{background: none!important;color: #2354AF!important;}
#calendar .layui-laydate-content td p,
#calendar .laydate-day-mark{width:36px;height:36px;line-height: 36px;margin:0 auto;text-align: center;border-radius: 50%;}
#calendar td.layui-this p,
#calendar td.layui-this:hover p,
#calendar td.layui-this:hover .laydate-day-mark,
#calendar td.layui-this .laydate-day-mark{color:#fff;border:1px solid #2354AF;background: #2354AF;}
#calendar .laydate-day-mark{display: block;font-size: inherit;position: relative;overflow: visible;color:#2354AF;}
#calendar .laydate-day-mark:after{width: 18px;height: 1px;left:50%;top: 26px;margin-left:-9px; background: #2354AF;}
#calendar .laydate-day-mark em{display: none; position: absolute;right:-5px;top:-4px;font-style:normal;width:18px;height: 18px;background: #ff5346;color:#fff;font-size: 12px;text-align: center;line-height: 18px;border-radius: 50%;}
#calendar .calendar-tip{
  position: absolute;right:-15px;top:48px;width:368px;border-radius: 6px;z-index: 10;color:#fff;
  background: #3C78C7;
  background: linear-gradient(90deg, #186fd9 0%, #0262d6 100%);
  background: -webkit-linear-gradient(90deg, #186fd9 0%, #0262d6 100%);
  background: -moz-linear-gradient(90deg, #186fd9 0%, #0262d6 100%);
  background: -o-linear-gradient(90deg, #186fd9 0%, #0262d6 100%);
}
/* #calendar .calendar-tip:after{content:"";position: absolute;right:20px;top:-23px;border: 12px solid transparent;border-bottom-color:#0262d6; } */
#calendar .laydate-day-mark.show:before{content: "";position: absolute;left: 50%;margin-left: -12px;bottom: -14px;border: 12px solid transparent;border-bottom-color: #0262d6;z-index: 1;}
#calendar .calendar-tip ul{
  margin: 10px;padding: 10px;
  border-radius: 4px;
  background: linear-gradient(180deg, rgba(91, 165, 238, 1) 0%, rgba(91, 165, 238, 0) 100%);
}
#calendar .calendar-tip li{position: relative;text-align: left; padding:8px 0 8px 20px;line-height: 1.3;font-size: 1.125em;}
#calendar .calendar-tip li:before{content:"";position: absolute;left:0;top: 20px; width: 2px;height: 2px;border-radius: 50%;background: #fff;}
#calendar .calendar-tip li a{color:#fff;max-height: 48px; display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
#calendar .calendar-tip li a:hover{font-weight: bold;}
@media (max-width: 410px) {
  body:not(.nores)  #calendar .calendar-tip{top: 40px;}
  body:not(.nores)  #calendar .layui-laydate-header span{font-size: 1.25em;}
	body:not(.nores)  #calendar .layui-laydate-content td p, #calendar .laydate-day-mark{width: 28px;height: 28px;line-height: 28px;}
}
/* 简洁版 */
#calendar.brevity .layui-laydate-header{background: none;line-height: 34px;}
#calendar.brevity .layui-laydate-content{border-color: transparent;}
#calendar.brevity .layui-laydate-header i{color:#8C9198!important;}
#calendar.brevity  .layui-laydate-header span{color:#333!important;font-weight: 600;}
#calendar.brevity .layui-laydate-content td, 
#calendar.brevity .layui-laydate-content th{padding: 2px;height: 50px;}
#calendar.brevity .layui-laydate-content tr th:first-child, 
#calendar.brevity .layui-laydate-content tr th:last-child,
#calendar.brevity .layui-laydate-content th{color: #06121E;}
#calendar.brevity .layui-laydate-content td{font-size: 22px;}
#calendar.brevity td.layui-this p, 
#calendar.brevity td.layui-this:hover p, 
#calendar.brevity td.layui-this:hover .laydate-day-mark, 
#calendar.brevity td.layui-this .laydate-day-mark{font-weight: 700;background: #5188DB!important;}
#calendar.brevity .layui-laydate-content td p, 
#calendar.brevity .laydate-day-mark{width: 50px;height: 50px;line-height: 50px;}
#calendar.brevity .laydate-day-mark:after{top: 37px;}