.container{ text-align: center; padding:40px 0px 50px 0px; background:#f0f0f0 !important; } .app,.aboutbe{ width: 1140px; margin: 0 auto; background: #fff; padding: 20px 30px; border-radius: 10px; font-size:14px; } .app>h2{ margin-bottom: 20px; font-size:20px !important; color:#515151 !important; text-align: center; font-weight: bold; } .content{ padding: 20px 0; text-align: left; position:relative; } .setscrollqrcode{ position:fixed; top:0; z-index:2; } #qrcode-box{ float: left; } .share-box{ position:absolute; bottom:0; right:0; font-size:14px; } .aboutbe{ margin:10px auto; } .clear{ display: none; position:relative; margin-top:40px; } .clear:after{ content:""; clear: both; display: block; } .btnbox{ padding:5px 0; text-align: right; } .btn{ outline: none; background: linear-gradient(to right, #ff9900, #ffb13d); background: -moz-linear-gradient(to right, #ff9900, #ffb13d); background: -ms-linear-gradient(to right, #ff9900, #ffb13d); background: -o-linear-gradient(to right, #ff9900, #ffb13d); background: linear-gradient(to right, #ff9900, #ffb13d); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ff9900',endcolorstr='#ffb13d',gradienttype='0'); -ms-filter: "progid:dximagetransform.microsoft.gradient(startcolorstr='#ff9900',endcolorstr='#ffb13d',gradienttype='0')"; color: #fff; width: 157px; height: 60px; line-height: 60px; font-size:22px; border: none; margin-right:-30px; } .printcon,.btn{ cursor: pointer; } .printcon:hover{ color:#049bf7; } .icon-dayinji{ color:#049bf7; font-weight: bold; } .sharefixed{ width:65px; height:190px; background:white; border-radius:8px; right:-70px; top:0px; } .sharefixed .shareto{ margin-top:20px; font-weight:bold; } .sharefixed .shareto,.sharefixed .social-share{ text-align: center; display: inline-block; } .topfixed{ position:fixed!important; }