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

input::-webkit-input-placeholder {color: #cccccc !important; }/* WebKit browsers */
input:-moz-placeholder {color: #cccccc !important;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder {color: #cccccc !important;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder {color: #cccccc !important;} /* Internet Explorer 10+ */
/*header begin*/
.topdiv{ background:#313131; height: 55px;position:fixed; width:100%; min-width:1200px; overflow: hidden;z-index: 100; display: block; left: 0;top:0; right: 0;}

.topdiv .logo{float:left; width: 132px;margin-top:10px;}
.topdiv .menu{float:left; margin-left: 230px; width: 580px; overflow: hidden;}
.topdiv .menu ul li{float:left;font-size:16px;margin:0 5px;}

.topdiv .menu ul li a{font:16px/55px "微软雅黑"; color: #fff; padding:0 18px;display: block;}
.topdiv .menu ul li a:hover{ background-color:#00b7ee;padding:0 18px;}
.topdiv .menu ul li a.hover{ background-color:#00b7ee;padding:0 18px;}


.topdiv .menu span{ display: block; text-align: center; height: 55px; line-height: 55px;}
.front { position: relative; height: 100%; color: #fff;}
.flop { opacity: 0; position: relative;  color: #fff;}
.topdiv .menu span,.cube { -webkit-transition: all .4s cubic-bezier(0.245, 0.145, 1.355, 1); -moz-transition: all .4s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .4s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .4s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .4s cubic-bezier(0.445, 0.145, 0.355, 1); }
.topdiv .menu .cube { height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
.topdiv .menu .front{ -webkit-transform: translateZ(20px); -moz-transform: translateZ(20px); -o-transform: translateZ(20px); -ms-transform: translateZ(20px); transform: translateZ(20px);}
.topdiv .menu .flop { -webkit-transform: rotateX(-90deg) translateZ(-20px); -moz-transform: rotateX(-90deg) translateZ(-20px); -o-transform: rotateX(-90deg) translateZ(-20px); -ms-transform: rotateX(-90deg) translateZ(-20px); transform: rotateX(-90deg) translateZ(-20px);}
.topdiv .menu a:hover .cube,.topdiv .menu a.active .cube { -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); }
.topdiv .menu a:hover .flop,.topdiv .menu a.active .flop { opacity: 1;}


.width1200{margin:0 auto; width: 1200px; overflow: hidden;}
.topdiv .t_r_con{float:right; width: 250px;margin-top:14px;}
.topdiv .t_r_con a{float:right;display:block; margin-left:25px;width:75px;font:14px/28px "微软雅黑"; height: 28px; border-radius: 28px;background-color: #00b7ee; color: #fff; text-align: center}
.topdiv .t_r_con a:hover{background-color: #0b7ea1;}
.topdiv .t_r_con a.reg{background-color: #ffd500; color: #996c33}
.topdiv .t_r_con a.reg:hover{background-color: #cfad00; color: #996c33;}

.topdiv .t_r_con2{float:right; width: 250px;margin-top:14px;color:#ddd; font-size:14px; text-align:right;}
.topdiv .t_r_con2 a{color:#ddd;  text-align: center}
.topdiv .t_r_con2 a:hover{ color:#F90;}
.topdiv .t_r_con2 span{ color:#F90; line-height:30px; background:url(../../usercenter/css/default/img/icon7.png) left center no-repeat; padding-left:20px; margin-left:5px; }


/*footer begin*/
.footer{  height:290px; background:#363839; color:#888686;font:16px/28px "微软雅黑";margin:0 auto 0 auto;width:100%; min-width:1200px;overflow:hidden;}
.footer ul {float:left;margin-top:45px; width: 654px;overflow: hidden;}
.footer ul li{float:left; margin-right:85px;}
.footer ul li dt{ font-size:18px;margin-bottom:16px;}
.footer ul li dd a{color: #d2d2d2; font-size:14px;line-height: 30px;}
.footer ul li dd a:hover{color: #009cff;}
.footer .divtel{float:left;margin:95px 0 0 80px;width: 230px; overflow: hidden;}
.footer .divtel a{color:#888686;}
.footer .divtel a:hover{color: #009cff;}
.footer .code{float:right; width: 130px;margin-top:50px;font-size:18px;}
.footer .code img{margin-top:15px;}
.footer_1{ width:100%; height: 60px;font:14px/60px "微软雅黑"; text-align: center;min-width:1200px;overflow:hidden;background: #1d1e1f; color: #898989}
.footer_1 img{margin:21px 5px 0 10px;}
/*footer end*/
.width1200{ width:1200px; margin: 0 auto;}
.over_fl{ overflow: hidden;}
.xiaoguo{background-color: #000000;
  margin: 0px;
  overflow: hidden;
   background-image: radial-gradient(ellipse farthest-corner at center top, #23233f 0%, #000000 60%);}