/*Ðü¸¡*/
.yg-xf { width: 70px; height: 100%; background: url(/images/new_images/xf-bg.png) repeat-y; position: fixed; top: 0px; right: 0px; z-index: 100; }
.yg-xf .yg-xf-box { width: 57px; height: 543px; position: absolute; top: -138px; bottom: 0px; right: 0px; margin: auto; }
.yg-xf .yg-xf-box .yg-xf-item { padding: 29px 0; border-top: 1px solid #bbb; font-size: 0px; text-align: center; position: relative; margin: 0 2px; }
.yg-xf .yg-xf-box .yg-xf-item a { display: block; }
.yg-xf .yg-xf-box .yg-xf-item:first-child { border-top: 0px; }
.yg-xf .yg-xf-box .yg-xf-item i { width: 25px; height: 29px; display: block; margin: auto; background-image: url(/images/new_images/xf-icon.png); background-repeat: no-repeat; }
.yg-xf .yg-xf-box .yg-xf-item span { display: block; font-size: 14px; color: #666; margin-top: 10px; }
.yg-xf .yg-xf-box .yg-xf-item:hover { cursor: pointer; }
.yg-xf .yg-xf-box .yg-xf-item:hover span { color: #008989; }
.yg-xf .yg-xf-box .yg-xf-item i.xf-icon-01 { background-position: 0px 0; }
.yg-xf .yg-xf-box .yg-xf-item:hover i.xf-icon-01 { background-position: 0 -29px; }
.yg-xf .yg-xf-box .yg-xf-item i.xf-icon-02 { background-position: -30px 0; }
.yg-xf .yg-xf-box .yg-xf-item:hover i.xf-icon-02 { background-position: -30px -29px; }
.yg-xf .yg-xf-box .yg-xf-item i.xf-icon-03 { background-position: -59px 0; }
.yg-xf .yg-xf-box .yg-xf-item:hover i.xf-icon-03 { background-position: -59px -29px;; }
.yg-xf .yg-xf-box .yg-xf-item i.xf-icon-05 { background-position: -89px 0; }
.yg-xf .yg-xf-box .yg-xf-item:hover i.xf-icon-05 { background-position: -89px -29px; }

.yg-xf .yg-xf-box .yg-xf-item i.xf-icon-06 { background-position: -116px 0; }
.yg-xf .yg-xf-box .yg-xf-item:hover i.xf-icon-06 { background-position: -116px -29px; }

.yg-xf .yg-xf-box .yg-xf-item .yg-xf-content { width: 190px; position: absolute; right: 67px; color: #666; background: #fff; border: 1px solid #c6e5e9; box-shadow: 0 0 10px rgba(0,0,0,0.15); border-radius: 10px; }

.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content { top: 0px; font-size: 14px; display: none; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy.hover .yg-xf-content { display: block; -webkit-animation-name: slideRight; animation-name: slideRight; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-yy-title { height: 35px; line-height: 35px; font-size: 12px; background: #50aab5; border-radius: 10px 10px 0 0; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-yy-title img { width: 19px; height: 19px; display: inline-block; vertical-align: middle; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-yy-title em { font-style: normal; color: #fff; display: inline-block; vertical-align: middle; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-inputradio { margin-top: 5px; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content input,.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-inputradio input { outline: none; margin: 0px; color: #999; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-inputradio p { display: inline-block; vertical-align: middle; margin: 0px; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-yy-form { padding: 0 10px; text-align: left; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .input { margin: 5px 0; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-inputradio .xf-input-p { width: 55px; height: 29px; line-height: 29px; vertical-align: middle; padding: 0 10px; border: 1px solid #018989; border-radius: 5px; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-input input { width: 145px; border: 1px solid #018989; height: 29px; line-height: 29px; vertical-align: middle; padding: 0 10px; border-radius: 5px; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-code input { width: 145px; height: 29px; line-height: 29px; vertical-align: middle; padding: 0 10px; border: 1px solid #018989; border-radius: 5px 0 0 5px; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content select { width: 167px; padding: 5px 7px; border: 1px solid #018989; outline: none; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-inputradio .xf-radio { margin: 0px; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-inputradio p { position: relative; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-inputradio p input { width: 39px; height: 29px; position: absolute; top: 0px; left: -5px; opacity: 0; filter: alpha(opacity=0); z-index: 1; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-inputradio p label { margin-left: 11px; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-inputradio p span { width: 7px; height: 7px; border: 1px solid #018989; border-radius: 2px; position: absolute; top: 0px; bottom: 0px; left: 0px; margin: auto; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-inputradio p span.active { background: #018989; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-select { position: relative; border-radius: 5px; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-select .xf-select-normal { width: 130px; height: 27px; line-height: 29px; padding: 0 10px; border: 1px solid #018989; color: #999; position: relative; border-radius: 5px 0 0 5px; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-select .xf-select-normal:after { content: ""; width: 17px; height: 29px; background: url(/images/new_images/xf-select-arrow.png) no-repeat; position: absolute; top: -1px; right: -16px; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-select .xf-select-option { width: 165px; position: absolute; top: 32px; left: 0px; background: #fff; border: 1px solid #018989; color: #000; border-radius: 5px; display: none; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-select .xf-select-option span { height: 29px; line-height: 29px; margin: 0px; padding: 0 10px; display: block; color: #000; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-select .xf-select-option span:hover { color: #fff; background: #59aab5; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-select .xf-select-option.hover { display: block; z-index: 1; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-yy .yg-xf-content .xf-select:after { content: ""; width: 100%; height: 32px; position: absolute; top: 0px; left: 0px; display: block; }

.yg-xf .yg-xf-box .yg-xf-item.yg-xf-contact .yg-xf-content { width: 190px; position: absolute; top: -17px; color: #666; background: #fff; border: 1px solid #c6e5e9; box-shadow: 0 0 10px rgba(0,0,0,0.15); display: none; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-contact .yg-xf-content p { margin: 10px auto; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-contact .yg-xf-content p img { width: 19px; height: 19px; display: inline-block; vertical-align: middle; margin-right: 10px; border: 0px; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-contact .yg-xf-content p em { width: 136px; display: inline-block; vertical-align: middle; font-style: normal; font-size: 12px; text-align: left; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-contact:hover .yg-xf-content { display: block; -webkit-animation-name: slideRight; animation-name: slideRight; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.yg-xf .yg-xf-box .yg-xf-item .yg-xf-content p a { color: #666; text-decoration: none; }
.yg-xf .yg-xf-box .yg-xf-item:after { content: ""; width: 67px; height: 100%; position: absolute; top: 0px; right: 0px; display: block; }
@keyframes slideRight { from { transform: translate3d(-25px, 0, 0); opacity: 0; visibility: visible; } to { transform: translate3d(0, 0, 0); opacity: 1; } }
.yg-xf .yg-xf-box .yg-xf-item .yg-xf-content .xf-code { position: relative; }
.yg-xf .yg-xf-box .yg-xf-item .yg-xf-content .xf-code img { width: 75px; height: 29px; position: absolute; top: 1px; right: 3.9px; }
.yg-xf .yg-xf-box .yg-xf-item .yg-xf-content .xf-btn { margin-top: 10px; text-align: center; }
.yg-xf .yg-xf-box .yg-xf-item .yg-xf-content .xf-btn a { width: 125px; height: 29px; line-height: 29px; display: block; text-decoration: none; color: #fff; background: #50aab5; text-align: center; margin: auto; border-radius: 5px; }
.yg-xf .yg-xf-box .yg-xf-item .xf-text-scroll { height: 145px; overflow: hidden; margin-top: 10px; padding: 0 10px; text-align: center; }
.yg-xf .yg-xf-box .yg-xf-item .xf-text-scroll ul { padding: 0px; margin: 0px; list-style: none; }
.yg-xf .yg-xf-box .yg-xf-item .xf-text-scroll ul li { height: 25px; line-height: 25px; font-size: 12px; overflow: hidden; }

.yg-xf .yg-xf-box .yg-xf-item.yg-xf-wxwb .yg-xf-content { width: 158px; padding: 20px 10px; top: -225.5px; display: none; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-wxwb:hover .yg-xf-content { display: block; -webkit-animation-name: slideRight; animation-name: slideRight; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-wxwb .yg-xf-content p { /*width: 50%;*/ /*display: inline-block;*/ vertical-align: top; margin: 0px; text-align: center; }
.yg-xf .yg-xf-box .yg-xf-item.yg-xf-wxwb .yg-xf-content p em { font-style: normal; display: block; text-align: center; font-size: 14px; color: #999; margin-top: 10px; }