a,abbr,address,b,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,menu,object,ol,p,pre,q,samp,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,ul,var {
  margin: 0;
  padding: 0;
  font-weight: 400
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
  display: block
}

li,ol,ul {
  list-style: none;
  list-style-image: none
}
img{
    max-width:100%;

}
fieldset,img {
  border: 0 none
}

b,strong {
  font-weight: 700
}

cite,em,i,th {
  font-style: normal
}

table {
  empty-cells: show
}

table,td,th {
  border-collapse: collapse
}
a,a:active,a:hover,a:link,a:visited {
  outline: 0;
  text-decoration: none
}

button,form,img,input,textarea {
  vertical-align: middle;

}

button,select {
  text-transform: none
}

button {
  overflow: visible;
  cursor: pointer
}

button[disabled],html input[disabled] {
  cursor: default
}

input[type=search] {
  box-sizing: content-box;
  -webkit-appearance: textfield
}

:-moz-placeholder,::-webkit-input-placeholder {
  color:#a9a9a9;
  font-size: 12px;
}

input[type=checkbox],input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  margin:0;
}

audio,canvas,progress,video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

sub,sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0
}

sup {
  top: -8px
}

sub {
  bottom: -4px
}

abbr[title] {
  border-bottom: 1px dotted
}

pre {
  overflow: auto
}

code,kbd,pre,samp {
  font-size: 1pc;
  font-family: monospace
}

body,html {
  height: 100%;
  text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none
}

body,button,html,input,select,textarea {
  font-family: microsoft yahei,Tahoma,Arial,Roboto,Droid Sans,Helvetica Neue,Droid Sans Fallback,Heiti SC,Hiragino Sans GB,Simsun,sans-self
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body{
  height: 100%;
}
 .floatingwindow{
            position:fixed;
            width:64px;
            height:84px;
            top:155px;
            right:0;
            background-color:#448DE8;
            text-align:center;
            color:#fff;
            padding-top:15px;
        }
        .sonfloat{
            position:absolute;
            width:150px;
            padding:20px;
            left:-155px;
            top:0;
            color:#333;
            background-color:#fff;
            display:none;
            box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
        }
        .floatingwindow:hover .sonfloat{
            /*display:block*/
        }
        .floatingwindow:hover{
            background-color:#448DE8;
            cursor:pointer;
        }
        .floatwindow {
            position: fixed;
            width: 64px;
            height: 84px;
            top: 250px;
            right: 0;
            background-color: #333;
            text-align: center;
            color: #fff;
            padding-top: 15px;
            display: none;
        }

            .floatwindow:hover {
                background-color: #448DE8;
                cursor:pointer;
            }
            .floatwindows{
                position: fixed;
            width: 200px;
            height: 64px;
            top: 345px;
            right: 0;
            background-color: rgba(68, 141, 232,1);
            text-align: center;
            color: #fff;
            font-size:30px;
            line-height:64px;
            border-radius:6px;
            cursor:pointer
            }