@charset "UTF-8";

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

::-webkit-scrollbar {
  width: .05rem;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #eaf7ff;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

body {
  background-color: #fff;
  overflow: hidden;
  overflow-y: auto;
}

.img03 {
  width: .3rem;
  height: auto;
}

.img1 {
  width: .4rem;
  height: auto;
}

.img2 {
  width: .6rem;
  height: auto;
}

.img3 {
  width: 30%;
  height: auto;
}

.img4 {
  width: 40%;
  height: auto;
}

.img5 {
  width: 50%;
  height: auto;
}

.img8 {
  width: 80%;
  height: auto;
}

.imgs {
  width: 100%;
  height: auto;
}

.col20 {
  float: left;
  width: 20%;
}

.dataright {
  border-right: .01rem solid #ebebeb;
}

.datatop {
  border-top: .01rem solid #ebebeb;
}

.bg {
  background: url(../images/bg.png)no-repeat;
  background-size: 100%;
}

.header {
  color: #fff;
}

.logo img {
  width: 100%;
  height: auto;
}

.icon {
  margin: 0px auto;
  display: block;
}

.icon img {
  width: 100%;
  height: auto;
}

.bt1 {
  border-bottom: 1px #f1f1f1 solid;
}

.home_body {
  margin: auto;
  overflow: hidden;
  border-radius: 4px;
  background-color: #fff
}

.ad img {
  width: 100%;
  height: auto;
}

.activity img {
  max-width: 100%;

}

.tindent {
  text-indent: .5rem;
}

.indent {
  text-indent: 2rem;
}

.bgcolor {
  background: #efefef;
}

.bg-color10 {
  color: #047fd3;
}
.color10 {
  color: #1ab394;
}
.typebg{border-bottom: 2px solid #1ab394;}
.f100 {
  font-size: 1rem;
}

.lh2 {
  line-height: .2rem;
}

.lh3 {
  line-height: .3rem;
}

.lh4 {
  line-height: .4rem;
}

.lh5 {
  line-height: .5rem;
}

.lh6 {
  line-height: .6rem;
}

.lh8 {
  line-height: .8rem;
}

.lh10 {
  line-height: 1rem;
}

.lh12 {
  line-height: 1.2rem;
}

.minh5 {
  min-height: .5rem;
}

.minh6 {
  min-height: .6rem;
}

.minh8 {
  min-height: .8rem;
}

.minh10 {
  min-height: 1rem;
}

.minh18 {
  min-height: 1.8rem;
}

.minh20 {
  min-height: 2rem;
}

.pt05 {
  padding-top: .05rem;
}

.pl15 {
  padding-left: 1.5rem;
}

.f20 {
  font-size: .2rem;
}

.f25 {
  font-size: .24rem;
}

.b {
  font-weight: bold;
}

.b5 {
  font-weight: 500;
}

.b6 {
  font-weight: 600;
}

.blue {
  color: #4273ff;
}

.yellow {
  color: #e29000;
}

.green {
  color: #70bf86;
}

.color111 {
  color: #fb5506;
}

.color112 {
  color: #d0e231;
}

.btn-gray {
  background-color: #979797;
  border-color: #979797;
}

.btn-submits {
  background-color: #f54a07;
  color: #fff;
}

.b-left-red {
  border-left: #ff5156 4px solid;
}

.pension-active {
  color: #8ec01f !important;
  font-weight: bold;
  border-bottom: .05rem solid #8ec01f !important;
  z-index: 100;
}


.Hfarea {
  box-shadow: 0px 2px 15px #999 !important;
}

.radius60 {
  border-radius: .60rem;
}

.bb3 {
  border-bottom: 3px #cccccc solid;
}

.morenowrap {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.demo-nav {
  line-height: 1.5em;
}

.icon img {
  min-width: .15rem;
  max-width: .45rem;
  min-height: .15rem;
  max-height: .45rem;
}

.home_body .demo-nav .icon img {
  min-width: .3rem;
  max-width: 1rem;
  min-height: .3rem;
  max-height: 1rem;
}

.demo-nav div {
  border-left: none !important;
  border-bottom: none !important;
}

.demo-nav a {
  display: block;
  width: 100%;
  height: auto;
}

.demo-nav div:nth-child(4n+1) {
  border-left: none;
}

.tabindexList span {
  display: inline-block;
  cursor: pointer;
}

.binfo {
  position: relative;
}

.newslist li {
  overflow: hidden;
}

.newslist li img {
  width: 100%;
  height: auto;
}

/*只针对侧栏内容部分做简单的样式*/
.ui-aside {
  line-height: 1.5em;
}

.ui-aside ul {
  border-top: 0.02rem solid #f8f8f8;
}

.ui-aside li {
  line-height: 0.8rem;
  border-bottom: 0.02rem solid #f8f8f8;
}

.ui-aside a {
  display: block;
}

/*党建人员左右滑动*/
.slide-box {
  margin-top: 15px;
  display: -webkit-box;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;

}

.aui-about {
  background: url(../images/icon12.png) no-repeat;
  background-size: 100%;
}

.aui-man {
  background: url(../images/icon13.png) no-repeat;
  background-size: 100%;
}

.aui-email {
  background: url(../images/icon14.png) no-repeat;
  background-size: 100%;
}

.aui-sq {
  background: url(../images/icon15.png) no-repeat;
  background-size: 100%;
}

.aui-dj {
  background: url(../images/icon16.png) no-repeat;
  background-size: 100%;
}

.aui-rz {
  background: url(../images/icon17.png) no-repeat;
  background-size: 100%;
}

.slide-item {
  border-radius: 5px;
  border: 1px solid #ccc;
  margin-right: 10px;
  min-width: 2.5rem;
}

.partypic {
  padding: .1rem .2rem;
}

.partypic img {
  width: 1.8rem;
  height: 2rem;
}

.partyname p {
  color: #665c5c;
}

.partytext {
  width: 80%;
  margin: 10px auto;
  line-height: 30px;
  border-radius: 5px;
  border: 1px #ff4e4e solid;
  color: #ff4e4e;
}

/*底部导航栏样式*/

.demo-bottomNav {
  position: fixed;
  top: auto;
  bottom: 0;
  table-layout: fixed;
  background-color: #ffffff;
  border-top: 1px solid #F1F1F1;
  color: #757575;
  z-index: 9999;
}

.demo-bottomNav a {
  display: block;
  width: 100%;
  height: 100%;
}

.i-share .t {
  display: inline-block;
  padding-left: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIW…DG9R+O6OA7UrVsqhSDr5W+8HwLCuqiyjDDB57uBE5Y/ABxLB/UQO1vBgAAAABJRU5ErkJggg==) no-repeat 0;
  cursor: pointer;
}

.lg1 {
  border: none;
  border-bottom: .01rem solid #f3f3f3;
  padding-bottom: .1rem;
}

.lg2 {
  border: none;
  border-bottom: .01rem dashed #fff;
  padding-bottom: .1rem;
}

.bg0 {
  border: 0 !important;
}

.border {
  border-bottom: .01rem solid #ebebeb;
  border-left: .01rem solid #ebebeb;
  border-right: .01rem solid #ebebeb;
}

.border1 {
  border: .01rem solid #ebebeb;
}

.border2 {
  border: .01rem dashed #d5c9f9;
}

.bg-t {
  border-top: .01rem solid #ebebeb;
}

.bg-b {
  border-bottom: .01rem solid #ebebeb;
}

.bg-l {
  border-left: .01rem solid #ebebeb;
}

.bg-r {
  border-right: .01rem solid #ebebeb;
}

.yungui dl {
  border-bottom: 1px solid #efeeee;
  margin-top: -1px
}

.yungui dt {
  line-height: 2em;
  cursor: pointer;
}

.yungui dd {
  border-top: 1px solid #efeeee;
  display: none;
  line-height: 1.8em
}

.list-text {
  position: relative;
  max-height: 2.6rem;
}

.list-alltext {
  cursor: pointer;
}

.list-shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  box-shadow: 0 -40px 40px -20px #fff inset;
}

.aptongzhi {
  width: 100%;
  height: .4rem;
  margin: auto;
  background-color: #fff;
}

.apple,
.aa {
  width: 96%;
  height: .4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pages {
  margin: 0 auto;
  text-align: center;
  margin: .1rem auto;
}

.pages span {
  display: inline-block;
  padding: .05rem .1rem;
  margin: 0 auto;

  -webkit-border-radius: .03rem;
  -moz-border-radius: .03rem;
  border-radius: .03rem;
}

.pages a {
  display: inline-block;
  padding: .05rem .1rem;
  margin: 0 auto;

  -webkit-border-radius: .03rem;
  -moz-border-radius: .03rem;
  border-radius: .03rem;
}

.current {
  background: #50A8E6;
  color: #FFF;
  font-weight: 700;
  border-color: #50A8E6;

  border-radius: .05rem;
}

.paginator a,
.paginator li {
  display: inline-block;
  list-style: none;
  text-decoration: none;
  color: #58A0D3;

}

.pages a.end,
.pages a.first,
.pages a.next,
.pages a.prev {
  margin: 0;
}

.pages a:hover {
  border-color: #50A8E6
}

.list-btnbox {
  line-height: 2em;
}

.list-btnbox span {
  border: 1px solid #ccc;
  line-height: 1em;
  vertical-align: middle;
  padding: 0.1rem 0.2rem;
  border-radius: 0.25rem;
  cursor: pointer;
}

.list-btnbox span:hover,
.list-btnbox span.hover,
.list-btnbox span:active {
  background: #ff5e00;
  color: #fff;
  border-color: #ff5e00;
}

.list-btnbox span i {
  vertical-align: middle;
}

.list-text {
  position: relative;
  max-height: 2.6rem;
}

.list-alltext {
  cursor: pointer;
}

.list-shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  box-shadow: 0 -40px 40px -20px #fff inset;
}
.img30{width: 1rem!important; height: auto!important; border-radius: 5px;}
img.thumbnail,
.content img,
.content video {
  display: block;
  
  
  width: 100%;
  height: auto;
}

/*评论*/
.foot_comment {

  border-top: 1px solid #cdcdcd;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 48px;
  width: 100%;
  background: #fff;
  z-index: 900;
}

.foot_commentcont {
  clear: both;
  padding: 9px 20px 9px 20px;
  display: -webkit-box;
  display: box;
}

.foot_cmt_input {
  -webkit-box-flex: 2;
  flex: 2;
  margin: 0;
  height: 28px;
  line-height: 28px;
  background: #fff;
  border: 1px solid #cccccc;
  color: #666;
  border-radius: 2px;
}

.foot_cmt_input p {
  padding: 0 10px;
  font-size: 14px;
}

.cmnt_wrap {
  margin: 0 10px 10px;
}

.cmnt_tp {

  padding: 10px 0;
  border-bottom: 1px solid #eee;
}

.cmnt_cancel {
  display: inline-block;
  width: 60px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #666;
  text-align: center;
  background: #e1e1e1;
}

a.cmnt_smt {
  border: none;
  display: inline-block;
  width: 60px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background: #00a0fe;
}

.cmntarea {
  border: 1px solid #d8d8d8;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
}

.cmntarea textarea {
  border: none;
  font-size: 16px;
  height: 80px;
  padding: 5px 10px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
  vertical-align: middle;
  outline: 0;
}

.list_zan {
  height: 1rem;
  line-height: 1rem;
}

.list_zan li {
  width: 10.8%;
  list-style: none;
  float: left;
  margin-left: .04rem;
  margin-right: .04rem;
}

/****图片上传*****/
.upload_box .upload_list li {
  float: left;
  width: 25%;
  margin: .1rem;
}

.upload_box .upload_list li img {
  border-radius: .15rem;
}

/***社区二维码***/
.hide_box {
  z-index: 999;
  filter: alpha(opacity=50);
  background: #666;
  opacity: 0.8;
  -moz-opacity: 0.8;
  left: 0;
  top: 0;
  height: 99%;
  width: 100%;
  position: fixed;
  display: none;
}

.shang_box {
  width: 80vw;
  height: auto;
  background-color: #fff;
  border-radius: 10px;
  position: fixed;
  z-index: 1000;
  left: 10vw;
  top: 10vh;
  display: none;
}

.shang_box img {
  border: none;
  border-width: 0;
}

.shang_close {
  position: absolute;
  right: 10px;
  top: 10px;
}

.shang_logo {
  display: block;
  text-align: center;
  margin: 20px auto;
}

.shang_tit {
  width: 100%;
  height: 75px;
  text-align: center;
  line-height: 66px;
  color: #a3a3a3;
  font-size: 16px;
  background: url('img/cy-reward-title-bg.jpg');
  font-family: 'Microsoft YaHei';
  margin-top: 7px;
  margin-right: 2px;
}

.shang_tit p {
  color: #a3a3a3;
  text-align: center;
  font-size: 16px;
}

.shang_payimg {
  width: ;
  border: 6px solid #EA5F00;
  border-radius: 10px;
  height: ;
}

.shang_payimg img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.pay_explain {
  text-align: center;
  margin: -6px 0 16px 0;
  font-size: 1.1em;
  font-weight: 400;
}

.radiobox {
  width: 16px;
  height: 16px;
  background: url('img/radio2.jpg');
  display: block;
  float: left;
  margin-top: 5px;
  margin-right: 14px;
}

.checked .radiobox {
  background: url('img/radio1.jpg');
}

.shang_info {
  clear: both;
}

.shang_info p,
.shang_info a {
  color: #C3C3C3;
  text-align: center;
  font-size: 12px;
  text-decoration: none;
  line-height: 2em;
}

.form-control1 {
  border: 1px solid #d7d7d7;
  resize: none;
  padding: .05rem .2rem;
  vertical-align: middle;
}

.bmDiv {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 1rem;
  padding-bottom: 1.9rem;
  text-align: center;
  background: #f1f1f1;
}

.bg-yun1 {
  background: url("../images/231.png") no-repeat;
  background-size: 100%;
}

.bg-yun2 {
  background: url("../images/sss.png") no-repeat;
  background-size: 100%;
}

.bg-question {
  background: url("../images/question.png") no-repeat;
  background-size: 100%;
}

.bg-tzxx {
  background: url(../images/jyxc.jpg) no-repeat;
}

.bg-yun-orange {
  background: #dd4508;
  border: .02rem solid #fff;
  color: #fff;
}

.bg-yun-blue {
  background: #4099ef;
  border: .02rem solid #fff;
  color: #fff;
}

.bg-griman {
  border-radius: .1rem;
  background: #cce2f7;
  border: .02rem solid #94cafd;
}

.sign_bottom {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  padding-bottom: 30px;
  padding-top: 30px;
  text-align: center;
  background: #fff;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.form-group {
  margin-bottom: .15rem;
}

.online .form-control {
  border: 1px solid #d7d7d7;
  width: 100%;
  resize: none;
  padding: .1rem .2rem;
  vertical-align: middle;
  font: inherit;
  font-size: inherit;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: .05rem;
  font-weight: 600;
}

/**/
.content p {
  font-size: .3rem;
}

.latter p {
  text-indent: 2em;
  margin-bottom: .05rem;
}



/**资讯内容页头像**/
.news-log img:last-child {
  margin-right: 0;
}

.about-content p {
  margin-bottom: .2rem;
  text-indent: 2em;
}

.about-content p img {

  margin-left: -2em;
}

/**阅读更多**/
.readall_box {
  position: relative;
  z-index: 9999;
  padding: 0 0 .2rem;
  margin-top: -1.5rem;
  text-align: center;
}

.readall_box .read_more_mask {
  height: 2rem;
  background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  background: -webkit-gradient(linear, 0 top, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff));
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))
}

.read_more_btn {
  cursor: pointer;
  font-size: .4rem;
  color: #de686d;
  background: #fff;
  border-radius: .06rem;
  border: 1px solid #de686d;
  line-height: .6rem;
  padding: .1rem .2rem;
}

.read_more_btn:hover {
  background: #de686d;
  color: #fff;
}

/*.ml2{ margin-left: .02rem; }*/

.text-shadow {
  letter-spacing: .04rem;
  /*text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2),0 5px 10px rgba(0,0,0,0.25);*/
}

.m-auto {
  margin: 0 auto !important;
}

.m1-auto {
  margin: .1rem auto;
}

.m2-auto {
  margin: .5rem auto;
}

.content table {
  text-align: center !important;
  /*font-size: .5rem!important;*/
  /*sun操作9.18*/
  width: 95% !important;
  margin: .5rem auto !important;
}

.content table img {
  text-align: center !important;
}

.picimg {
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}

.picimg img {
  width: 1.5rem !important;
  text-align: center;
  margin: 0 auto !important;
}

.mxh5 {
  max-height: 5rem !important;
}

.mih61 {
  min-height: 6.1rem !important;
}

.ui-scrollTop {
  position: fixed;
  right: 0.2rem;
  bottom: 2.5rem;
  cursor: pointer;
}

.upload_list .upload_action,
.upload_list .upload_item {
  width: 25%;
  float: left;
  position: relative;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  border: solid 5px #fff;
  -webkit-box-sizing: border-box;
  overflow: hidden;
}

.upload_list .upload_action img {
  display: block;
  width: 100%;
  border: 0;
}

.upload_box .upload_action #fileImage {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.upload_box .upload_list .upload_item .upload_delete {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: url(../img/upimg_x.png) no-repeat;
  background-size: cover;
}

.upload_box .upload_item img {
  max-width: 100%;
  max-height: 100%;

}

.form-controls {
  border: 1px solid #d7d7d7;
  resize: none;
  padding: .1rem .2rem;
  vertical-align: middle;
  /* font: inherit; */
  /* font-size: inherit; */
}

.table td,
tr {
  border: 1px solid #ccc;
  padding: 2px 2px;
}

.score ul li {
  overflow: hidden;
  border-bottom: 0.02rem solid #ebebeb;
  padding-bottom: .2rem;
  line-height: .4rem;
  margin-bottom: .3rem;
}

/*快递员**/
.courier {
  float: left;
  width: 47%;
  background: #82a1fb;
  color: #fff;
  height: 2.3rem;
}

.lefttop {
  border-radius: 0.3rem 0rem 0rem 0rem;
}

.leftdown {
  border-radius: 0rem 0rem 0rem 0.3rem;
}

.righttop {
  border-radius: 0rem 0.3rem 0rem 0rem;
}

.rightdown {
  border-radius: 0rem 0rem 0.3rem 0rem;
}

.border001 {
  border: 0.03rem solid #f8ac59;
}

.border002 {
  border: 0.03rem solid #ed5565;
}

.border003 {
  border: 0.03rem solid #1ab394;
}

.iconup {
  width: 1rem;
  height: 1rem;
  margin-left: 1rem;
}

.iconsb {
  width: 1rem;
  height: 1rem;
  margin-left: 3.2rem;
}

.iconfl {
  width: 1rem;
  height: 1rem;
  margin-left: 5.3rem;
}

.btn-no {
  background-color: #dad7d4;
  border-color: #dad7d4
}

.btn-no:active,
.btn-no:hover {
  background-color: #bfbebe;
  border-color: #bfbebe
}


/***智慧党建页人员照片滚动***/
/* jsfoot_scroll */
#jsfoot_scroll {
  width: 232px;
  height: 182px;
  overflow: hidden;
  border-left: dashed 1px #ddd;
  border-right: dashed 1px #ddd;
  border-top: dashed 1px #ddd;
  margin: 0 auto;
}

#jsfoot_scroll div {
  width: 100%;
  height: 64px;
  float: left;
  padding: 13px 0 14px;
  font-weight: normal;
  background: url(../images/dotted.gif) repeat-x bottom;
}

#jsfoot_scroll div .img {
  width: 94px;
  height: 64px;
  float: left;
}

#jsfoot_scroll div .img img {
  width: 90px;
  height: 60px;
}

#jsfoot_scroll div dl {
  width: 128px;
  height: 64px;
  float: right;
}

#jsfoot_scroll div dt {
  width: 100%;
  float: left;
  line-height: 22px;
  font-weight: bold;
}

#jsfoot_scroll div dd {
  width: 100%;
  float: left;
  line-height: 21px;
}


/**我的邀请**/
.myflowBox {
  line-height: 2em;
}

.myflowBox .ui-myflow-item {
  padding-top: .2rem
}

/*.myflowBox .ui-myflow-item:first-child{border-right:1px solid #ccc}*/
/*.myflowBox .ui-myflow-item:last-child{border-left:1px solid #ccc;margin-left:-1px}*/

/****电话输入键盘***/
#t-keybord {
  position: absolute;
  z-index: 1rem;
  margin-bottom: 2rem;
  background-color: #fff;
  width: 7.4rem;
  border: .2rem solid rgba(0, 150, 136, .5);
  box-shadow: 0 0 .5rem .2rem #ccc;
}

table#t-keyvalue {
  margin: 0 .1rem;
  border-collapse: collapse;
  border-style: hidden;
  width: 6.5rem;
  table-layout: fixed;
  word-break: break-all;
}

table#t-keyvalue tr td {
  height: 1.5rem;
  text-align: center;
  cursor: pointer;
}

table#t-keyvalue tr:last-child,
table#t-keyvalue tr:first-child {
  height: .2rem;
}

#t-keyvalue tr td button {
  width: 1.5rem;
  height: 1.2rem;
  outline: none;
  font-size: .52rem;
  border-radius: .02rem;
}

#t-keyvalue tr td button.control {
  border: 1px solid #009688;
  background-color: #009688;
  color: #fff;
  box-sizing: border-box;
}

#t-keyvalue tr td button.clicker {
  color: #555;
  border: 1px solid #C9C9C9;
  background-color: #fff;
}

#t-keyvalue tr td button.control:hover {
  border: 1px solid rgba(0, 150, 136, .5);
  background: rgba(0, 150, 136, 0.8);
}

#t-keyvalue tr td button.clicker:hover {
  border: 1px solid rgba(0, 150, 136, .5);
}

.hidden {
  display: none;
}

.keyboard tr,
.keyboard td {
  border: 0px !important;
}

#fullScreen {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.9;
  background-color: black;
  z-index: 9999;
}

#fullScreen img {
  width: 80%;
  padding-top: 20%;
  margin: 0 10%;
}

.dock {
  position: absolute !important;
}

.affix {
  position: fixed !important;
  z-index: 9999
}

.relative {
  position: relative !important;
}

.static {
  position: static !important;
}

.dock-top {
  bottom: auto;
}

.dock-bottom {
  top: auto;
}

.dock-bottom-20 {
  top: 2rem;
}

.dock-left {
  right: auto;
}

.dock-right {
  left: auto;
}

.mb20 {
  margin-top: 2rem
}

/*// display*/
.flex {
  display: flex !important;
}

.flex-inline {
  display: inline-flex !important;
}

/*// flex-direction*/
.flex-row {
  flex-direction: row;
}

.flex-column {
  flex-direction: column;
}

.row-reverse {
  flex-direction: row-reverse;
}

.column-reverse {
  flex-direction: column-reverse;
}

/*// flex-wrap*/
.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

/*// justify-content*/
.space-between {
  justify-content: space-between;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.space-around {
  justify-content: space-around;
}

/*// align-items align-items和align-content有相同的功能，不过不同点是它是用来让每一个单行的容器居中而不是让整个容器居中。*/
.stretch {
  align-items: stretch;
}

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.align-middle {
  align-items: center;
}

/*// 同时获得 .justify-center 和 .align-middle 样式*/
.flex-middle {
  justify-content: center;
  align-items: center;
}

/*// align-content 属性只适用于多行的flex容器，并且当侧轴上有多余空间使flex容器内的flex线对齐。 */
.content-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

.content-center {
  align-content: center;
}

.content-space-between {
  align-content: space-between;
}

.content-space-around {
  align-content: space-around;
}

.content-stretch {
  align-content: stretch;
}

/*.center-content 使得内部元素在垂直方向和水平方向居中。*/
.center-content {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -ms-flex-align: center !important;
  align-items: center !important
}

/*// 使用弹性盒布局，且内部元素自动调整大小并填充水平空间，通常与导航 .nav 一起使用*/
.justified {
  display: flex;
  flex-wrap: wrap;

  >* {
    flex: auto !important;
  }

  >.flex-none {
    flex: none !important
  }
}

/*// order*/
.flex-first {
  order: -1;
}

.flex-last {
  order: 1;
}

/*// flex*/
.flex-auto {
  flex: auto;
}

.flex-none {
  flex: none;
}

.flex-1 {
  flex: 1;
}

/*// align-self*/
.selft-stretch {
  align-self: stretch;
}

.align-self-start {
  align-self: flex-start;
}

.align-self-end {
  align-self: flex-end;
}

.align-self-middle {
  align-self: center;
}

.fluid {
  width: 100% !important;
}

.fluid-v {
  height: 100% !important;
}


nav a {

  display: block;
  color: #666;
  outline: none;
}

.active {
  font-weight: bold;
  color: #222;
  background: url('../images/bg517cff.jpg') no-repeat .1rem .36rem/.1rem .28rem padding-box #fff;
}

.iframe-wrap {
  height: 100%;
  overflow: visible;
  position: relative;
  z-index: 50;
}


.bk-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}


.bk-video .music {
  position: absolute;
  right: .2rem;
  top: .2rem;
  z-index: 99;
  width: .5rem;
  height: .5rem;
  cursor: pointer;
  opacity: .8;
  background: url(../images/music1.png) center/contain no-repeat;
}

.bk-video .music.active {
  background: url(../images/music2.png) center/contain no-repeat;
}

.bk-video .v_close {
  position: absolute;
  right: .2rem;
  top: .2rem;
  z-index: 99;
  width: .5rem;
  height: .5rem;
  cursor: pointer;
  opacity: .8;
  background: url(../images/v_close.png) center/contain no-repeat;
}

.bk-video .music {
  right: .9rem;
}

.hrQsXPWLDptd {
  position: relative;
}

.hrQsXPWLDptd:after {
  position: absolute;
  content: '推广';
  font-size: .2rem;
  color: #fff;
  border: 1px solid;
  background: #000;
  opacity: .4;
  bottom: 5px;
  left: 5px;
  padding: 1px 2px;
  border-radius: 1px;
}

.bgimg {
  background: url(../ncpimg/ban.png);
  background-repeat: no-repeat; //不重复
  background-repeat: repeat-x;
  background-size: 100% 100%;
}

.icons img {
  min-width: .3rem;
  max-width: .8rem;
  min-height: .3rem;
  max-height: .8rem;
}

.btn-ncp1 {
  background-color: #ff9017;
  border-color: #f8ac59
}

.btn-ncp1:active,
.btn-ncp1:hover {
  background-color: #d27003;
  border-color: #f69428
}

.btn-ncp2 {
  background-color: #75ca5a;
  border-color: #75ca5a
}

.btn-ncp2:active,
.btn-ncp2:hover {
  background-color: #066d0d;
  border-color: #066d0d
}

.ncpcolor {
  color: #ffb665;
}

.wgcolor1 {
  color: #60e60e;
}

.wgcolor2 {
  color: #ffa7f4;
}

.wgcolor3 {
  color: #fdeb02;
}

.wgcolor4 {
  color: #f138d9;
}

.wgbgcolor1 {
  background: #60e60e;
  border-color: #60e60e
}

.wgbgcolor2 {
  background: #ffa7f4;
  border-color: #ffa7f4
}

.wgbgcolor3 {
  background: #fdeb02;
  border-color: #fdeb02
}

.wgbgcolor4 {
  background: #f138d9;
  border-color: #f138d9
}

.wgbgcolor5 {
  background: #f1f4fb;
  border: 1px solid #718ef1;
  color: #718ef1;
}

/*.hcloadding {

}
.hcloadding::after {
    content: "";
      position: absolute;
      top: 15px;
      left: 15px;
      right: 15px;
      bottom: 15px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #FFF;
      -moz-animation: spin 1.5s linear infinite;
      -o-animation: spin 1.5s linear infinite;
      -ms-animation: spin 1.5s linear infinite;
      -webkit-animation: spin 1.5s linear infinite;
      animation: spin 1.5s linear infinite;
  }
  .hcloadding::before {
      content: "";
      position: absolute;
      top: 5px;
      left: 5px;
      right: 5px;
      bottom: 5px;
      border-radius: 50%;
      border: 3px solid transparent;
      border-top-color: #FFF;
      -webkit-animation: spin 3s linear infinite;
      -moz-animation: spin 3s linear infinite;
      -o-animation: spin 3s linear infinite;
      -ms-animation: spin 3s linear infinite;
      animation: spin 3s linear infinite;
  }*/
/*积分排名*/
.bottom0 {
  bottom: 0;
}

.right0 {
  right: 0;
}

.left0 {
  left: 0;
}

.center {
  left: 50%;
  transform: translateX(-50%);
}

.line-bottom {
  border-bottom: 1px dashed #ededed;
}

.box-shadow {
  border: 1px solid #ededed;
  box-shadow: darkgrey 0px 3px 3px 0px; //边框阴影
}

.box-shadows {
  border: 1px solid #ededed;
}

.lh06 {
  line-height: .6rem;
}

.bodycolor {
  background: #f0f5f8;
}

.form-controlncov {

  border: 1px solid #e5e5e5;
  border-radius: 5px;
  resize: none;
  padding: 0.1rem 0.1rem;
  vertical-align: middle;
  font: inherit;
  font-size: 0.28rem;
  line-height: .4rem;
  width: 100%;
}

.form-controlncov:focus {
  border-color: #e5e5e5;
}

.nob {
  font-weight: 500 !important;
}

.bg-danger {
  background: #f9dfe2;
}

.bg-gray {
  background: #f5f5f5;
}

.btn-all {
  background-color: #83a4ff;
  border-color: #7598f9;
}

.btn-all:active,
.btn-all:hover {
  background-color: #7598f9;
  border-color: #7598f9;
}

.btn-positive {
  background-color: #ff7b89;
  border-color: #f56070;
}

.btn-positive:active,
.btn-positive:hover {
  background-color: #f56070;
  border-color: #f56070;
}

.searchBox {
  position: relative;
}

.searchBox i {
  position: absolute;
  right: 0;
  right: 0.2rem;
}

.searchBox input {
  font-size: 0.34rem;
}

ul {

  line-height: 1.4em;
}

.item {
  width: 10.5rem;
  border-bottom: 1px solid #F1F1F1;
}

.btnbox {
  height: 100%;
  line-height: 1.4rem;
  color: #fff;
}

.btnbox div {
  cursor: pointer;
  float: left;
}

.border_blue {
  border-radius: 5px;
  border: 1px solid #eeeaea;
  box-shadow: #b9c5f9 0px 3px 10px 0px;
}

.border_blue ul {
  border: none;
}

.border_blue ul li {
  line-height: 30px;
  padding-left: 50px;
  font-size: .30rem;
  color: #595959;
}

.m-1-2 {
  margin: .1rem .1rem .2rem .1rem;
}

.nocss {
  border: none;
}

.l_spacingno {
  letter-spacing: 0;
}

.l_spacing {
  letter-spacing: 3px;
}
/*抽奖详情*/
.lottery{
  background: url(../img/zj.png) no-repeat;
  width: 100%;
  background-size: 100%;
}
.lottery_blues{background: #149bf1}
.lottery_blue {
  border-radius: 2px;
  border: 1px solid #149bf1;

}
.orger{color: #fd5a00}
.lottery_orgers{background: #fd5a00}
.lottery_orger {
  border-radius: 2px;
  border: 1px solid #fd5a00;

}