@charset "utf-8";

/*右边固定菜单.start*/
.box_right { position: fixed; bottom: 80px; right: 12px; width: 50px; height: 51px; z-index: 99; font-family: 'Microsoft yahei', sans-serif; }
.box_right .br_box_1 { position: relative; width: 50px; cursor: pointer; height: 50px; background: url("/public/images/box_right/icon_1.png") no-repeat center center; background-color: rgb(120, 120, 120); background-color: rgba(0, 0, 0, 0.6); }
.box_right .br_box_2 { position: relative; width: 50px; cursor: pointer; height: 50px; margin-top: 1px; overflow: visible; background: url("/public/images/box_right/feedback.png") no-repeat center center; background-color: rgb(120, 120, 120); background-color: rgba(0, 0, 0, 0.6); }
.box_right .br_box_3 { position: relative; width: 50px; cursor: pointer; height: 50px; margin-top: 1px; overflow: visible; background: url("/public/images/box_right/icon_3.png") no-repeat center center; background-color: rgb(120, 120, 120); background-color: rgba(0, 0, 0, 0.6); }
.box_right .br_box_1:hover, .box_right .br_box_2:hover, .box_right .br_box_3:hover { background-color: #909090; background-color: rgba(0, 0, 0, 0.5); }

.box_right .br_box_1 .box_1_show img,
.box_right .br_box_2 .box_2_show img,
.box_right .br_box_3 .box_3_show img { width: 150px; height: 150px; }

.box_right .br_box_1 .box_1_show { position: absolute; top: -26px; right: 65px; width: 150px; height: 170px; display: none; }
.box_right .br_box_1 .box_1_show span { display: block; line-height: 30px; font-size: 15px; color: #fff; text-align: center; }
.box_right .br_box_2 .box_2_show { position: absolute; top: 0; right: 65px; display: none; }
.box_right .br_box_2 .box_2_show span { padding-left: 10px; padding-right: 10px; text-align: center; color: #fff; font-size: 24px; display: block; white-space: nowrap; }
.box_right .br_box_3 .box_3_show { position: absolute; top: 0; right: 65px; display: none; }
.box_right .br_box_3 .box_3_show span { padding-left: 10px; padding-right: 10px; text-align: center; color: #fff; font-size: 24px; display: block; white-space: nowrap; }

.box_right .br_box_1:hover > .box_1_show { display: block; }
.box_right .br_box_2:hover > .box_2_show { display: block; }
.box_right .br_box_3:hover > .box_3_show { display: block; }

/*返回顶部移上去效果*/
.box_right .br_box_1 #goTop img:hover{ width: 50px; }
/*右边固定菜单.end*/

.box_right .triangle { position: absolute; right: -20px; top: 20px; border: 10px solid #909090; border: 10px solid rgba(0, 0, 0, 0.5); border-color:transparent transparent transparent #909090; border-color:transparent transparent transparent rgba(0, 0, 0, 0.5); border-style:solid; }
.box_right .box_1_show .triangle { top: 40px; }
.box_right .box_2_show .triangle { top: 50%; margin-top: -10px; }
.box_right .box_3_show .triangle { top: 50%; margin-top: -10px; }
.box_1_show, .box_2_show, .box_3_show { padding: 10px; border-radius: 8px;  background: #909090; background: rgba(0, 0, 0, 0.5);  }

@media screen and (max-width: 750px) {
    /*右边菜单*/
    .box_right { height: 50px !important; overflow: hidden; top: auto; right: 0 !important; bottom: 0 !important; opacity: 0.5; }
    .box_right .br_box_1 { display: none; }
    .box_right .br_box_2 { display: none; }
}