@charset "UTF-8";
.right-side{width: 72px;position: fixed;right: 48px;top: 50%;margin-top: -198px;background-color: #fff;z-index: 1000000;padding-top: 1px;}
.right-side>div{width: 100%;height: 80px;border: 1px solid #f0f0f0;margin-top: -1px;cursor: pointer;transition: all .3s;z-index: 1;position: relative;}
.right-side .icon{display: block;width: 100%;height: 57px;background-position: center center;background-repeat: no-repeat;transition: all .3s;}
.right-side .iconfont{font-size: 35px;text-align: center;line-height: 57px;color: #000000;}
.right-side .iconfont:hover{color: #ffffff;} 
.right-side .title{text-align: center;font-size: 13px;color: #999;transition: all .3s;}
.right-side .title{text-align: center;font-size: 13px;color: #999;transition: all .3s;}
.right-side .item1_a{display:none;}
.right-side>div:hover{background-color: #f29011;border-color: #f29011;z-index: 2;color: #fff;}
.right-side>div:hover .title{color: #fff;}
.right-side .item1 .attention{visibility: hidden;opacity: 0.9;width: 18px;height: 18px;border-radius: 50%;background-color: #f37b1d;text-align: center;font-size: 12px;color: #fff;line-height: 18px;position: absolute;left: 1px;top: 1px;}
.right-side .item1 .attention.show{visibility: visible;opacity: 1;}
.right-side .item4 .sig{width: 119px;height: 119px;visibility: hidden;position: absolute;bottom: 0;right: 71px;transform: scale(0);transition: all ease .3s;transform-origin: right bottom;}
.right-side .item4 .sig img{width: 100%;height: 100%;}
.right-side .item4:hover .sig{visibility: visible;transform: scale(1);}
.ft-wrap{visibility: hidden;opacity: 0;display: table;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);z-index: 100000;transition: all .3s;}
.ft-wrap.show{visibility: visible;opacity: 1;}
.ft-wrap .ft-center{display: table-cell;vertical-align: middle;border: 1px solid rgba(255,255,255,0.46);margin: 0 auto;line-height: initial;top: 50%;left: 50%;position: fixed;margin-left: -200px;margin-top: -251px;}
.ft-wrap .ft-inner{margin: 0 auto;background-color: #fff;width: 477px;max-height: 100%;position: relative;overflow: auto;}
.ft-wrap .btn-close{display: block;width: 20px;height: 20px;position: absolute;right: 28px;top: 21px;cursor: pointer;background-image: url(/style/top/img/close2.png);}
.ft-wrap .hd{width: 100%;height: 60px;font-size: 20px;color: #fff;font-weight: bold;line-height: 60px;text-align: center;background: #ea6508;position: relative;background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;}
.ft-wrap .ct{width: auto;height: 440px;background-color: #f6f6f6;padding-left: 77px;padding-right: 77px;padding-top: 15px;}
.ft-wrap .ct .text{font-size: 14px;color: #666;line-height: 26px;margin-bottom: 17px;}
.ft-wrap input[type=text]{width: 90%;height: 38px;border: 1px solid #dfdfdf;border-radius: 3px;background-color: #fff;font-size: 14px;color: #666;padding-left: 15px;padding-right: 15px;margin-bottom: 10px;}
.ft-wrap #tj1{width: 100%;height: 44px;line-height: 44px;background-color: #ea6508;font-size: 16px;color: #fff;border: none;}
.ft-wrap .row4{font-size: 0;padding-bottom: 10px;position: relative;}
.ft-wrap .row4 .unit{position: absolute;right: 22px;top: 11px;font-size: 14px;color: #666;}
.ft-wrap .row4 .unit sup{font-size: 10px;}
.ft-wrap .row4 input[type=text]{padding-right: 40px;}
.ft-wrap #beizhu{width: 99%;height: 75px;margin-bottom: 20px;}
.ft-wrap .as{text-align: center;font-size: 0;margin-top: 23px;}
.ft-wrap .as span{display: inline-block;vertical-align: top;height: 80px;}




@media (max-width: 480px){
  .right-side{bottom: 0;top: inherit;width: 100%;margin: 0;right: 0;}  
  .right-side>div{width: 32.7%;float: left;height: 40px;}
  .right-side>div>a{line-height: 40px;display: none;}
  .right-side .item1_a{line-height: 40px;display: block;text-align: center;font-size: 13px;color: #999;transition: all .3s;}
  .right-side>div:hover .item1_a{color: #fff;}
  .right-side .title{line-height: 40px;display: block;}
  .right-side .item1 .icon{display: none;}
  .right-side .item2 .icon{display: none;}
  .right-side .item4{display:none;}
  .right-side .item4 .icon{display: none;}
.right-side .item5 .icon{display: none;}
.ft-wrap .ft-inner{width: 88%;}
.ft-wrap .ft-center{border:inherit;}
}