.bg1{ background:url(../new_images/bg1.jpg) no-repeat; min-height:100vh;}
.h_p12{ background:#fff; border-radius:8px; padding:1% 3%;}
.h_p120 td{ padding:4% 0 2% 0;}
.h_p120 td a{ color:#4d90fe;}
.h_p121{ border:none; width:calc(100% - 50px); background:url(../new_images/ico1.png) no-repeat left center; padding-left:50px; line-height:50px;}
.h_p122{ border:none; width:calc(100% - 50px); background:url(../new_images/ico2.png) no-repeat left center; padding-left:50px; line-height:50px;}
.input-code{ border:none; width:calc(100% - 50px); background:url(../new_images/ico3.png) no-repeat left center; padding-left:50px; line-height:50px;}
.h_p123{ border:none; width:100%; background:#4d90fe; color:#fff; text-align:center; line-height:2.5; border-radius:8px;}
.bg2{ background:#f9f9f9;}
.h_p2{ line-height:2; padding:8px 0;}
.logo_p2{ float:left; color:#666; line-height:2.2;  border-left:1px solid #999; padding-left:3%; margin:10px;}
.bor1{ border:1px solid #ddd; padding:2%;}
.h_p31{ position:relative; padding-left:3%; line-height:2;}
.h_p31:before{ position:absolute; left:0; top:15%; width:5px; height:70%; content: ""; background:#3393e4;}
.h_p32{ max-width:650px;}
.h_p32 td{ padding:5px; line-height:2;}
.red{ color:#F00;}
.h_p321{ border:1px solid #ddd; width:calc(98% - 2px); padding:0 1%; line-height:2;}
.h_p322{ text-align:right;}
.h_p323{ background:#23a1ff; color:#FFF; width:60%; margin:2% auto; line-height:2.5; border:none; border-radius:5px;}
.bg3{ background:#fff;}
.h_l_p1{ font-weight:bold; padding-left:40px; line-height:2;}
.h_l_p2 li a{ display:block; padding-left:40px; position:relative; line-height:2.8;}
.h_l_p2 li:hover a,.no2{ background:#fff3e9; color:#be671d;}
.h_l_p2 li:hover a:before,.no2:before{ position:absolute; left:0; top:0; width:4px; height:100%; content: ""; background:#fd8a27;}
.h_p41{ border-bottom:1px solid #ddd; padding:1% 2%;}
.select li{list-style:none; overflow:hidden; clear:both; border-bottom:1px dashed #ddd; padding:10px 0;}
.select dl{line-height:24px;}
.select dl:after{content:" ";display:block;clear:both;height:0;overflow:hidden}
.select dt{ float:left;color:#666;height:26px;line-height:24px}
.select dd{float:left;display:inline; }
.select a{display:inline-block;white-space:nowrap;height:24px;padding:0 10px;text-decoration:none;color:#333;}
.select a:hover{color:#409eff;}
.select .selected a{color:#409eff; border:1px solid #409eff; border-radius:5px;}
.select-result dt{font-weight:bold}
.select-no{color:#409eff}
.select .select-result a{color:#fff; border-radius:5px;padding-right:20px;background: url("../new_images/close.gif") right 9px no-repeat #409eff;}
.select .select-result a:hover{background-position:right -15px}
.h_p42{ padding:1% 2%;}
.h_p421{ border:1px solid #ddd; background:#FFF; line-height:30px; padding:0 10px; border-radius:3px; margin:0;}
.h_p422{ border:none; background:url(../new_images/ico7.jpg) no-repeat center; border-radius:3px; margin:7px 0 0 0;  width:70px; height:32px;}
.h_p4231,.h_p4232,.h_p4233{ display:block; border-radius:3px; margin:2px; float:left; text-align:center; padding:0 5px;white-space: nowrap;}
.h_p4234,.h_p4235,.h_p4236,.h_p4237,.h_p4238{ display:block; border-radius:3px; margin:2px; float:left; text-align:center; padding:0 10px;white-space: nowrap;}
.h_p4231{ background:#f9f1eb; border:1px solid #f3e4d8; color:#c2753a;}
.h_p4232{ background:#fbf0fe; border:1px solid #f7e2fd; color:#d56cf5;}
.h_p4233{ background:#fdecf7; border:1px solid #fad8ee; color:#e63ca7;}
.h_p4234{ background:#fff; border:1px solid #ddd;}
.h_p4235{ background:#409eff; border:1px solid #409eff; color:#fff;}
.h_p4236{ background:#ff8240; border:1px solid #ff8240; color:#fff;}
.h_p4237{ background:#919191; border:1px solid #919191; color:#fff;}
.h_p4238{ background:#fff; border:1px solid #ECECEC; color:#ddd;}
.h_p424{ text-align:center;}
.h_p4241{ font-weight:bold;}
.h_p425{ border:1px solid #ddd; padding:1% 2%;}
.h_p425 div{ float:left; padding-right:5%;}
.h_p426{ position:relative; margin-bottom:-1px; border-left:1px solid #ddd;}
.h_p426 li{ float:left; border:1px solid #ddd; border-left: none; line-height:40px; padding:0 20px;}
.h_p426 li.active{ border-bottom:1px solid #fff; color:#409eff;}
.h_p427{ border:1px solid #ddd; padding:2%; height:500px;overflow-x:hidden;overflow-y: scroll;}
.page1 a{ line-height:30px; margin:5px;}
.h_p431{ position:relative; color:#348fe2; padding-left:12px;}
.h_p431:before{ position:absolute; left:0; top:10%; width:4px; height:80%; content: ""; background:#348fe2; border-radius:3px;}
.h_p432{ padding:1% 5px; border-bottom:1px solid #d9e0e7;}
.h_p432 div{ padding:5px 10px;}


.list_div{ border:1px solid #ddd; margin-bottom:10px;}
.list_dt{ margin:0; padding:0;background: #f0f3f5; line-height:50px; overflow: hidden; position: relative;padding-left:15px;}
.list_dt1{ background:url(../new_images/tu4.png) no-repeat left center; background-size:auto 100%; padding-left:60px;color:#409eff; font-weight:bold;}
.list_dt2{}
.list_dt_icon{ position: absolute; right: 10px; top:calc(50% - 8px); display: block; width: 16px; height: 16px; background: url(../new_images/off.png) no-repeat;}
#open .list_dt_icon{ background: url(../new_images/open.png) no-repeat;}
.list_dd{ display: none; padding:1%;}

.label_box>label { display:block; float:left; margin:0 10px 10px 0; position:relative; overflow:hidden; }
.label_box>label>input { position:absolute; top:0; left:-20px; }
.label_box>label>div { width:118px; text-align:center; border:#dddddd solid 1px; height:40px; line-height:40px; color:#666666; user-select:none; overflow:hidden; position:relative; }
.label_box>label>input:checked + div { border:#409eff solid 1px; color:#409eff; }
.label_box>label>input:checked + div:after { content:''; display:block; width:20px; height:20px; background-color:#409eff; transform:skewY(-45deg); position:absolute; bottom:-10px; right:0; z-index:1; }
.label_box>label>input:checked + div:before { content:''; display:block; width:3px; height:8px; border-right:#ffffff solid 2px; border-bottom:#ffffff solid 2px; transform:rotate(35deg); position:absolute; bottom:2px; right:4px; z-index:2; }

.h_p320 td{ border-bottom:1px dashed #eee;}
.h_p320 .h_p321{ border-radius:3px; line-height:2.2;}
.h_p324{ background:#e6a23c; border:none; padding:0 20px; color:#FFF; border-radius:3px; line-height:2.8;}
.h_p325{ background:#fd8a27; border:none; padding:0 20px; color:#FFF; border-radius:3px; line-height:2.8;}
.h_p326{ width:40%; max-width:90px;border-radius:50%;}
.h_p326 .img1{border-radius:50%;}
.h_p327{ width:90px; height:90px;border-radius:50%; overflow:hidden; position:relative;}
.h_p327:before{ position:absolute; left:0; top:0%; width:100%; height:100%; content: "";  background:url(../new_images/tu5.jpg) no-repeat; border-radius:50%; z-index:2;}




@media (max-width:768px){
.bg1{ background-size:auto 100%;}
.h_p11,.h_p13{ padding:3%; text-align:left;}
.h_p3_l{ border-bottom:1px solid #ddd;}
.h_p3_r{ padding-top:3%;}
.h_l_p1{ padding-left:10px; line-height:2; margin-bottom:10px;}
.h_l_p2 li{ float:left; width:31.333%; padding:1%;}
.h_l_p2 li a{ padding-left:10px;}
.h_r{ min-height:50vh;}
.list_dt1{ float:left; width:calc(92% - 50px); overflow:hidden;}
.list_dt2{ float:left; padding-right:5%; line-height:40px;}


}
@media (min-width:769px) {
.cc1{ display: flex;  justify-content:center;  align-items:Center; text-align:center;} 
.bg1{ background-size:100% 100%;}
.h_p12{ background:#fff; border-radius:8px; padding:1% 3%; min-width:500px;}
.h_p13{ position:absolute; bottom:0; left:0;}
.h_p3_l{ float:left; width:70%; padding:0 2%; border-right:1px solid #ddd;}
.h_p3_r{ float:right; width:22%;}
.h_p322{ white-space: nowrap;}
.h_l{ width:200px;}
.h_r{ width:calc(98% - 200px); min-height:80vh;}
.h_p432 div{ float:left; width:calc(50% - 20px);}
.h_p423 td{ padding:10px;}
.list_dt1{ float:left; width:40%;}
.list_dt2{ float:left; width:25%;}
.h_p320 td{ padding:5px;}





}