.bfbtop{background:url(../images/v3/topbg.png) left top repeat-x;}
.bfbtop1{background-image:none;}

.bfbqh{position:relative;z-index:1;margin-top:-104px;}
.banner{float:left;height:585px;overflow:hidden;min-width:100%;}
.banner .d1{float:left;width:100%;height:585px;display:block;position:absolute;left:0px;}
.banner .d2{float:left;width:100%;height:30px;clear:both;position:absolute;z-index:8;left:0px;margin-top:522px;}
.banner .d2 ul{float:left;position:absolute;left:50%;display:inline;}
.banner .d2 li{width:12px;height:12px;overflow:hidden;cursor:pointer;border-radius:8px;border:#AFB5D1 solid 2px;float:left;margin:0 16px;display:inline;}
.banner .d2 li.nuw{background-color:#009FD9;width:16px;height:16px;border:0;}

.bfbcreatcode{margin:0 auto;min-width:1200px;max-width:1200px;}
.pull-right{float:right}
.pull-left{float:left}
.bfbpro{ background:#020616 url('../../images/login_background.gif');text-align:left;padding:80px 0 60px 0;}
.bfbpro .d1{width:100%;height:44px;line-height:44px;font-size:32px;color:#fff;text-align:center;}
.bfbpro .d1 span{color:#009fd9}
.bfbpro .d2{width:100%;margin-top:20px;font-size:16px;color:#999;display: flex;align-items:center;justify-content:center;text-align:center;}
.prou1{float:left;margin-top:30px;width:100%}
.prou1 li{position:relative;margin-top:40px;width:24.5%;height:400px;float:left;border:1px solid #ddd;border-left:none;transition:width .15s ease-out;-moz-transition:width .15s ease-out;-webkit-transition:width .15s ease-out;-o-transition:width .15s ease-out}
.prou1 li:first-child{border-left:1px solid #ddd}
.procap{width:100%;height:60px;line-height:60px;text-align:center;background-color:#f2f2f2}
.protit{font-size:18px;color:#333;font-weight:700}
.promain{width:100%;height:340px}
.prok{width:100%;height:62px}
.propic{margin:0 auto;width:186px;height:88px}
.probg{background:url(../images/v3/baby.png) center center no-repeat;}
.idc-bg{background:url(../images/v3/dna.png) center center no-repeat;}
.host-bg{background:url(../images/v3/moon.png) center center no-repeat;}
.tit1{margin-top:20px;margin-bottom:14px;height:18px;line-height:18px;font-size:18px;color:#fff;text-align:center}
.tit2,.tit3{width:180px;line-height:24px;font-size:12px;color:#999;text-align:center}
.tit1.normal-weight{font-weight:400}
.tit2{margin:0 auto}
.tit3{margin:16px auto 0}
.promoney{color:#f80;font-size:24px}
.normal-inner{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.active-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.prou1 li.active .active-inner{display:block;-moz-opacity:1;-khtml-opacity:1;opacity:1}
.prou1 li.active .normal-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.prou1 li.active{z-index:9;width:50%;*width:48%;height:444px;margin-top:20px;border:1px solid #009fd9;-webkit-box-shadow:0 0 10px 5px rgba(0,192,239,.2);-moz-box-shadow:0 0 10px 5px rgba(0,192,239,.2);box-shadow:0 0 10px 5px rgba(0,192,239,.2)}
.protop{width:100%;height:80px;margin-bottom:20px;line-height:80px;font-size:18px;text-align:center;background-color:#008bff;color:#fff;font-weight:700}
.prokjd{height:14px}
.dlist{width:49.2%}
.dlistleft{border-right:1px solid #ddd;}
.smalltit{margin-top:20px;font-weight:700}
.probai{width:100%}
.dtab{width:calc(100%-(10px));height:30px;margin-bottom:10px;overflow:hidden;transition:height .5s;-moz-transition:height .5s;-webkit-transition:height .5s;-o-transition:height .5s;float:left;margin-left:10px;}
.stit1{margin:0 auto;padding-left:40px;width:90%;min-width:200px;height:30px;line-height:30px;font-size:12px;background:url(../images/v3/add-icon.png) no-repeat #fafafa;color:#666}
.dtab.active .stit1{background:url(../images/v3/reduce_icon.png) no-repeat #e0f9ff;color:#009fd9}
.stit2{width:214px;margin-top:6px;margin-left:40px;line-height:22px;font-size:12px;color:#999}
.dtab.active{height:150px}
.probtn{height:47px;width:220px;margin:38px auto 10px;}
.probtn a{float:left;width:100px;border-radius:3px;padding:6px 0 0 0;height:26px;font-size:14px;text-align:center;}
.probtn a:hover{text-decoration:none;}
.probtn .btn1{color:#fff;background-color:#009FD9;border:#009FD9 solid 1px;}
.probtn .btn1:hover{background-color:#ff6600;border:#ff6600 solid 1px;}
.probtn .btn2{color:#009FD9;border:#009FD9 solid 1px;margin-left:16px;}
.probtn .btn2:hover{color:#fff;background-color:#009FD9;border:#009FD9 solid 1px;}

.bfbhz{background:#020616 url('../../images/login_background.gif');text-align:left;padding:0 0 40px 0;}
.bfbhz .cap{float:left;width:1200px;text-align:center;}
.bfbhz .cap .d1{float:left;width:1200px;font-size:31px;margin:70px 0 0 0;color:#fff;}
.bfbhz .cap .d1 span{color:#009FD9;}
.bfbhz .cap .d2{float:left;width:1200px;font-size:16px;margin:26px 0 0 0;color:#999;}
.bfbhz .dm{float:left;width:1200px;}
.bfbhz .dm .u1{float:left;width:1200px;margin-top:26px}
.bfbhz .dm .u1 li{float:left;width:24%;height:130px;margin:10px 0 0 10px}
.bfbhz .dm .u1 li a{display:inline-block;width:100%;height:100%;text-align:center;vertical-align:middle;line-height:130px;background:#020616 url('../../images/login_background.gif');cursor:default}
.bfbhz .dm .u1 li a img{margin:20px 0 0 0;}
.bfbhz .dm .u1 li a img.img1{width:160px;height:90px;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9);-o-transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.bfbhz .dm .u1 li a:hover{-webkit-box-shadow:0 1px 8px 3px rgba(0,0,0,.1);-moz-box-shadow:0 1px 8px 3px rgba(0,0,0,.1);box-shadow:0 1px 8px 3px rgba(0,0,0,.1)}
.bfbhz .dm .u1 li a:hover img.img1{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.bfbhz .dm .u1 li:nth-child(4n+1){margin:10px 0 0}

.bfbnews{text-align:left;padding:0 0 40px 0;background:#020616 url('../../images/login_background.gif');}
.bfbnews .cap{float:left;width:1200px;text-align:center;}
.bfbnews .cap .d1{float:left;width:1200px;font-size:31px;margin:70px 0 0 0;color:#fff;}
.bfbnews .cap .d1 span{color:#009FD9;}
.bfbnews .cap .d2{float:left;width:1200px;font-size:16px;margin:26px 0 0 0;color:#999999;}
.bfbnews .d1{float:left;width:366px;margin:50px 0 20px 26px;}
.bfbnews .d1 .u1{float:left;width:366px;}
.bfbnews .d1 .u1 li{float:left;}
.bfbnews .d1 .u1 .l1{width:260px;background-color:#009fd9;height:29px;border-left:#008bff solid 9px;padding:7px 0 0 13px;font-size:16px;color:#fff;}
.bfbnews .d1 .u1 .l2{width:64px;background-color:#009fd9;height:26px;text-align:right;padding:10px 20px 0 0;}
.bfbnews .d1 .u1 .l2 a{color:#fff;}
.bfbnews .d1 .u1 .l3{width:94px;margin:20px 0 0 16px;height:14px;color:#999;}
.bfbnews .d1 .u1 .l4{width:256px;margin:20px 0 0 0;height:14px;overflow:hidden;}
.bfbnews .d1 .u1 .l4 a{color:#fff;}
.bfbnews .d1 .u1 .l4 a:hover{text-decoration:none;color:#009FD9;}
.bfbnews .d0{margin-left:0;}
.regs{float:left;margin:55px 0;color:#fff;font-size:15px;background-color:#000;text-align:center;height:50px;line-height:50px;width:100%;display: flex;justify-content: center;align-items: center;}
.regs:hover{background-color:#4183c4;text-decoration:none;-webkit-transition:background-color 0.2s linear;-moz-transition:background-color 0.2s linear;-o-transition:background-color 0.2s linear;transition:background-color 0.2s linear;}
















