*, *::before, *::after {
	box-sizing: border-box;
}
body {
	margin: 0;
	font-family: Microsoft YaHei;
    overflow:hidden;
	background:url(../images/bg.png);
}
.xht_body h1, .xht_body h2, .xht_body h3, .xht_body h4, .xht_body h5, .xht_body h6 {
	margin: 0
}
.xht_body p {
	margin: 0;
}
.xht_body ul {
	margin: 0;
	padding: 0
}

.text-center {
	text-align: center !important;
}

 *::-webkit-scrollbar {
 width: 10px;
 height: 10px;
 transition: .3s background;
}
::-webkit-scrollbar-thumb {
 background: #e1e6f1;
}
*:hover::-webkit-scrollbar-thumb {
 background: #adb5bd;
}


.wfcard {  overflow:auto;
    background-clip: border-box;

    overflow-x:hidden;
    position:relative;
   
}
.wfabox{ display:flex;justify-content:center;width:1390px;  margin:0 auto; }
.wfboxleft{ float:left; width:697px; background:url(../images/wef_02.gif) no-repeat; background-size:100% 100%; height:440px; position:relative; overflow:hidden}
.wfboxcenter{ float:left;width:325px; background:url(../images/wef_03.gif) no-repeat; background-size:100% 100%; height:440px; position:relative}
.wfboxright{ float:left;width:670px; background:url(../images/wef_04.gif) no-repeat; background-size:100% 100%; height:440px; position:relative}
.text-r{ color:#c65b21; font-size:12px}
.text-b{ color:#479de4;font-size:13px}
p{ margin:0; padding:0; }

.wf-abox-text p
{
    font-size:14px
    }
.maring10{ margin-top:18px}
.maring20{ margin-top:23px; font-size:12px}
.w-text1{ position:absolute; bottom:16px; left:30px; text-align:center;}
.wfboxleft p{ }
.w-text2{ position:absolute; bottom:43px; left:145px; text-align:center;font-size:12px}
.w-text3{ position:absolute; bottom:21px; left:291px; text-align:center; font-size:12px}
.w-text4{ position:absolute; bottom:21px; right:49px; text-align:center;font-size:12px}

.w-text5{ position:absolute; top:35px; left:290px; text-align:center;font-size:12px}
.w-text6{ position:absolute; top:35px; right:55px; text-align:center;font-size:12px}

.w-text5 p{ color:#fff}
.w-text6 p{ color:#fff}
.wf-abox{ width:325px; margin:0 auto; margin-top:79px}
.wftitile{ text-align:center}
.wf-abox .center{text-align:center}
.wf-abox .wf-abox-text p{ margin-top:22px; margin-left:26px;}

.r-text1{ position:absolute; bottom:23px; left:50px; text-align:center;font-size:12px}

.r-text2{ position:absolute; bottom:23px; left:175px; text-align:center;font-size:12px}
.r-text3{ position:absolute; bottom:43px; left:310px; text-align:center;font-size:12px}
.r-text4{ position:absolute; bottom:43px; right:29px; text-align:center;font-size:12px}

.r-text5{ position:absolute; top:35px; left:50px; text-align:center;font-size:12px}
.r-text6{ position:absolute; top:35px; left:172px; text-align:center;font-size:12px}

.r-text5 p{ color:#fff}
.r-text6 p{ color:#fff}
.wftable td{ background:#fff; text-align:center; padding:10px}
.wftable th{ background:#edf7fd;text-align:center; padding:10px}
.wftable { background:#9aa1a4; font-size:14px; color:#555}


/* qq-client */
.qq-client{position:fixed;right:0px;top:10%;background:url(../images/title_a.png); background-size:100%;}
.qq-client a{width:180px;text-align:center;padding:0px 0px;line-height:24px;display:block; padding-top:8px; font-size:14px; text-decoration:none; background:url(../images/jt_icon.png) no-repeat right 5px center;background-size:5%; height:40px; color:#fff}
.qq-client-content{position:fixed;right:-200px;top:10%;border:#02325b solid 1px;width:180px; text-align:center;display:none;background:#1860a3;}
.qq-client-content h1{font-size:14px;width:90%;margin:0px auto;text-align:center;height:0px;line-height:50px;position:relative;}
.qq-client-content h1 span{font-size:12px;font-weight:normal;position:absolute;left:-20px;top:-10px;cursor:pointer;background:#001427;border:#02325b solid 1px;width:20px;height:20px;border-radius:10px;text-align:center; color:#fff; line-height:15px;}
.qq-client-list{background:#001427;}
.client-list{overflow:hidden;line-height:30px;width:90%;margin:0px auto;border-bottom:dashed 1px #022543; text-align:center}
.client-list a{display:block; font-size:13px; color:#fff; text-decoration:none}
.client-list a:hover{color:#1d90fb;}
.client-list label{float:left;width:60px;text-align:right;padding-right:10px;}
 @media only screen and (min-width: 1000px) and (max-width: 1400px) {
.wfabox {
	   transform: scale(0.7);
    transform-origin: 50% 50%; margin-top:-50px
}
.htransform{ overflow:hidden; padding-bottom:0; }
.zi_img{ margin-top:-75px; text-align:center}
.r_search input {
    line-height: 24px;}
.tb_title td {
    font-size: 12px !important;
    padding: 2px !important;
}.tb_mx td {
    font-size: 12px !important;}
}
 @media only screen and (min-width: 1620px) and (max-width: 1800px) {
.wfabox {
	transform: scale(0.9); transform-origin: 50% 50%;
}
.htransform{ overflow:hidden; padding-bottom:0;}

}


 @media only screen and (min-width: 1400px) and (max-width: 1600px) {
.wfabox {
    transform: scale(0.9);
    transform-origin: 50% 50%;
    margin: 0px auto; margin-top:-9px;
}
.zi_img{ margin-top:-30px; text-align:center}
.htransform{ overflow:hidden; padding-bottom:0;}

}


.div_info {
    width:100%;
    display:flex;

}

.tds {

    width:49%;
    float:left;
    margin-left:10px;
   
}

.tb_title {
    width:100%; border:1px solid #1b2232;
	background:#081229; margin-bottom:5px;
	color:#61708e; box-shadow:0 0 8px #29426d inset;
}
.tds_active .tb_title {border:1px solid #04b2ff; }
.tds_active .tb_mx{border:1px solid #04b2ff; }
.tb_title td {
    font-size:13px;
    padding:3px;

}
.tb_title td:nth-child(2n) {
border-right:1px solid #042e4f;
  

}
.tb_title td:last-child {
border-right:none !important
  

}
.td_txt {

   text-align:right;
}

.td_val {

    color:#cad4ed;
    text-align:left
}

.tb_mx {
 width:100%;
}

.tb_mx td {
      font-size:13px;
    border:1px solid #1b2232;
    border-bottom:0;
     border-right:0
}

.tb_mx tr:last-child td
{ 
  /*border-right:0;*/

  border-bottom:1px solid #1b2232;
   
}

.tb_mx tr:first-child td
{ 
  /*border-right:0;*/

  border-top:1px solid #1b2232;
   
}


.tb_mx td:last-child 
{ 
 
  border-right:1px solid #1b2232;
   
}
.tb_mx td:first-child 
{ 
 
  border-left:1px solid #1b2232;
   
}
.tb_mx p {
   text-align:center; padding:2px ;
    font-size:12px; color:#b4bdde;
}
.tb_mx tr p:first-child { background:#0a1b3a;padding:6px 0 }
.tb_mx td p:nth-child(2) { color:#07b4fc !important;padding:2px 0 }
.div_m {

    display:none
}

#div_list div { margin-top:2px
}.zi_img img {
    width: 100%;
}

.head {
    background: url(../images/head_bg.png) no-repeat center center;
        background-size: auto;
    background-size: 100% 100%;
	text-align:center;	
    width: 100%;
    height: 64px;
}
.head h1{color:#04b5ff; font-size:20px; margin:0; padding-top:3px}
.head p{ font-size:16px; margin-top:3px}
.text-d{ padding-bottom:12px; font-size:13px;}

 .div_card { background:#071025; border:1px solid #09172f; padding-top:5px}
 .r_search{ border:1px solid #055b8f; width:300px; position:relative;height:30px; margin:0px 8px; margin-bottom:0; border-radius:3px}
.r_search .btn-secondary{ position:absolute; right:0; top:0px; height:30px; background:none; border:none; cursor:pointer}
.r_search .btn-secondary:hover{ background:rgba(0,0,0,.2)}
.r_search input{ line-height:30px; background:none; border:none; padding:0 5px; color:#7e89ac; width:100%}
#div_all{ background:#03b8ff; color:#fff; border-radius:3px;  font-size:12px; margin:0px  ; text-align:center; width:80px;  line-height:30px; cursor:pointer}
#div_all:hover{ background:#037eae}
#div_list{height:200px; overflow:auto }
.pagination { float:right;
	display: flex;
	padding-left: 10px;
	list-style: none;
	margin:  0;
}
input:focus{outline:none;}
button:focus{outline:none;}
.pagination .active{ background:#2574f3; color:#fff}
.page-link:hover{ background:#2574f3; color:#fff}
.page-link {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3px 6px;
	border-width: 0;
	border: 1px solid #192334;
	font-weight: 400;
	margin: 5px 1px;
		font-size: 12px;
	text-decoration: none;
	border-radius:3px
}
.page-link img{ width:100%;}
  input::-webkit-input-placeholder{
            color:#61708e;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#61708e;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#61708e;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#61708e;
        }

 @media only screen and (min-width: 1800px) and (max-width: 2800px) {
	 
	.head { margin-bottom:30px;height: 82px;}
	.head h1 {
    color: #04b5ff;
    font-size: 26px; padding-top:5px}
	.tb_mx p {
    text-align: center;
    padding: 6px;
    font-size: 14px;
}.tb_title td {
    font-size: 14px;
    padding:6px;
} #div_list {
    height:250px;
    overflow: auto;
}}