/* * { margin: 0px; padding: 0px; } */
div, ul, li, dt, dl, dd, h1, h2, h3, h4, h5, h6, h7, img, p, span { border-style: none; border-color: inherit; border-width: 0px; padding: 0; list-style-type: none; margin-left: auto; margin-top: 0; margin-bottom: 0; }


/* body ------------------------------*/
/* body { margin: 0; padding: 0; font-family: "Microsoft YaHei"; font-size: 16px; line-height: 30px; color: #313131; } */

/*right_layer*/

/* 整体位置样式 */
.right_layer { width: 70px; height: auto !important; min-height: 50px; float: right; display: block; position: fixed; _position: absolute; z-index: 88; right: 10px; bottom: 180px; }


/* 边框样式 */
.right_layer ul { float: left; }
.right_layer ul li { width: 68px; height: 68px; float: left; margin-top: 5px; background: #313751; border: 1px solid #ccc; position: relative; z-index: 900; }

/* 图片样式 */
.right_layer ul li img.fimg1 { width: 26px; display: block; margin: 10px auto 5px auto; }
.right_layer ul li img.fimg2 { width: 26px; display: none; margin: 10px auto 5px auto; }

/* 字体样式 */
.right_layer ul li font { width: 100%; float: left; margin: 0; height: 20px; font-size: 14px; color: white; text-align: center; font-weight: normal; line-height: 20px; text-decoration: none; overflow: hidden; }

/* 鼠标移入背景颜色 */
.right_layer ul li:hover { width: 68px; height: 68px; float: left; margin-top: 5px; background: #313751; border: 1px solid #3c606c; position: relative; z-index: 900; }

/* 鼠标移入文字颜色 */
.right_layer ul li:hover font { color: #fff; }

.right_layer ul li .rwx { width: 140px; height: 140px; float: left; display: block; display: none\9; position: absolute; z-index: 990; right: 76px; top: 0; margin-top: -60px; background: #fff; border: 1px solid #ccc; display: none\9; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transform: scale(0.0,0.0); -webkit-transform: scale(0.0,0.0); }
.right_layer ul li:hover .rwx { width: 140px; height: 140px; float: left; display: block; position: absolute; z-index: 190; right: 76px; top: 0; margin-top: -30px; background: #fff; border: 1px solid #3c606c; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }

.right_layer ul li .r_kefu { width: 260px; height: 70px; float: left; display: block; position: absolute; z-index: 90; right: 50px; top: 0; margin-top: -1px; margin-right: -370px; background: #ccc; font-size: 20px; color: #3c606c; text-align: center; font-weight: normal; line-height: 70px; display: none\9; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.right_layer ul li:hover .r_kefu { width: 260px; height: 70px; float: left; display: block; position: absolute; z-index: 99; right: 68px; top: 0; margin-top: -1px; margin-right: 0px; background: #313751; font-size: 20px; color: #ffffff; text-align: center; font-weight: normal; line-height: 70px; display: none\9; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

