@charset "utf-8";
/* CSS Document */

:root {
  --blue: #007bff;
  --indigo: #674eec;
  --purple: #8445f7;
  --pink: #ea3e8b;
  --red: #c4183c;
  --orange: #fb7906;
  --yellow: #ffb400;
  --green: #1fd26a;
  --teal: #1adba2;
  --cyan: #00b8d8;
  --white: #fff;
  --gray: #868e96;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #5A6169;
  --success: #17c671;
  --info: #00b8d8;
  --warning: #ffb400;
  --danger: #c4183c;
  --light: #e9ecef;
  --dark: #212529;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-monospace: "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

@media (max-width: 575.98px) {
  html {
    font-size: 15px;
  }
}

body {
  font-size: 1rem;
  font-weight: 300;
  font-family: "Microsoft YaHei",arial,courier new,courier,"\5b8b\4f53",monospace;
  color: #ea3e8b;
  background: url(../images/bg.png) repeat;
  background-color: #33313A;
}

html,body {
	height: 100%;
}

#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
}
/*内容不足时页脚固定在底部 end*/

/*清除蓝色边框*/
*:focus {
  outline: none;
}

.btn:focus, .close:focus {
	outline: none;
	box-shadow:none;
}

.page-link:focus {
	outline: none;
	box-shadow:none;
}
/*清除蓝色边框end*/


iframe{
       abve:expression_r(this.src='about:blank',this.outerHTML='');
}



a{
	color: rgba(255,255,255,.5);
	text-decoration: none;
}
a:hover{
	color: #39b1c6;
	text-decoration: none;
}

.btn-outline-pink {
  background-color: #25242c;
  border-color: #ea3e8b;
  color: #ea3e8b!important;-webkit-appearance:initial!important;;
}

.btn-outline-pink:hover {
  color: #fff!important;
  background-color: #ea3e8b;
  border-color: #ea3e8b;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(196, 24, 60, 0.25);
}


.btn-outline-secondary:hover {
  color: #39b1c6;
  background-color: transparent;
  border-color: #39b1c6;
  box-shadow: none;
}


.btn-danger {
  color: #fff;
  background-color: #ea3e8b;
  border-color: #ea3e8b;
}

.btn-danger:hover {
  color: #fff;
  background-color: #e6357e;
  border-color: #e6357e;
}

.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(230, 53, 126, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #e6357e;
  border-color: #e6357e;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #e6357e;
  border-color: #e6357e;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(230, 53, 126, 0.5);
}

.badge-secondary-d {
  color: #fff;
  background-color: rgba(255,255,255, 0.02);
}

.badge-secondary-d[href]:hover, .badge-secondary-d[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #545b62;
}


/*导航下拉菜单样式*/
.dropdown-menu {
  background-color: #25242c;
  color: #6c757d;
}
.dropdown-item {
  color: #6c757d;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: rgba(255,255,255, 0.02);
}



.text-pink {
	color: #ea3e8b !important;
}

.text-green {
	color: #1fd26a !important;
}

.text-cyan {
	color: #39b1c6 !important;
}

.table-bordered {
	border: 1px solid rgba(0, 0, 0, 0.125);
}

.table-bordered th,
.table-bordered td {
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.navbar-dark{
	background: url(../images/header.png) repeat;
}

.nav-tabs .nav-link.active{
	background-color: #25242c;
	border: none;
	color: rgba(255,255,255,.5);
}

.nav-tabs .nav-link:hover {
	border-color: #25242c;
}

.navbar-nav .active, .navbar-nav .active a{
  color: #ea3e8b !important;
}

.navbar-son a {
  color: #6c757d;
}

.navbar-nav a:hover {
  color: #39b1c6 !important;
}


.card, .diy-black, .modal-content, .list-group-item {
	background-color: #25242c;
}

.card-header, .card-footer, .diy-title {
	background-color: rgba(255,255,255, 0.02);
}

.modal-header {
	border-bottom: #000; 
	background-color: rgba(255,255,255, 0.02);
}


.text-sm, .breadcrumb {
	font-size: 0.875rem;
}

.breadcrumb a, .breadcrumb-d a{
  color: #6c757d;
}

.breadcrumb a:hover, .breadcrumb-d a:hover{
  color: #39b1c6;
}


.diy-box:hover a{
	color: #39b1c6;
}
.diy-box-title {
	max-width: 445px;
}


.diy-title{
	font-size: 1rem;
}


.diy-h1{
	font-size: 1.375rem;
}

.diy-jiage {
	font-size: 2rem;
}

.diy-search .form-control {
	border: 1px solid #25242c;
	background-color: rgba(255,255,255, 0.01);
}

.diy-search .form-control:focus {
	border: 1px solid #25242c;
	background: none;
	/*outline: none;*/
	box-shadow:none;
	color: rgba(255,255,255,.5);
}


.diy-search option {
  color: rgba(255,255,255,.5);
  background-color: #25242c;
}

.download{
	border: 1px dashed #5A6169;
}

.tu-info{
	/*border: 1px dashed #5A6169;*/
	height: 220px;
}
.tu-info li{
	padding: 6px 0px;
	border-bottom: 1px dashed #5A6169;
}
.picture_content img{max-width:100%;height:auto}

.input-group-text{
	background: #37363f;
	border: 1px solid #37363f;
	/*color: #5A6169;*/
	color: rgba(255,255,255,.5);
}

.custom-select:focus, .custom-select{
  border: 1px solid #37363f;
  background: #25242c;
  box-shadow:none;
  color: rgba(255,255,255,.5);
}



.form-control:focus{
	border: 1px solid #37363f;
	background: none;
	/*outline: none;*/
	box-shadow:none;
	color: rgba(255,255,255,.5);
}


.form-control {
	background: none;
	border: 1px solid #37363f;
	color: rgba(255,255,255,.5);
}

.form-control:disabled, .form-control[readonly] {
	background: none;
}

.form-control::-webkit-input-placeholder {
  color: rgba(255,255,255,.15);
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: rgba(255,255,255,.15);
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: rgba(255,255,255,.15);
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: rgba(255,255,255,.15);
  opacity: 1;
}

.form-control::placeholder {
  color: rgba(255,255,255,.15);
  opacity: 1;
}

.input-group-append.input-group-text {
	background: #484751;
}

#_userid_ok, #_email_ok, #_userpwdok_ok {
	background: none;
}

.pagination .page-item .active {
	color: #ea3e8b ;
}

.page-link {
	background: #25242c;
	border: 1px solid #37363f;
	color: #5A6169;
}

.page-link:hover {
	background-color: #25242c;
	border: 1px solid #37363f;
	color: #39b1c6;
}

.pagination .disabled .page-link{
	background: #25242c;
	border: 1px solid #37363f;
	color: #5A6169;
}

.pagination select {
	/*border: none;*/
}


/*/*密码强度*/
.rank { border:none; background:url("../images/rank.gif") no-repeat; width:145px; height:22px; vertical-align:middle; cursor:default; margin:0 0 0 5px;}
.r0 { background-position:0 2; }
.r1 { background-position:0 -19px; }
.r2 { background-position:0 -40px; }
.r3 { background-position:0 -61px; }
.r4 { background-position:0 -82px; }
.r5 { background-position:0 -103px; }
.r6 { background-position:0 -124px; }
.r7 { background-position:0 -145px; }


.diy_h2{
	font-size: 2rem;
}


@media (min-width: 1200px) {
	.zdy_tj {
		padding-left: 50px;
	}
}

blockquote {
  padding: 1px 15px;
  margin: 0 0 20px;
  font-size: 1rem;
  border-left: 5px solid #E9ECEF;
}






/*@media (min-width: 45rem) {
	.zdy_card .card-body {
		height: 60px;
		overflow: hidden;
	}
}*/




/*返回顶部样式*/
#scrollUp {
    bottom: 50px;
    right: 30px;
    padding: 0px 10px;
    background-color: ;
    /*border: 1px solid #5A6169;*/
    /*color: #7d7a8a;*/
    font-size: 40px;
    line-height: 30px;
    width: 46px;
    height: 46px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
/*    background: #25242c;*/
    opacity: .8;

}

#scrollUp :hover{
  color: #0056b3;
}
.navbar-son{display: -webkit-box;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;}

@media (max-width: 992px) {	
.footer{    margin-bottom: 3rem;}
.pagination{display: -ms-flexbox;display: block;}
.pagination li{display: inline-block;margin-bottom:5px;}
}	
.nad img{width:100%; height:auto;}

.meihua_1 {
	display: block;
	margin-top: 10px;
	padding: 5px 10px;
	background-color: #ea4c89;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.meihua_2 {
	background-color: #fff;
	margin-bottom: 20px;
	box-shadow: 0 1px 2px rgba(15,39,65,0.1);
	font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.meihua_2 .meihua_2_1 {
	height: auto;
	overflow: hidden;
	background-color: #FFF;
	border: 1px solid #DDDDDD;
	border-width: 1px 1px 1px 1px;
	padding: 20px;
}
.meihua_2 .meihua_2_1 p {
	margin: 5px auto!important;
}
.meihua_2 .meihua_2_1 .meihua_btn {
float: left;
    border: 1px solid #8a8a8a;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding-left: 40px;
    margin: 10px 10px 0 0;
    overflow: hidden;
    border-radius: 2px;
	background: url(../images/30.png) no-repeat 5px 3px #4abd96;
    border: 1px solid #4abd96;
    color: #FFF;
    text-decoration: none;    padding-right: 10px;
}
.meihua_2 .meihua_2_1 .meihua_btn i {
	margin-right: 5px
}
.meihua_2 .meihua_2_1 .meihua_btn:hover {
	background-color: #3169b0
}
.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.short-btn {
    float: left;
    border: 1px solid #8a8a8a;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding-left: 40px;
    margin: 10px 10px 0 0;
    overflow: hidden;
    border-radius: 2px;
    background: url(../images/10.png) no-repeat 5px 3px #4abd96;
    border: 1px solid #4abd96;
    text-decoration: none;color: #FFF!important;padding-right: 10px;text-decoration: none; 
}
.short-btn:hover {
	background-color: #3169b0
}