@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,img,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: ???????¨???????€??€??????€?,Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
address, caption, cite, code, dfn, em, /*strong,*/ th, var { font-style:normal; font-weight:normal;}
a { color:#333; text-decoration:none; }
a:hover {color:#F90; text-decoration:none; }
img {border:none;}
ol,ul,li { list-style:none; padding:0px; margin:0px;}
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
header{
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-bottom: 1px solid #ccc;
 

}
.header {
  width: 1240px;
  margin: 0 auto;
  padding: 24px 0 30px 0;
  height: 46px;
  .menu {
  float: left;
  display: flex;
  font-size: 16px;
  line-height: 46px;
  margin-left: 17px;
  position: relative;
  padding-bottom: 30px;
  // left: 40px;

  .menu-item {
  margin-left: 58px;
  z-index:100;
  cursor: pointer;
  color: #14142b;
  .menu_pro_arrow {
  width: 10px;
  position: relative;
  left: 10px;
}
// .rotate {
//     transform-origin:center center;//旋转中心要是正中间 才行
//     transform:rotate(180deg);
// }
// .rotate1{
//       transform-origin:center center;
//       transform:rotate(0deg); //返回原点
//   }
.rotate {
  transform-origin: center center;
  transform: rotate(180deg);
  transition: 0.2s;
}
.rotate1 {
  transform-origin: center center;
  transform: rotate(0deg);
  transition: 0.2s;
}
}
.menu-item:nth-child(2) {
  position: relative;
}
.mask {
  height: 24px;
  width: 64px;
  position: absolute;
}
.menu-item-pro {
  display: none;
  position: absolute;
  width: 190px;
  opacity: 1;
  border-radius: 14px;
  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.06);
  margin-top: 24px;
  left: -64px;
  padding: 24px 0;
  background-color: white;

li {
  height: 60px;
  padding-left: 25px;
  border-left: 6px transparent solid;
  line-height: 60px;
}
li:hover {
 border-left: 6px #00ba88 solid;
 background: rgba(0, 186, 136, 0.04);
  color: #f90;
}
  .menu-item-pro-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  position: relative;
  top: 2.5px;
  margin-right: 10px;
  img {
  width: 18px;
}
}
}

.under {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 35px;
  height: 2px;
  background-color: #3a78f6;
}
}
.logo {
  float: left;
img {
  width: 157px;
}
cursor: pointer;
}
.btns {
  float: right;
  position: relative;
  top: 8px;
.login,
.phone,
.free-btn {
  display: inline-block;
}
.login {
  color: #3a78f6;
  font-size: 16px;
  cursor: pointer;
}
.free-btn {
  margin-left: 10px;
  width: 98px;
  height: 30px;
  background: #3a78f6;
  border-radius: 20px;
  line-height: 30px;
  color: white;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  &:hover {
  background: #6193f8;
}
}
.phone {
  margin-left: 10px;
  cursor: pointer;
  width: 134px;
  font-size: 14px;
  color: #3a78f6;
  height: 30px;
  line-height: 30px;
  text-align: right;
  padding-right: 24px;
  border: 1px solid #3a78f6;
  border-radius: 21px;
  .phone-icon {
  display: inline-block;
  margin-right: 6px;
  img {
  width: 16px;
  position: relative;
  top: 3px;
}
<!--0.00017690658569336-->