body {
    /* font-family: Lucida Grande,Lucida Sans Unicode,Hiragino Sans GB,WenQuanYi Micro Hei,Verdana,Aril,sans-serif; */
	/* font-family:  "PingFang SC", "Lantinghei SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", "WenQuanYi Zen Hei", "Noto Sans CJK SC", "Microsoft JhengHei UI", "Microsoft JhengHei", "PingFang TC", "Lantinghei TC", "Noto Sans CJK TC", "Helvetica Neue", Helvetica, Arial, sans-serif!important; */
	font-family: "Noto Sans SC","Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif!important;
-webkit-font-smoothing: antialiased;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: "Noto Sans SC",Roboto,San Francisco,"Helvetica Neue",Helvetica,Arial,PingFangSC-Light,"Hiragina Sans GB","WenQuanYi Micro Hei",'microsoft yahei ui','microsoft yahei',sans-serif!important;
-webkit-font-smoothing: antialiased;
	
}
.card {
    margin: 15px 0;
    padding: 12px;
        border-color: #edf2f9;
    border-radius: 5px;
    box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03);
}
.bg-warning {
    background-color: #ffc107;
    color: #fff;
    fill: #ffc107;
	}
.p-20 {
    padding: 20px!important;
}
.bg-primary {
    background-color: #007bff!important;
}

.f-s-40 {
    font-size: 40px!important;
}
.bg-primary {
    background-color: #4680ff;
    color: #fff;
    fill: #4680ff;
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.panelrow{
	    margin-right: 0px;
    margin-left: 0px;
	width: 100%;
}
.bg-success {
    background-color: #4caf50;
    color: #fff;
    fill: #4caf50;
}
.bg-danger {
    background-color: #ff5722;
    color: #fff;
    fill: #ff5722;
}
progress {
  vertical-align: baseline;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}
.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.bg-primary {
  background-color: #007bff !important;
}
.bg-secondary {
  background-color: #6c757d !important;
}
.bg-success {
  background-color: #28a745 !important;
}
.bg-info {
  background-color: #17a2b8 !important;
}
.bg-warning {
  background-color: #ffc107 !important;
}
.bg-danger {
  background-color: #dc3545 !important;
}
.bg-light {
  background-color: #f8f9fa !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
	position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.tile{
	box-shadow: 0 -1px 0 #e5e5e5, 0 0 2px rgba(0,0,0,.12), 0 0.5px 10px rgba(199, 199, 199, 0.58)!important;
}
.menu-scroll {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.36)!important;
	}
.page-brand .ui-content-header {
    background-image: url(./images/bg/dashboard_bg03.png)!important;
    background-size: cover;
}
.noboxshadow{
box-shadow: none!important;
margin-top: 8px!important;
}
.btn2 {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn2-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.mixitup-control-active{
background-color: #085b9c!important;
}
.regbanner{
    background-image: url(/images/reg3.png);
    height: 866px;

    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.loginbannerleft{
    background-image: url(https://imgcssjs-1251114932.cos.ap-chengdu.myqcloud.com/yeswall/oneuser/qidong2.png);
    height: 552px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #1b598a1a;
    border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
}
.bannerhelpicon{
position: fixed;
    right: -20px;
    bottom: 50%;
}
@media (min-width: 300px) and (max-width:767px) {
  .regbanner {
    background-image: url(/images/regsm.png);
    height: 198px;
    background-color: #fff;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
}
@media (min-width: 300px) and (max-width:767px) {
  .loginbannerleft {
    background-image: url(https://imgcssjs-1251114932.cos.ap-chengdu.myqcloud.com/yeswall/oneuser/loginbannersm.png);
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color:#486d8a24
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
  }
}

.lianxiwomenbox{
	background-image: url(/images/lianxiwomenbg3.png);
	background-position: right bottom;
	background-size: contain;
	background-color: #F6F6F6;
  	background-repeat: no-repeat;
}

.list-groupadd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}
.list-group-itemadd.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.list-group-itemadd:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.list-group-itemadd {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}
.list-group-item-actionadd {
    width: 100%;
    color: #495057;
    text-align: inherit;
}
.list-group-itemadd.disabled, .list-group-itemadd:disabled {
    color: #6c757d;
    background-color: #fff;
}

.list-group-itemadd:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.list-group-itemadd.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.btnadd {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btnadd:focus,
.btnadd:active:focus,
.btnadd.active:focus,
.btnadd.focus,
.btnadd:active.focus,
.btnadd.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btnadd:hover,
.btnadd:focus,
.btnadd.focus {
  color: #333333;
  text-decoration: none;
}
.btnadd:active,
.btnadd.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btnadd.disabled,
.btnadd[disabled],
fieldset[disabled] .btnadd {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btnadd.disabled,
fieldset[disabled] a.btnadd {
  pointer-events: none;
}
.btnadd-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btnadd-default:focus,
.btnadd-default.focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btnadd-default:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btnadd-default:active,
.btnadd-default.active,
.open > .dropdown-toggle.btnadd-default {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btnadd-default:active:hover,
.btnadd-default.active:hover,
.open > .dropdown-toggle.btnadd-default:hover,
.btnadd-default:active:focus,
.btnadd-default.active:focus,
.open > .dropdown-toggle.btnadd-default:focus,
.btnadd-default:active.focus,
.btnadd-default.active.focus,
.open > .dropdown-toggle.btnadd-default.focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btnadd-default:active,
.btnadd-default.active,
.open > .dropdown-toggle.btnadd-default {
  background-image: none;
}
.btnadd-default.disabled:hover,
.btnadd-default[disabled]:hover,
fieldset[disabled] .btnadd-default:hover,
.btnadd-default.disabled:focus,
.btnadd-default[disabled]:focus,
fieldset[disabled] .btnadd-default:focus,
.btnadd-default.disabled.focus,
.btnadd-default[disabled].focus,
fieldset[disabled] .btnadd-default.focus {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btnadd-default .badge {
  color: #ffffff;
  background-color: #333333;
}
.btnadd-primary {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btnadd-primary:focus,
.btnadd-primary.focus {
  color: #ffffff;
  background-color: #286090;
  border-color: #122b40;
}
.btnadd-primary:hover {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}
.btnadd-primary:active,
.btnadd-primary.active,
.open > .dropdown-toggle.btnadd-primary {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}
.btnadd-primary:active:hover,
.btnadd-primary.active:hover,
.open > .dropdown-toggle.btnadd-primary:hover,
.btnadd-primary:active:focus,
.btnadd-primary.active:focus,
.open > .dropdown-toggle.btnadd-primary:focus,
.btnadd-primary:active.focus,
.btnadd-primary.active.focus,
.open > .dropdown-toggle.btnadd-primary.focus {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40;
}
.btnadd-primary:active,
.btnadd-primary.active,
.open > .dropdown-toggle.btnadd-primary {
  background-image: none;
}
.btnadd-primary.disabled:hover,
.btnadd-primary[disabled]:hover,
fieldset[disabled] .btnadd-primary:hover,
.btnadd-primary.disabled:focus,
.btnadd-primary[disabled]:focus,
fieldset[disabled] .btnadd-primary:focus,
.btnadd-primary.disabled.focus,
.btnadd-primary[disabled].focus,
fieldset[disabled] .btnadd-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btnadd-primary .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.btnadd-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btnadd-success:focus,
.btnadd-success.focus {
  color: #ffffff;
  background-color: #449d44;
  border-color: #255625;
}
.btnadd-success:hover {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btnadd-success:active,
.btnadd-success.active,
.open > .dropdown-toggle.btnadd-success {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btnadd-success:active:hover,
.btnadd-success.active:hover,
.open > .dropdown-toggle.btnadd-success:hover,
.btnadd-success:active:focus,
.btnadd-success.active:focus,
.open > .dropdown-toggle.btnadd-success:focus,
.btnadd-success:active.focus,
.btnadd-success.active.focus,
.open > .dropdown-toggle.btnadd-success.focus {
  color: #ffffff;
  background-color: #398439;
  border-color: #255625;
}
.btnadd-success:active,
.btnadd-success.active,
.open > .dropdown-toggle.btnadd-success {
  background-image: none;
}
.btnadd-success.disabled:hover,
.btnadd-success[disabled]:hover,
fieldset[disabled] .btnadd-success:hover,
.btnadd-success.disabled:focus,
.btnadd-success[disabled]:focus,
fieldset[disabled] .btnadd-success:focus,
.btnadd-success.disabled.focus,
.btnadd-success[disabled].focus,
fieldset[disabled] .btnadd-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btnadd-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.btnadd-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btnadd-info:focus,
.btnadd-info.focus {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btnadd-info:hover {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btnadd-info:active,
.btnadd-info.active,
.open > .dropdown-toggle.btnadd-info {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btnadd-info:active:hover,
.btnadd-info.active:hover,
.open > .dropdown-toggle.btnadd-info:hover,
.btnadd-info:active:focus,
.btnadd-info.active:focus,
.open > .dropdown-toggle.btnadd-info:focus,
.btnadd-info:active.focus,
.btnadd-info.active.focus,
.open > .dropdown-toggle.btnadd-info.focus {
  color: #ffffff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btnadd-info:active,
.btnadd-info.active,
.open > .dropdown-toggle.btnadd-info {
  background-image: none;
}
.btnadd-info.disabled:hover,
.btnadd-info[disabled]:hover,
fieldset[disabled] .btnadd-info:hover,
.btnadd-info.disabled:focus,
.btnadd-info[disabled]:focus,
fieldset[disabled] .btnadd-info:focus,
.btnadd-info.disabled.focus,
.btnadd-info[disabled].focus,
fieldset[disabled] .btnadd-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btnadd-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.btnadd-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btnadd-warning:focus,
.btnadd-warning.focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btnadd-warning:hover {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btnadd-warning:active,
.btnadd-warning.active,
.open > .dropdown-toggle.btnadd-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btnadd-warning:active:hover,
.btnadd-warning.active:hover,
.open > .dropdown-toggle.btnadd-warning:hover,
.btnadd-warning:active:focus,
.btnadd-warning.active:focus,
.open > .dropdown-toggle.btnadd-warning:focus,
.btnadd-warning:active.focus,
.btnadd-warning.active.focus,
.open > .dropdown-toggle.btnadd-warning.focus {
  color: #ffffff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btnadd-warning:active,
.btnadd-warning.active,
.open > .dropdown-toggle.btnadd-warning {
  background-image: none;
}
.btnadd-warning.disabled:hover,
.btnadd-warning[disabled]:hover,
fieldset[disabled] .btnadd-warning:hover,
.btnadd-warning.disabled:focus,
.btnadd-warning[disabled]:focus,
fieldset[disabled] .btnadd-warning:focus,
.btnadd-warning.disabled.focus,
.btnadd-warning[disabled].focus,
fieldset[disabled] .btnadd-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btnadd-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btnadd-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btnadd-danger:focus,
.btnadd-danger.focus {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btnadd-danger:hover {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btnadd-danger:active,
.btnadd-danger.active,
.open > .dropdown-toggle.btnadd-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btnadd-danger:active:hover,
.btnadd-danger.active:hover,
.open > .dropdown-toggle.btnadd-danger:hover,
.btnadd-danger:active:focus,
.btnadd-danger.active:focus,
.open > .dropdown-toggle.btnadd-danger:focus,
.btnadd-danger:active.focus,
.btnadd-danger.active.focus,
.open > .dropdown-toggle.btnadd-danger.focus {
  color: #ffffff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btnadd-danger:active,
.btnadd-danger.active,
.open > .dropdown-toggle.btnadd-danger {
  background-image: none;
}
.btnadd-danger.disabled:hover,
.btnadd-danger[disabled]:hover,
fieldset[disabled] .btnadd-danger:hover,
.btnadd-danger.disabled:focus,
.btnadd-danger[disabled]:focus,
fieldset[disabled] .btnadd-danger:focus,
.btnadd-danger.disabled.focus,
.btnadd-danger[disabled].focus,
fieldset[disabled] .btnadd-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btnadd-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btnadd-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}
.btnadd-link,
.btnadd-link:active,
.btnadd-link.active,
.btnadd-link[disabled],
fieldset[disabled] .btnadd-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btnadd-link,
.btnadd-link:hover,
.btnadd-link:focus,
.btnadd-link:active {
  border-color: transparent;
}
.btnadd-link:hover,
.btnadd-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btnadd-link[disabled]:hover,
fieldset[disabled] .btnadd-link:hover,
.btnadd-link[disabled]:focus,
fieldset[disabled] .btnadd-link:focus {
  color: #777777;
  text-decoration: none;
}
.btnadd-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btnadd-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btnadd-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btnadd-block {
  display: block;
  width: 100%;
}
.btnadd-block + .btnadd-block {
  margin-top: 5px;
}
input[type="submit"].btnadd-block,
input[type="reset"].btnadd-block,
input[type="button"].btnadd-block {
  width: 100%;
}
.list-groupaddadd {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-groupaddadd-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.list-groupaddadd-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-groupaddadd-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-groupaddadd-item,
button.list-groupaddadd-item {
  color: #555555;
}
a.list-groupaddadd-item .list-groupaddadd-item-heading,
button.list-groupaddadd-item .list-groupaddadd-item-heading {
  color: #333333;
}
a.list-groupaddadd-item:hover,
button.list-groupaddadd-item:hover,
a.list-groupaddadd-item:focus,
button.list-groupaddadd-item:focus {
  text-decoration: none;
  color: #555555;
  background-color: #f5f5f5;
}
button.list-groupaddadd-item {
  width: 100%;
  text-align: left;
}
.list-groupaddadd-item.disabled,
.list-groupaddadd-item.disabled:hover,
.list-groupaddadd-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}
.list-groupaddadd-item.disabled .list-groupaddadd-item-heading,
.list-groupaddadd-item.disabled:hover .list-groupaddadd-item-heading,
.list-groupaddadd-item.disabled:focus .list-groupaddadd-item-heading {
  color: inherit;
}
.list-groupadd-item.disabled .list-groupadd-item-text,
.list-groupadd-item.disabled:hover .list-groupadd-item-text,
.list-groupadd-item.disabled:focus .list-groupadd-item-text {
  color: #777777;
}
.list-groupadd-item.active,
.list-groupadd-item.active:hover,
.list-groupadd-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-groupadd-item.active .list-groupadd-item-heading,
.list-groupadd-item.active:hover .list-groupadd-item-heading,
.list-groupadd-item.active:focus .list-groupadd-item-heading,
.list-groupadd-item.active .list-groupadd-item-heading > small,
.list-groupadd-item.active:hover .list-groupadd-item-heading > small,
.list-groupadd-item.active:focus .list-groupadd-item-heading > small,
.list-groupadd-item.active .list-groupadd-item-heading > .small,
.list-groupadd-item.active:hover .list-groupadd-item-heading > .small,
.list-groupadd-item.active:focus .list-groupadd-item-heading > .small {
  color: inherit;
}
.list-groupadd-item.active .list-groupadd-item-text,
.list-groupadd-item.active:hover .list-groupadd-item-text,
.list-groupadd-item.active:focus .list-groupadd-item-text {
  color: #c7ddef;
}
.list-groupadd-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-groupadd-item-success,
button.list-groupadd-item-success {
  color: #3c763d;
}
a.list-groupadd-item-success .list-groupadd-item-heading,
button.list-groupadd-item-success .list-groupadd-item-heading {
  color: inherit;
}
a.list-groupadd-item-success:hover,
button.list-groupadd-item-success:hover,
a.list-groupadd-item-success:focus,
button.list-groupadd-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-groupadd-item-success.active,
button.list-groupadd-item-success.active,
a.list-groupadd-item-success.active:hover,
button.list-groupadd-item-success.active:hover,
a.list-groupadd-item-success.active:focus,
button.list-groupadd-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-groupadd-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-groupadd-item-info,
button.list-groupadd-item-info {
  color: #31708f;
}
a.list-groupadd-item-info .list-groupadd-item-heading,
button.list-groupadd-item-info .list-groupadd-item-heading {
  color: inherit;
}
a.list-groupadd-item-info:hover,
button.list-groupadd-item-info:hover,
a.list-groupadd-item-info:focus,
button.list-groupadd-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-groupadd-item-info.active,
button.list-groupadd-item-info.active,
a.list-groupadd-item-info.active:hover,
button.list-groupadd-item-info.active:hover,
a.list-groupadd-item-info.active:focus,
button.list-groupadd-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-groupadd-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-groupadd-item-warning,
button.list-groupadd-item-warning {
  color: #8a6d3b;
}
a.list-groupadd-item-warning .list-groupadd-item-heading,
button.list-groupadd-item-warning .list-groupadd-item-heading {
  color: inherit;
}
a.list-groupadd-item-warning:hover,
button.list-groupadd-item-warning:hover,
a.list-groupadd-item-warning:focus,
button.list-groupadd-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-groupadd-item-warning.active,
button.list-groupadd-item-warning.active,
a.list-groupadd-item-warning.active:hover,
button.list-groupadd-item-warning.active:hover,
a.list-groupadd-item-warning.active:focus,
button.list-groupadd-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-groupadd-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-groupadd-item-danger,
button.list-groupadd-item-danger {
  color: #a94442;
}
a.list-groupadd-item-danger .list-groupadd-item-heading,
button.list-groupadd-item-danger .list-groupadd-item-heading {
  color: inherit;
}
a.list-groupadd-item-danger:hover,
button.list-groupadd-item-danger:hover,
a.list-groupadd-item-danger:focus,
button.list-groupadd-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-groupadd-item-danger.active,
button.list-groupadd-item-danger.active,
a.list-groupadd-item-danger.active:hover,
button.list-groupadd-item-danger.active:hover,
a.list-groupadd-item-danger.active:focus,
button.list-groupadd-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-groupadd-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-groupadd-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.noticestyle h2,h3,h4,h5{
  margin-top: 0px;
}

.iframe-responsive{
width:100%;
  height:300px;
      display: block;
      overflow: hidden;
}

.iframestyle{
  position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
   height:300px;
    border: 0;
      margin: 24px 16px;
      overflow: hidden;
}
.iframestyle body{
    top: 0;
    bottom: 0;
    left: 0;
    border: 0;
      margin: 24px 16px;
      overflow: hidden;
}
.popup_content {
  margin: 10px;
  padding: 0 10px;
  max-width: 60%;
  border: 2px solid #444;
  background: white;
}
.popup_close {
    position: absolute;
    top: 0;
    right: 0px;
    border-radius: 2px;
    background: none;
    border: 0;
    font-size: 25px;
    padding: 0 10px;
}
.icon icon-lg text-white{
    color: #000000!important;
}
.extensionbutton_white {
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:4px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	text-decoration:none;
}
.extensionbutton_white:hover {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}
.extensionbutton_white:active {
	position:relative;
	top:1px;
  color: #000000;
}
a.extensionbutton_white:hover {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
  color: #000000;
}
a.extensionbutton_white:active {
	position:relative;
	top:1px;
  color: #000000;
}


.extensionbutton_green {
	background-color:#44c767;
	border-radius:4px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
}
.extensionbutton_green:hover {
	background-color:#5cbf2a;
}
.extensionbutton_green:active {
	position:relative;
	top:1px;
  color: white;
}
a.extensionbutton_green:hover {
	background-color:#429e13;
  color: white;
}
a.extensionbutton_green:active {
	position:relative;
	top:1px;
}
/* 弹窗css*/
.popupfooter_change {
    position: absolute;
    bottom: 0;
    background: #efefef;
    width: 100%;
    left: 0;
    padding: 10px;
    box-sizing: border-box;
    margin: 0;
    text-align: right;
}
.pico-content > :first-child {
    margin-bottom: 50px;
}
.gundongtiao1::-webkit-scrollbar {
    width: 12px;
     height: 12px;
}
    .gundongtiao1::-webkit-scrollbar-thumb {
        background: radial-gradient(circle, #bccce0 28%,#ccd7db 66%);
        border-radius: 10px;
}
    .gundongtiao1::-webkit-scrollbar-thumb:hover{
        background: linear-gradient(13deg, #9fd4f2 23%,#cee5f5 60%);
}
    .gundongtiao1::-webkit-scrollbar-track{
        background: #ffffff;
        border-radius: 10px;
        box-shadow: inset 7px 12px 12px #f0f0f0;
}
.gdt {
    max-height:100px;
background:#FFF;
/*word-break:break-all;*/
word-wrap:break-word; 
overflow:auto;
/*自动出现滚动条*/
/*超出div部份则自动隐藏*/
/*overflow-x:hidden;*/
/*div自动出现垂直滚动条*/
/*overflow-y:auto;*/
}
.ywbtn-line-green {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 6px #e5f5e4;
  -moz-box-shadow: 0px 0px 6px #e5f5e4;
  box-shadow: 0px 0px 6px #e5f5e4;
  font-family:  "Noto Sans SC","Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #0EAC51;
  font-size: 14px;
  background: #ffffff;
  padding: 8px 12px 8px 12px;
  border: solid #1EBC61 1px;
  text-decoration: none;
}

.ywbtn-line-green:hover {
  background: #24c768;
  text-decoration: none;
  color: #fff;
}
.ywbtn-line-blue {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 6px #dfeefa;
  -moz-box-shadow: 0px 0px 6px #dfeefa;
  box-shadow: 0px 0px 6px #dfeefa;
  font-family:  "Noto Sans SC","Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #047cc2;
  font-size: 14px;
  background: #ffffff;
  padding: 8px 12px 8px 12px;
  border: solid #0689cf 1px;
  text-decoration: none;
}

.ywbtn-line-blue:hover {
  background: #22a3e3;
  text-decoration: none;
  color: #fff;
}
.ywbtn-line-orange {
	-webkit-border-radius: 3;
	-moz-border-radius: 3;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 6px #FFFAEC;
	-moz-box-shadow: 0px 0px 6px #FFFAEC;
	box-shadow: 0px 0px 6px #FFFAEC;
	font-family:  "Noto Sans SC","Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #F5AB35;
	font-size: 14px;
	background: #ffffff;
	padding: 8px 12px 8px 12px;
	border: solid #F5AB35 1px;
	text-decoration: none;
}

.ywbtn-line-orange:hover {
  background: #F9B32F;
  text-decoration: none;
  color: #fff;
}
.ywbtn-line-gray {
	-webkit-border-radius: 3;
	-moz-border-radius: 3;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 6px #F5F5F5;
	-moz-box-shadow: 0px 0px 6px #F5F5F5;
	box-shadow: 0px 0px 6px #F5F5F5;
	font-family:  "Noto Sans SC","Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #606060;
	font-size: 14px;
	background: #ffffff;
	padding: 8px 12px 8px 12px;
	border: solid #D0D0D0 1px;
	text-decoration: none;
}

.ywbtn-line-gray:hover {
  background: #E0E0E0;
  text-decoration: none;
  color: #606060;
}
.ywbtn-solid-orange {
	-webkit-border-radius: 3;
	-moz-border-radius: 3;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
	text-decoration: none;
	background-color: #f5a13a;
}

.ywbtn-solid-orange:hover {
	background: #ffb939;
	text-decoration: none;
	color: #fff;
}
.clashsubdownloadtext{
    font-size:14px;
	font-weight:400;
}
.modal_pay{
	visibility: hidden;
}
.modal_pay:before {
  content: "";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.modal_pay:target:before {

}
.modal_pay:target .modal-pay-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 20%;
}
.modal-pay-dialog {
  background: #fefefe;
  border: #333 solid 1px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed;
  left: 50%;
  top: -100%;
  z-index: 11;
  width: 360px;
  -webkit-transform: translate(0, -500%);
  -ms-transform: translate(0, -500%);
  transform: translate(0, -500%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal-pay-body {
  padding: 20px;
}
.modal-pay-header,
.modal-pay-footer {
  padding: 10px 20px;
}
.modal-pay-header {
  border-bottom: #eee solid 1px;
}
.modal-pay-header h2 {
  font-size: 20px;
}
.modal-pay-footer {
  border-top: #eee solid 1px;
  text-align: right;
}
.buykami-button-banner{
  position: absolute;
    left: 16vh;
    top: 2.3vh;

}
.buykami-button-banner img{
    height: auto;
}
.animatedtickettext {
  background: radial-gradient(circle, #3f51b5 0%, #f50057 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  animation: animatedGradient 1.6s infinite ease;
  animation-direction: alternate;
}

@keyframes animatedGradient {
  from {
    background-size: 100%;
  }

  to {
    background-size: 250%;
  }
}
.gdt li:first-child {
     width: max-content;
     background: linear-gradient(90deg, #007bff 50%, transparent 50%), linear-gradient(90deg, #007bff 50%, transparent 50%), linear-gradient(0deg, #007bff 50%, transparent 50%), linear-gradient(0deg, #007bff 50%, transparent 50%);
     background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
     background-size: 6px 1px, 6px 1px, 1px 6px, 1px 6px;
     padding: 1px;
     animation: border-dance 66s infinite linear;
     padding-top: 4px;
     padding-bottom: 4px;
     padding-left: 8px;
     padding-right: 8px;
     width: 98%;
     margin-bottom: 6px;
    }
    
@keyframes border-dance {
  0% {
    background-position: 0 0, 100% 100%, 0 100%, 100% 0;
  }
  100% {
    background-position: 100% 0, 0 100%, 0 0, 100% 100%;
  }
}

a.graydl-clash{
 background-color: #f5f5f5;
 color: #393a3b;
 font-size: 12px;
 font-weight: 400;
 font-style: normal;
 text-decoration: none;
 padding: 6px 10px;
 border: 1px solid #888888;
 border-radius: 6px;
 display: inline-block;
}
a.graydl-clash:hover{
 background-color: #e8e8e8;
}
a.graydl-clash:active{
 transform: scale(0.95);
}
 .code-alert {
            position: relative;
            padding: 1rem 1rem;
            margin-bottom: 1rem;
            border: 1px solid transparent;
            border-radius: 0.25rem;
}
.code-alert-warning {
            color: #664d03;
            background-color: #fff3cd;
            border-color: #ffecb5;
            font-size: 16px;
}
.code-alert a {
            color: inherit;
            font-weight: 700;
            text-decoration: underline;
        }
.code-badge {
            display: inline-block;
            padding: 0.35em 0.65em;
            font-weight: 700;
            line-height: 1;
            color: #fff;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: 0.375rem;
            position: relative;
        }
 .code-bg-primary {
            background-color: #0d6efd !important;
            color: #ffffff !important;
        }
.code-bg-warning {
            background-color: #ffc107 !important;
            color: #000 !important;
        }
.code-bg-info {
            background-color: #0dcaf0 !important;
            color: #000 !important;
        }
.code-bg-success {
            background-color: #198754 !important;
        }
.code-bg-primary a {
            font-weight: 700;
            text-decoration: underline;
        }
.service-side-button-1
{
    position: fixed;
    right: -20px;
    bottom: 60vh;
    height: 200px;
}
.service-side-button-2
{
   position: fixed;
    right: -4px;
    bottom: 46vh;
}
@media (max-width: 375px) {
  .service-side-button-1 
        {
        position: fixed;
        right: -17px;
        bottom: 53vh;
        height: 180px;
           }
  .service-side-button-2
        {
        position: fixed;
        right: -5px;
        bottom: 30vh;
        height: 138px;
        }
}  
/* 定义流光动画 */
@keyframes glowing {
    0% { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #3498db, 0 0 20px #3498db; }
    50% { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #3498db, 0 0 40px #3498db; }
    100% { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #3498db, 0 0 20px #3498db; }
}

/* 流光字体类 */
.glowing-text {
    display: inline-block;
    color: #2c3e50;
    font-size: 15px;
    animation: glowing 2s infinite;
    transition: all 0.3s ease;
}

.glowing-text:hover {
    animation-duration: 1s;
}