.tem02-beshare *{transition:all .3s} .tem02-beshare a{text-decoration:none} .tem02-beshare .modal .container{width:260px;height:260px;position:fixed;top:50%;left:50%;margin:-140px 0 0 -130px;padding:15px 15px 0} .tem02-beshare .modal .container .image{width:100%} .tem02-beshare .modal .container .image img{max-width:100%} .tem02-beshare .modal .container .text{height:30px;line-height:30px;text-align:center;font-size:14px} .tem02-beshare .shares.OFF{right:-180px;box-shadow:none} .tem02-beshare .shares{width:180px;overflow-x:hidden;box-shadow:0 5px 9px rgba(0,0,0,.17);bottom:60px;z-index:99} .tem02-beshare .shares .t{padding:15px 20px} .tem02-beshare .shares .t .text{font-size:14px} .tem02-beshare .shares .t .switch, .tem02-beshare .shares .t .text{line-height:16px;height:16px} .tem02-beshare .shares .t .switch{font-size:16px;cursor:pointer;float:right} .tem02-beshare .shares .links{width:100%;max-height:165px;overflow-y:auto} .tem02-beshare .shares .links .link{display:block;line-height:20px;padding:10px 15px;font-size:12px;word-break:break-all;border-bottom-style:solid;border-bottom-width:1px;position:relative} .tem02-beshare .shares .links .link:hover{opacity:.8} .tem02-beshare .shares .links .link i{font-size:16px;vertical-align:middle;position:absolute;left:12px;top:11px} .tem02-beshare .shares .links .link span{display:block;padding-left:25px;font-size:12px;font-family:Arial} .tem02-beshare .shares .links .link:last-child{border-bottom:none} .tem02-beshare .icons, .tem02-beshare .shares{position:fixed;right:0} .tem02-beshare .icons{bottom:0;z-index:98} .tem02-beshare .icons span{width:45px !important;height:45px !important;line-height:45px !important;text-align:center;display:block;cursor:pointer;font-size:20px !important;} .tem02-beshare .icons span.info{font-size:14px;} .tem02-beshare .icons span.phone{font-size:18px;opacity:.9;} .tem02-beshare .icons span.gotop{font-size:22px;opacity:.95;cursor:default;} .tem02-beshare .icons span.switch{display:none;} .tem01-float-inquire{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;} .tem01-float-inquire .tem01-float-inquire-alert{width:100%;height:100%;background-color:rgba(0,0,0,0.5);} .tem01-float-inquire .tem01-float-inquire-box{width:60%;background-color:#fff;border-radius:6px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);} .tem01-float-inquire .tem01-float-inquire-box .closebox{height:50px;padding:0 28px;cursor:pointer;border-bottom:1px solid #ddd;line-height:50px;text-align:right;font-size:24px;color:#999;} .tem01-float-inquire .tem01-float-inquire-box form{padding:30px;} .tem01-float-inquire .bv-form .help-block{position:static} .tem01-float-inquire .form-horizontal .has-feedback .form-control-feedback{line-height:34px} .tem01-float-inquire .jy_verificationcode .control-label{display:none} .tem01-float-inquire .jy_verificationcode{padding-left:17.5%} .tem01-float-inquire .form {padding:3% 3% 15px;} .tem01-float-inquire .form .form-group {margin-left:0!important;margin-right:0!important;} @media(max-width:768px){ .tem02-beshare{display:none} } .tem01-beshare{position:fixed;z-index:999;display:none} .show .tem01-beshare{display:block} .tem01-beshare li{margin-bottom:1px;overflow:hidden;position:relative} .tem01-beshare li a{display:block;overflow:hidden;transition:.5s ease 0s;color:#fff} .tem01-beshare li a span{display:block} .show.right .tem01-beshare{right:0!important;bottom:275px} .show.left .tem01-beshare{left:0!important;bottom:275px} @media(max-width:767px){ .show.right .tem01-beshare{bottom:65px;top:auto} .show .tem01-beshare{bottom:65px !important;top:auto !important;display:none;} .show .tem01-beshare span{width:35px;height:35px;line-height:35px;font-size:14px;} } @media(max-width:480px){ .tem01-float-inquire .tem01-float-inquire-box{width:80%;} } /* add Style */ .tem01-beshare.addClass{z-index:1059;display:none;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s;} .left .tem01-beshare.addClass{-webkit-transform-origin:bottom left;-moz-transform-origin:bottom left;-ms-transform-origin:bottom left;-o-transform-origin:bottom left;transform-origin:bottom left;} .right .tem01-beshare.addClass{-webkit-transform-origin:bottom right;-moz-transform-origin:bottom right;-ms-transform-origin:bottom right;-o-transform-origin:bottom right;transform-origin:bottom right;} .tem01-beshare.addClass.startAnimation{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;} .tem01-beshare.addClass{background-color:var(--main-color);} .tem01-beshare.addClass li a{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;} .tem01-beshare.addClass li .text{width:auto;padding-right:20px;text-transform:capitalize;font-size:14px;}