html{color:#000;background-color:#F5F8F9 }body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}.cl{clear:both}.pointer{cursor:pointer}.pt10{padding-top:10px}.pt20{padding-top:20px}.pt30{padding-top:30px}.pt40{padding-top:40px}.pt50{padding-top:50px}.pt60{padding-top:60px}.pt70{padding-top:70px}.pt80{padding-top:80px}.pt90{padding-top:90px}.pb10{padding-bottom:10px}.pb20{padding-bottom:20px}.pb30{padding-bottom:30px}.pb40{padding-bottom:40px}.pb50{padding-bottom:50px}.pb60{padding-bottom:60px}.pb70{padding-bottom:70px}.pb80{padding-bottom:80px}.pb90{padding-bottom:90px}
a{
    color:#FFFFFF;
    text-decoration: none;
}
body{

    /*line-height: .5rem;*/
    font-family: "PingFang SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", 微软雅黑, STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;;
    padding-bottom: 48px;
}

#header {
    position: fixed;
    top: 0;
    width: 100vw;
    padding: 0;
    z-index: 9999;
    height: auto;
    background: transparent; }
#header .nav {
    background-color: transparent;
    display: flex;
    padding: 0.1rem 0.15rem;
    justify-content: space-between;
    align-items: center; }
#header .nav img {
    width: 1.2rem; }
#header .nav .header-right {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 1.4rem; }
#header .nav .header-right a {
    color: #FFFFFF;
    border: 0.01rem solid white;
    font-size: 0.12rem;
    padding: 0.05rem 0.15rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: .03rem; 
	padding-top: .03rem;}
#header .nav .header-right img {
    width: .18rem;
    height: .16rem; }
#header .show-menu {
    display: none;
    padding: 0 .15rem;
    z-index: 999999;
    background-color: #FFFFFF;
    height: auto; }
#header .show-menu .list {
    z-index: 9999; }
#header .show-menu .list .menu-item {
    font-size: .14rem;
    font-weight: 400;
    color: #3E464C;
    padding: .17rem 0;
    padding-right: .15rem;
    border-bottom: 0.01rem #E0E4EA solid; }
#header .show-menu .list .menu-item a{
    color: #3E464C;
    /*line-height: .49rem;*/
    }
#header .show-menu .list .menu-item .item-every {
    display: flex;
    justify-content: space-between;
    align-items: center; }
#header .show-menu .list .menu-item .item-every a {
    color: #3E464C;
    cursor: pointer; }
#header .show-menu .list .menu-item .item-every .menu-first{
    margin-right: .1rem;
}
#header .show-menu .list .menu-item img {
    width: .08rem;
    height: .06rem; }
#header .show-menu .list .menu-item:nth-child(2) .ul1 {
    margin-top: .17rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
#header .show-menu .list .menu-item:nth-child(2)  .item-every{
    justify-content: flex-start;
}
#header .show-menu .list .menu-item:nth-child(2) .ul1 .ul1-item {
    text-align: center;
    padding: .15rem 0; }
#header .show-menu .list .menu-item:nth-child(2) .ul1 .ul1-item a {
    display: block;

    cursor: pointer; }
#header .show-menu .list .menu-item:nth-child(2) .ul1 .ul1-item a .title {
    font-size: .14rem;
    font-weight: 400;
    color: #68747F; }
#header .show-menu .list .menu-item:nth-child(2) .ul1 .ul1-item a img {
    width: .3rem;
    height: .3rem;
    margin-bottom: .06rem; }
#header .show-menu .list .menu-item:nth-child(2) .hiddan-menu {
    display: none; }
#header .hiddan-menu {
    display: none; }

.hidden-menu2 {
    display: none; }

.show-menu {
    display: block; }

.right-menu-list {
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.2) !important; }
.right-menu-list .nav {
    background: #fff !important;
    border-bottom: 0.01rem solid #E0E4EA; }
.right-menu-list .show-menu {
    display: block; }
.right-menu-list .header-right a {
    background: #4278f5 !important; }


#calculation {
  width: 100%;
  height: 100%;
  display: none;
  margin: 0 auto;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
  z-index: 99999; }
  #calculation .calculation_box {
    background: #fff;
    width: 3.3rem;
    height: 5.8rem;
    position: fixed;
    overflow-y: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: .1rem; }
    #calculation .calculation_box .header {
      position: relative;
      box-sizing: border-box;
      width: 100%;
      height: 1.16rem;
      background: url("../images/calculation-m.png") no-repeat center;
      background-size: 100% 100%; }
      #calculation .calculation_box .header .time-clock {
        position: absolute;
        bottom: 0.1rem;
        left: .15rem;
        font-size: 16px;
        color: #fff;
        text-align: center; }
        #calculation .calculation_box .header .time-clock .clock-msg {
          margin-bottom: 10px; }
        #calculation .calculation_box .header .time-clock .time {
          padding: 0 .1rem; }
      #calculation .calculation_box .header .title {
        padding-top: .2rem;
        padding-left: .15rem;
        font-size: .24rem;
        color: #fff;
        font-weight: 600;
        line-height: .33rem; }
      #calculation .calculation_box .header .info {
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between; }
    #calculation .calculation_box .calculation_list {
      padding: .25rem .22rem .15rem; }
      #calculation .calculation_box .calculation_list .calculation_item {
        font-size: .18rem;
        margin-bottom: .1rem; }
        #calculation .calculation_box .calculation_list .calculation_item .input #calculation_phone {
          display: block;
          width: 2.7rem;
          height: .5rem;
          border: .01rem solid #e5e5e5;
          font-size: .2rem;
          padding-left: .15rem; }
        #calculation .calculation_box .calculation_list .calculation_item .input ::-webkit-input-placeholder {
          /* WebKit browsers */
          color: #999; }
        #calculation .calculation_box .calculation_list .calculation_item .input :-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          color: #999; }
        #calculation .calculation_box .calculation_list .calculation_item .input ::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          color: #999; }
        #calculation .calculation_box .calculation_list .calculation_item .input :-ms-input-placeholder {
          /* Internet Explorer 10+ */
          color: #999; }
        #calculation .calculation_box .calculation_list .calculation_item .input .btn {
          cursor: pointer;
          height: .5rem;
          line-height: .5rem;
          width: 2.85rem;
          text-align: center;
          background: #4278f5;
          color: #fff; }
        #calculation .calculation_box .calculation_list .calculation_item #calculation_telError {
          display: none;
          color: red;
          font-size: 12px; }
        #calculation .calculation_box .calculation_list .calculation_item .xing {
          margin-right: .05rem;
          color: red;
          font-size: .10rem; }
        #calculation .calculation_box .calculation_list .calculation_item .box {
          justify-content: space-between;
          align-items: center;
          display: flex;
          flex-wrap: wrap;
          font-size: .16rem;
          color: #6D7278;
          font-weight: 400;
          line-height: .22rem;
          margin-top: .15rem; }
          #calculation .calculation_box .calculation_list .calculation_item .box label {
            width: 1.35rem;
            font-size: .16rem;
            margin-bottom: .15rem; }
            #calculation .calculation_box .calculation_list .calculation_item .box label .radio {
              margin-right: .12rem; }
        #calculation .calculation_box .calculation_list .calculation_item .error-info {
          display: none;
          color: red;
          font-size: 12px; }
      #calculation .calculation_box .calculation_list .calculation_item:last-child {
        margin-bottom: 0; }
    #calculation .calculation_box .close {
      position: fixed;
      top: .1rem;
      right: .20rem;
      width: .15rem;
      cursor: pointer;
      z-index: 99; }

#calculation-ok, #calculation-error {
  font-size: .15rem;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 33333;
  background: rgba(0, 0, 0, 0.3);
  display: none; }
  #calculation-ok .tanchaung, #calculation-error .tanchaung {
    width: 80%;
    position: fixed;
    top: 20%;
    left: 10%;
    z-index: 22;
    background: #fff;
    box-shadow: .05rem .08rem .2rem #024c53;
    padding-bottom: .4rem;
    border-radius: .06rem;
    padding-top: 0.5rem; }
  #calculation-ok .tanchaung p, #calculation-error .tanchaung p {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    color: #585D65;
    line-height: 0.2rem;
    letter-spacing: 1px;
    font-size: 0.15rem; }
  #calculation-ok .tanchaung span, #calculation-error .tanchaung span {
    width: 1rem;
    height: .3rem;
    margin: 0 auto;
    margin-top: 10%;
    background: #20b573;
    border: 1px solid #20b573;
    color: #fff;
    line-height: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .03rem; }
  #calculation-ok #close-error, #calculation-error #close-error {
    margin-top: 5%;
    border: none;
    background: #E02020; }
  #calculation-ok .tanchaung a, #calculation-error .tanchaung a {
    width: 1rem;
    height: .3rem;
    margin: 0 auto;
    margin-top: 10%;
    background: #20b573;
    border: 1px solid #20b573;
    color: #fff;
    line-height: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .03rem; }

#calculation_btn {
  display: none;
  position: fixed;
  right: 0;
  top: 3rem;
  cursor: pointer;
  z-index: 9999;
  border-radius: 50%; }
  #calculation_btn .img {
    width: .7rem;
    height: .7rem;
    line-height: .7rem; }
    #calculation_btn .img img {
      width: 100%;
      border-radius: 50%; }
  #calculation_btn .msg {
    color: #44D7B6;
    font-size: .12rem;
    text-align: center; }




#drogueM{
    position: fixed;
    left: 0;
    right: 0;
    bottom:0;
    z-index: 99;
    display: flex;
    border-top:1px solid #E0E4EA;
}

#drogueM .drogueM_L{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:15px;
    height: 47px;
    flex:1;
    background: #fff;
    color:#4278f5;
}
#drogueM .drogueM_L img{
    width: 15px;
    margin-right: 6px;
}

#drogueM .drogueM_R{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:15px;
    height: 47px;
    flex:1;
    background: #4278f5;
    color:#fff;
}

#drogueM .drogueM_R img{
    width: 14px;
    margin-right: 6px;
}
#footer {
    width: 100vw;
    overflow: hidden;
    background-color: #171D27;

    font-size: 0.13rem; }
#footer .footer-head {
    height: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .3rem .15rem;
    padding: 0;
    color: #B1BACB;}
#footer .footer-head .head-info {
    border: 0.01rem solid #666B76;

    display: flex;
    align-items: center;
    padding: 0.12rem 0.24rem;
    text-align: center;
    white-space: nowrap;}
#footer .footer-head .head-info:first-child{
    /*border-radius: 0.05rem;*/
    border-top-left-radius: 0.05rem;
    border-bottom-left-radius: 0.05rem;
    border-right: none;
}
#footer .footer-head .head-info:last-child{
    /*border-radius: 0.05rem;*/
    border-top-right-radius: 0.05rem;
    border-bottom-right-radius: 0.05rem;
    }
#footer .footer-head .head-info .image {
    width: 0.17rem;
    height: 0.2rem;
    margin-right: 0.1rem; }
#footer .footer-head .head-info .image-em {
    width: 0.17rem;
    height: 0.16rem;
    margin-right: 0.1rem; }
#footer .footer-head .head-info .info {
    text-align: left; }
#footer .footer-head .head-info .info  .phone-num {
    color: #798498; }
#footer .footer-head .head-info .info  .email-name {
    color: #798498; }
#footer .footer-head .head-info .info  .phone-ex {
    color: #B1BACB; }
#footer .footer-head .head-info .info  .email-ex {
    color: #B1BACB; }
#footer .footer-head .head-info:first-child {
    border-right: none; }
#footer .footer-content{
    padding: 0 0.15rem;
}
#footer .footer-content .name {
    line-height: 0.3rem;
    font-size: 0.14rem;
    color: #798498; }
#footer .footer-bottom {
    padding: 0 0.15rem;
}
#footer .footer-bottom .image {
    text-align: center;
    margin-bottom: 0.1rem; }
#footer .footer-bottom .image img {
    width: 0.73rem;
    height: 0.3rem; }
#footer .footer-bottom .bottom-info {
    font-size: 0.11rem;
    color: #fff;
    text-align: center; }


#img-ma {
  position: absolute;
  width: 0.95rem;
  right: 0.3rem;
  bottom: 0.3rem; }

.hidden-menu2 {
  display: none; }

.show-menu {
  display: block; }

.body-overflow {
  overflow-y: hidden; }


#tool {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 900;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	display:none;
}
#tool2 {
	height:50px;
	display:none;
}
@media (max-width:768px) {
#tool {
	display:block;
}
#tool2 {
	display:block;
}
} 
ul.toollist {
    position: fixed;
    z-index: 900;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    height: 48px;
}
.toollist {
    background:#4278f5;
}

.toollist li {
    border-right: 1px solid rgba(255, 255, 255, 0.7);
}
.toollist li {
    float: left;
    width: auto;
    height: 100%;
    width: 25%;
    position: static !important;
    margin: 0;
    border-radius: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-box-sizing: border-box;
    box-shadow: none !important;
    background: none;
}
li {
    list-style: none outside none;
}

.toollist li a {
    color: #fff;
}
.toollist li a {
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    display: block;
    text-decoration: none;
    padding-top: 2px;
    position: relative;
}

.toollist li a img {
    width: 24px;
    height: 24px;
}

.toollist li a p {
    margin: 1px 0 1px 0;
    font-size: 14px;
    display: block !important;
    line-height: 18px;
    text-align: center;
}