html { width: 100%; height: 100%; overflow: hidden; }
body { width: 100%; height: 100%; overflow: hidden; position: relative; }
.Borain_sceneIframe { display: block; width: 100%; height: 100%; position: fixed; }
.serverData { display: none; }
.Borain_Body { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
/*滚动条样式*/
.scrollBar { width: 10px; height: 100%; top: 0px; right: 1%; border-radius: 5px 5px 5px 5px; position: absolute; overflow: hidden; }
.scrollBar .scrollBarBackground { width: 100%; height: 100%; top: 0px; right: 0px; background-image: url(../images/Tool_scrollBarCenter.png); background-repeat: repeat-y; background-position: center center; position: absolute; }
.scrollBar .scrollBarOperate { width: 100%; height: 40px; border-radius: 5px 5px 5px 5px; background-image: url(../images/Tool_scrollBarOperate.png); background-repeat: repeat-y; background-position: center center; position: absolute; overflow: hidden; cursor: pointer; }
.scrollBar .scrollBarOperate:hover { background-image: url(../images/Tool_scrollBarOperateHover.png); }
.scrollBar .scrollBarOperate:active { background-image: url(../images/Tool_scrollBarOperateActive.png); }
/*用户信息*/
.Borain_UserInfo { width: 285px; height: 162px; top: 10px; left: 10px; position: absolute; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
/*展示的基本信息*/
.Borain_UserInfo .headerImageBackground { width: 38.6%; height: 69%; background-image: url(../images/UserInfo_headerImageBackground.png); background-repeat: no-repeat; position: absolute; background-size: 100% 100%; }
.Borain_UserInfo .headerImage { width: 86.364%; height: 86.364%; top: 6.818%; left: 6.818%; border-radius: 50%; background-image: url(../images/UserInfo_defaultHeaderImage.jpg); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
.Borain_UserInfo .information { width: 57.894%; height: 69%; left: 42.105%; top: 0px; position: absolute; }
.Borain_UserInfo .information .info { width: 80%; height: 63.6363%; top: 16%; left: 17%; background-image: url(../images/UserInfo_info.png); background-repeat: no-repeat; background-size: 100% 100%; padding: 2% 0px 0px 6.2%; position: absolute; overflow: hidden; }
.Borain_UserInfo .information .info .key { display: block; height: 100%; top: 0px; left: 10%; color: #D8B37D; text-align: left; line-height: 2; position: absolute; }
.Borain_UserInfo .information .info .val { display: block; height: 100%; top: 0px; left: 50%; color: #E4E4E4; text-align: left; line-height: 2; position: absolute; }
.Borain_UserInfo .information .nickname { width: 100%; height: 30%; top: 0px; left: 0px; position: absolute; }
.Borain_UserInfo .information .nickname .nickname_icon { width: 20%; height: 100%; top: 0px; background-image: url(../images/UserInfo_nicknameIcon.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
.Borain_UserInfo .information .family { width: 100%; height: 30%; top: 34.5454%; left: 0px; position: absolute; }
.Borain_UserInfo .information .family .family_icon { width: 20%; height: 100%; top: 0px; background-image: url(../images/UserInfo_familyIcon.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
.Borain_UserInfo .information .bless { width: 100%; height: 30%; top: 69.0909%; left: 0px; position: absolute; }
.Borain_UserInfo .information .bless .bless_icon { width: 20%; height: 100%; top: 0px; left: 0px; background-image: url(../images/UserInfo_blessIcon.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
/*地图信息*/
.Borain_MapInfo { width: 286px; height: 247px; top: 0px; right: 0px; position: absolute; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
/*地图实况信息*/
.Borain_MapInfo .toolbar { width: 9.0909%; height: 100%; top: 0px; left: 0px; position: absolute; }
.Borain_MapInfo .toolbar .toolbarVolume { width: 100%; height: 61.8962%; top: 0px; left: 0px; position: absolute; }
.Borain_MapInfo .toolbar .toolbarVolume .buttons { width: 100%; height: 100%; }
.Borain_MapInfo .toolbar .toolbarVolume .buttons .zoomPlus { display: block; width: 100%; height: 17.2164%; background-image: url(../images/MapInfo_zoomPlus.png); background-repeat: no-repeat; background-size: 100% 100%; text-align: center; cursor: pointer; }
.Borain_MapInfo .toolbar .toolbarVolume .buttons .zoomPlus:hover { background-image: url(../images/MapInfo_zoomPlusHover.png); }
.Borain_MapInfo .toolbar .toolbarVolume .buttons .dragLine { width: 7.6923%; height: 65%; top: 17.2164%; left: 46.1538%; background-color: #976A32; position: absolute; }
.Borain_MapInfo .toolbar .toolbarVolume .buttons .dragLine .line { width: 7.6923%; height: 29.7671%; top: 36.6164%; left: 46.1538%; background-color: #4c4437; position: absolute; }
.Borain_MapInfo .toolbar .toolbarVolume .buttons .dragLine .draggableButton { width: 600%; height: 2%; top: 83.6986%; right: -250%; background-color: #CAA36A; position: absolute; }
.Borain_MapInfo .toolbar .toolbarVolume .buttons .zoomMinus { width: 100%; height: 17.2164%; top: 82.1835%; left: 0px; background-image: url(../images/MapInfo_zoomMinus.png); background-repeat: no-repeat; background-size: 100% 100%; text-align: center; position: absolute; cursor: pointer; }
.Borain_MapInfo .toolbar .toolbarVolume .buttons .zoomMinus:hover { background-image: url(../images/MapInfo_zoomMinusHover.png); }
.Borain_MapInfo .toolbar .toolbarAbstract { width: 100%; height: 24.9816%; top: 63.2%; left: 0px; background-image: url(../images/MapInfo_bigEvent.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_MapInfo .toolbar .toolbarAbstract:hover { background-image: url(../images/MapInfo_bigEventHover.png); }
.Borain_MapInfo .toolbar .toolbarAbstract a { display: block; width: 100%; height: 100%; }
.Borain_MapInfo .mapLlocation { width: 89.8601%; height: 100%; top: 0px; right: 0px; position: absolute; }
.Borain_MapInfo .mapLlocation .theMap { width: 100%; height: 60.2660%; position: absolute; }
.Borain_MapInfo .mapLlocation .theMap .mapTop { width: 100%; height: 1.9867%; top: 0px; left: 0px; background-image: url(../images/PhotoShow_boxTopBottom.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
.Borain_MapInfo .mapLlocation .theMap .mapRight { width: 1.1673%; height: 100%; top: 0px; right: 0px; background-image: url(../images/PhotoShow_boxLeftRight.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
.Borain_MapInfo .mapLlocation .theMap .mapBottom { width: 100%; height: 1.9867%; bottom: 0px; left: 0px; background-image: url(../images/PhotoShow_boxTopBottom.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
.Borain_MapInfo .mapLlocation .theMap .mapLeft { width: 1.1673%; height: 100%; top: 0px; left: 0px; background-image: url(../images/PhotoShow_boxLeftRight.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
.Borain_MapInfo .mapLlocation .theMap .mapImg { width: 97.6653%; height: 96.0264%; top: 1.9867%; left: 1.1673%; background-color: #CAA36A; background-image: url(../images/MapInfo_defaultMap.jpg); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; overflow: hidden; }
.Borain_MapInfo .mapLlocation .theMap .mapToponym { display: block; height: 19%; top: -19%; right: 0px; font-size: 14px; color: #F0D6B1; background-color: #9E7138; text-align: center; line-height: 1.8; padding: 0px 10px 0px 10px; position: absolute; }
.Borain_MapInfo .mapLlocation .mapName { width: 100%; height: 18%; top: 60.2660%; left: 0px; background-image: url(../images/MapInfo_mapName.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
.Borain_MapInfo .mapLlocation .mapName .mapNameInfo { display: block; width: 100%; height: 50%; top: 0px; left: 0px; text-align: center; position: absolute; }
.Borain_MapInfo .mapLlocation .mapName .mapNameInfo span { color: #F0D6B1; line-height: 2; }
.Borain_MapInfo .mapLlocation .mapName .mapNameOther { display: block; width: 100%; height: 50%; top: 50%; left: 0px; text-align: center; position: absolute; }
.Borain_MapInfo .mapLlocation .mapName .mapNameOther span { color: #F0D6B1; line-height: 1; }
.Borain_MapInfo .mapLlocation .mapTime { width: 100%; height: 10.0917%; top: 78.2%; left: 0px; background-image: url(../images/MapInfo_mapTime.png); background-repeat: no-repeat; background-size: 100% 100%; line-height: 2; position: absolute; }
.Borain_MapInfo .mapLlocation .mapTime .mapCurrentTime { display: block; width: 100%; height: 100%; color: #503512; text-align: center; }
.Borain_MapInfo .mapLlocation .mapTime .mapCurrentTime span { color: #503512; margin: 0px 0px 0px 2%; }
.Borain_MapInfo .mapLlocation .mapButtomot { width: 100%; height: 11.7408%; position: absolute; left: 0px; top: 88.2591%; }
.Borain_MapInfo .mapLlocation .mapButtomot .toolbarMute { display: block; width: 10%; height: 90.6551%; bottom: 0px; left: 0px; position: absolute; cursor: pointer; }
.Borain_MapInfo .mapLlocation .mapButtomot .toolbarMute .mute { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_MapInfo .mapLlocation .mapButtomot .toolbarMute .on { background-image: url(../images/MapInfo_voiceControlOn.png); }
.Borain_MapInfo .mapLlocation .mapButtomot .toolbarMute .on:hover { background-image: url(../images/MapInfo_voiceControlOnHover.png); }
.Borain_MapInfo .mapLlocation .mapButtomot .toolbarMute .off { background-image: url(../images/MapInfo_voiceControlOff.png); }
.Borain_MapInfo .mapLlocation .mapButtomot .toolbarMute .off:hover { background-image: url(../images/MapInfo_voiceControlOffHover.png); }
.Borain_MapInfo .mapLlocation .mapButtomot .photoAlbum { display: block; width: 18.0839%; height: 90.6551%; bottom: 0px; left: 12%; font-size: 0; background-image: url(../images/MapInfo_photoAlbum.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_MapInfo .mapLlocation .mapButtomot .photoAlbum:hover { background-image: url(../images/MapInfo_photoAlbumHover.png); }
.Borain_MapInfo .mapLlocation .mapButtomot .follow { display: block; width: 22.5839%; height: 90.6551%; bottom: 0px; left: 32%; font-size: 0; background-image: url(../images/MapInfo_follow.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_MapInfo .mapLlocation .mapButtomot .follow:hover { background-image: url(../images/MapInfo_followHover.png); }
.Borain_MapInfo .mapLlocation .mapButtomot .follow { display: block; width: 22.5839%; height: 90.6551%; bottom: 0px; left: 32%; font-size: 0; background-image: url(../images/MapInfo_follow.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_MapInfo .mapLlocation .mapButtomot .follow:hover { background-image: url(../images/MapInfo_followHover.png); }
.Borain_MapInfo .mapLlocation .mapButtomot .cancelAttention { background-image: url(../images/MapInfo_cancelAttention.png); }
.Borain_MapInfo .mapLlocation .mapButtomot .cancelAttention:hover { background-image: url(../images/MapInfo_cancelAttentionHover.png); }
/*通知公告*/
.Borain_MessageInfo { width: 310px; height: 200px; bottom: 0px; left: 0px; border-radius: 0 5% 0 0; background-color: #000000; position: absolute; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; overflow: hidden; }
.Borain_MessageInfo .messageBar { width: 100%; height: 15%; }
.Borain_MessageInfo .messageBar .messageBarUl { display: block; width: 100%; height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.Borain_MessageInfo .messageBar .messageBarUl li { display: block; width: 25%; height: 100%; background-color: #000000; float: left; cursor: pointer; }
.Borain_MessageInfo .messageBar .messageBarUl .messageBarLi { background-color: #996C33; }
.Borain_MessageInfo .messageBar .messageBarUl li a { display: block; width: 100%; height: 100%; color: #FFFFFF; text-align: center; line-height: 2.5; }
.Borain_MessageInfo .messageBar .messageBarUl li a:hover { background-color: #E8952B; text-decoration: none; }
.Borain_MessageInfo .messageBar .messageBarUl li.hover { background-color: transparent; }
.Borain_MessageInfo .messageBar .messageBarUl li.hover a:hover { color: #E8952B; background-color: transparent; text-decoration: none; }
.Borain_MessageInfo .messageContainer { display: block; width: 100%; height: 66.5%; position: relative; overflow: hidden; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.Borain_MessageInfo .messageContainer .messageContent { display: none; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.Borain_MessageInfo .messageContainer .messageContent p { display: block; width: 90%; color: #F5AA4C; padding: 0px 2% 0px 2%; }
.Borain_MessageInfo .messageContainer .messageContent.hover { display: block; }
.Borain_MessageInfo .scrollBar { height: 60.5%; top: 18%; right: 2%; }
.Borain_MessageInfo .writeMessage { width: 100%; height: 17.5%; bottom: 0px; background-color: #996C33; position: absolute; }
.Borain_MessageInfo .writeMessage .fieldText { width: 64.5161%; height: 60%; border-radius: 8px; background-color: #FFDF9E; padding: 2px 3px 2px 3px; margin: 1% 0px 1% 3.2258%; outline: medium; color:#000000; font-size:14px; }
.Borain_MessageInfo .writeMessage .Mysubmit { display: block; width: 16.1290%; height: 71.4285%; top: 15%; left: 72%; color: #A26D30; border-radius: 6px 6px 6px 6px; background-color: #C5AD7A; text-align: center; line-height: 2; position: absolute; cursor: pointer; }
.Borain_MessageInfo .writeMessage .Mysubmit:hover { color: #FFFFFF; background-color: #EFB56B; text-decoration: none; }
.Borain_MessageInfo .writeMessage .renovate { display: block; width: 8.0645%; height: 71.4285%; top: 15%; left: 90%; background-image: url(../images/MessageInfo_renovate.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_MessageInfo .writeMessage .renovate:hover { background-image: url(../images/MessageInfo_renovateHover.png); }
/*底部操作栏*/
.Borain_Festival { width: 792px; height: 99px; bottom: 0px; left: 564px; background-image: url(../images/Festival_background.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
.Borain_Festival .chineseTypeWorship { width: 60.2951%; height: 65.6565%; top: 22.2222%; right: 13.2158%; position: absolute; }
.Borain_Festival .chineseTypeWorship li { width: 28%; height: 100%; float: left; margin: 0px 0.1% 0px 0.1%; position: relative; }
.Borain_Festival .chineseTypeWorship li a { display: block; width: 86.4197%; height: 100%; top: 0px; left: 5px; position: absolute; }
.Borain_Festival .chineseTypeWorship li .flowers { background-image: url(../images/Festival_flowers.png); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; }
.Borain_Festival .chineseTypeWorship li .flowers:hover { background-image: url(../images/Festival_flowersHover.png); background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_Festival .chineseTypeWorship li .worship { background-image: url(../images/Festival_worship.png); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; }
.Borain_Festival .chineseTypeWorship li .worship:hover { background-image: url(../images/Festival_worshipHover.png); background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_Festival .chineseTypeWorship li .sweep { background-image: url(../images/Festival_sweep.png); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; }
.Borain_Festival .chineseTypeWorship li .sweep:hover { background-image: url(../images/Festival_sweepHover.png); background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_Festival .chineseTypeWorship li .kowtow { background-image: url(../images/Festival_kowtow.png); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; }
.Borain_Festival .chineseTypeWorship li .kowtow:hover { background-image: url(../images/Festival_kowtowHover.png); background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_Festival .chineseTypeWorship li .mourn { background-image: url(../images/Festival_mourn.png); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; }
.Borain_Festival .chineseTypeWorship li .mourn:hover { background-image: url(../images/Festival_mournHover.png); background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_Festival .chineseTypeWorship li .knapsack { background-image: url(../images/Festival_knapsack.png); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; }
.Borain_Festival .chineseTypeWorship li .knapsack:hover { background-image: url(../images/Festival_knapsackHover.png); background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_Festival .chineseTypeWorship li .burningIncense { background-image: url(../images/Festival_burningIncense.png); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; }
.Borain_Festival .chineseTypeWorship li .burningIncense:hover { background-image: url(../images/Festival_burningIncenseHover.png); background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_Festival .returnHome { width: 4.4368%; height: 60.6060%; top: 38.3838%; left: 88.5110%; background-image: url(../images/Festival_returnHome.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_Festival .returnHome:hover { background-image: url(../images/Festival_returnHomeHover.png); }
.Borain_Festival .myHome { width: 4.4368%; height: 60.6060%; top: 38.3838%; left: 94.5110%; background-image: url(../images/Festival_myHome.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_Festival .myHome:hover { background-image: url(../images/Festival_myHomeHover.png); }
/*设置*/
.Borain_SettingButton { width: 78px; height: 65px; right: 10px; bottom: 10px; background-image: url(../images/SettingButton_background.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_SettingButton:hover { background-image: url(../images/SettingButton_backgroundHover.png); }
/*设置弹窗*/
.Borain_SettingPopup { display: none; width: 318px; height: 183px; background-image: url(../images/SettingPopup_background.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.Borain_SettingPopup .popupTitle { width: 100%; height: 27.9503%; background-image: url(../images/SettingPopup_title.png); background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_SettingPopup .close { display: block; width: 9.8050%; height: 17.3913%; top: -10px; right: -10px; border-radius: 50%; background-image: url(../images/SettingPopup_close.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_SettingPopup .close:hover { background-image: url(../images/SettingPopup_closeHover.png); }
.Borain_SettingPopup .sliderset { height: 49.6894%; width: 86.4779%; top: 27.9503%; left: 6.2893%; position: absolute; }
.Borain_SettingPopup .sliderset .sound { width: 100%; height: 20%; margin: 6.5590% 0px 0px 0px; }
.Borain_SettingPopup .sliderset .sound .soundTitle { color: #AD7B3C; float: left; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.Borain_SettingPopup .sliderset .sound .slider { width: 88.7272%; height: 16px; right: 0px; background-image: url(../images/SettingPopup_barBackground.png); background-repeat: no-repeat; background-size: 100% 100%; position: relative; position: absolute; cursor: pointer; }
.Borain_SettingPopup .sliderset .sound .slider .soundSlider { width: 5px; height: 12px; top: 2px; right: 0px; background-image: url(../images/SettingPopup_barButton.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_SettingPopup .sliderset .sound .slider .soundSlider:hover { background-image: url(../images/SettingPopup_barButtonHover.png); }
.Borain_SettingPopup .sliderset .music { width: 100%; height: 20%; margin: 2.5% 0px 0px 0px; }
.Borain_SettingPopup .sliderset .music .soundTitle { color: #AD7B3C; float: left; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.Borain_SettingPopup .sliderset .music .slider { width: 88.7272%; height: 16px; right: 0px; background-image: url(../images/SettingPopup_barBackground.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_SettingPopup .sliderset .music .slider .soundSlider { width: 5px; height: 12px; top: 2px; right: 0px; background-image: url(../images/SettingPopup_barButton.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_SettingPopup .sliderset .music .slider .soundSlider:hover { background-image: url(../images/SettingPopup_barButtonHover.png); }
.Borain_SettingPopup .sliderset .pellucidity { width: 100%; height: 20%; margin: 2.5% 0px 0px 0px; }
.Borain_SettingPopup .sliderset .pellucidity .soundTitle { color: #AD7B3C; float: left; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.Borain_SettingPopup .sliderset .pellucidity .slider { width: 88.7272%; height: 16px; right: 0px; background-image: url(../images/SettingPopup_barBackground.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_SettingPopup .sliderset .pellucidity .slider .soundSlider { width: 5px; height: 12px; top: 2px; right: 0px; background-image: url(../images/SettingPopup_barButton.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_SettingPopup .sliderset .pellucidity .slider .soundSlider:hover { background-image: url(../images/SettingPopup_barButtonHover.png); }
.Borain_SettingPopup .picture { height: 15%; width: 86.4779%; top: 72.9503%; left: 6.2893%; position: absolute; }
.Borain_SettingPopup .picture .quality { color: #AD7B3C; width: 10%; position: absolute; top: 23%; left: 0px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.Borain_SettingPopup .picture .qualityList { display: block; width: 90%; position: absolute; left: 10%; top: 23%; }
.Borain_SettingPopup .picture .qualityList .qualityItem { display: block; margin: 0px 0px 0px 6%; float: left; cursor: pointer; }
.Borain_SettingPopup .picture .qualityList .qualityItem .checkbox { display: block; height: 14px; color: #AD7B3C; background-image: url(../images/SettingPopup_checkbox.jpg); background-repeat: no-repeat; background-position: left center; line-height: 14px; padding: 0px 0px 0px 16px; cursor: pointer; }
.Borain_SettingPopup .picture .qualityList .qualityItem .checkbox:hover { color: #FFFFFF; text-decoration: none; }
.Borain_SettingPopup .picture .qualityList .qualityItem .checked { background-image: url(../images/SettingPopup_checkboxChecked.jpg); }
.Borain_SettingPopup .option { width: 86%; left: 7%; bottom: 5%; text-align: center; position: absolute; }
.Borain_SettingPopup .option .qualityItem { display: block; height: 12px; float: left; margin: 0px 4.5% 0px 1%; }
.Borain_SettingPopup .option .qualityItem .checkbox { display: block; height: 14px; color: #AD7B3C; background-image: url(../images/SettingPopup_checkbox.jpg); background-repeat: no-repeat; background-position: left center; line-height: 14px; padding: 0px 0px 0px 16px; cursor: pointer; }
.Borain_SettingPopup .option .qualityItem .checkbox:hover { color: #FFFFFF; text-decoration: none; }
.Borain_SettingPopup .option .qualityItem .checked { background-image: url(../images/SettingPopup_checkboxChecked.jpg); }
/*音乐标签*/
#pageBackgroundMusic { display: none; }
/*百宝箱弹出窗口*/
.Borain_KnapsackPopup { display: none; width: 260px; height: 430px; top: 260px; right: 0px; border-radius: 5% 5% 5% 5%; background-color: #DFC8A1; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.Borain_KnapsackPopup .borderLeft { width: 1.1538%; height: 96.279%; top: 0px; left: 0px; background-image: url(../images/PhotoShow_boxLeftRight.png); background-repeat: repeat-y; position: absolute; }
.Borain_KnapsackPopup .borderRight { width: 1.1538%; height: 96.279%; top: 0px; right: 0px; background-image: url(../images/PhotoShow_boxLeftRight.png); background-repeat: repeat-y; position: absolute; }
.Borain_KnapsackPopup .borderBottom { width: 88.4615%; height: 0.6976%; right: 6.1538%; bottom: 0px; background-image: url(../images/PhotoShow_boxTopBottom.png); background-repeat: repeat-x; position: absolute; }
.Borain_KnapsackPopup .filletLeft { width: 6.1538%; height: 3.72%; bottom: 0px; left: 0px; background-image: url(../images/KnapsackPopup_filletLeft.png); background-size: 100% 100%; position: absolute; }
.Borain_KnapsackPopup .filletRight { width: 6.1538%; height: 3.72%; right: 0px; bottom: 0px; background-image: url(../images/KnapsackPopup_filletRight.png); background-size: 100% 100%; position: absolute; }
.Borain_KnapsackPopup .title { width: 100%; height: 10.4651%; background-image: url(../images/KnapsackPopup_title.png); background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_KnapsackPopup .close { width: 10.7692%; height: 6.5116%; top: -10px; left: -10px; border-radius: 50% 50% 50% 50%; background-image: url(../images/SettingPopup_close.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_KnapsackPopup .close:hover { background-image: url(../images/SettingPopup_closeHover.png); }
.Borain_KnapsackPopup .forms { width: 97.6923%; height: 79.7674%; top: 10.4651%; left: 1.1538%; position: absolute; }
.Borain_KnapsackPopup .forms .formsMasthead { height: 10.2040%; background-image: url(../images/KnapsackPopup_formsMastheadBackground.png); background-repeat: repeat-x; padding: 0px 1.7559% 0px 1.7559%; }
.Borain_KnapsackPopup .forms .formsMasthead li { width: 24.4251%; height: 100%; float: left; position: relative; }
.Borain_KnapsackPopup .forms .formsMasthead li a { display: block; width: 92.4369%; height: 45.7142%; text-align: center; text-decoration: none; padding: 10.84% 0px 10.84% 0px; margin: 15.7645% 0px 0px 0px; cursor: pointer; }
.Borain_KnapsackPopup .forms .formsMasthead li a:hover { color: #996C33; background-image: url(../images/KnapsackPopup_formsPitch.png); background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_KnapsackPopup .forms .formsMasthead li .formsPitch { color: #996C33; background-image: url(../images/KnapsackPopup_formsPitch.png); background-repeat: no-repeat; background-size: 100% 100%; }
.formsMastheadHover { color: #996C33; background-image: url(../images/KnapsackPopup_formsPitch.png); background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_KnapsackPopup .forms .formsGift { width: 100%; height: 89.7959%; position: relative; overflow: hidden; }
.Borain_KnapsackPopup .forms .formsGift ul { display: none; width: 96.8503%; height: 100%; padding: 0px 0px 0px 2px; }
/*百宝箱里的背包样式*/
.Borain_KnapsackPopup .forms .formsGift ul li { width: 22.3577%; height: 17.8571%; border-radius: 5px 5px 5px 5px; background-image: url(../images/KnapsackPopup_knapsackBackground.png); background-repeat: no-repeat; background-size: 100% 100%; float: left; margin: 2.7480% 0px 0px 2.4690%; position: relative; overflow: hidden; cursor: pointer; }
.Borain_KnapsackPopup .forms .formsGift ul li .productImage { display: block; width: 100%; height: 100%; background-image: url(../images/KnapsackPopup_defaultProductImage.jpg); background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_KnapsackPopup .forms .formsGift ul li .productMask { display: none; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #000000; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; position: absolute; }
.Borain_KnapsackPopup .forms .formsGift ul li .productNumber { min-width: 20px; height: 20px; right: 2px; bottom: 2px; color: #FFFFFF; text-align: center; line-height: 20px; position: absolute; cursor: default; }
.Borain_KnapsackPopup .forms .formsGift ul li .productNumberMask { min-width: 20px; height: 20px; right: 2px; bottom: 2px; border-radius: 10px 10px 10px 10px; background-color: #000000; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; position: absolute; cursor: default; }
.Borain_KnapsackPopup .forms .formsGift ul li .productName { display: none; width: 90%; height: 20px; top: 0px; left: 5%; color: #FFFFFF; text-align: center; line-height: 20px; position: absolute; cursor: pointer; }
.Borain_KnapsackPopup .forms .formsGift .concealBackground { width: 93.3076%; height: 99.4025%; top: 1.9480%; left: 3.5%; border-radius: 5px 5px 5px 5px; background-color: #000000; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; position: absolute; }
.Borain_KnapsackPopup .forms .formsGift .conceal { width: 93.3076%; height: 99.4025%; top: 1.9480%; left: 3.5%; position: absolute; }
.Borain_KnapsackPopup .forms .formsGift .conceal .concealTxt { width: 65.4166%; height: 16.2337%; top: 38.961%; left: 18.8976%; position: absolute; }
.Borain_KnapsackPopup .forms .formsGift .conceal .concealTxt p { display: block; height: 100%; font-weight: bold; color: #E4E4E4; line-height: inherit !important; }
.Borain_KnapsackPopup .forms .formsGift .conceal .concealTxt a { display: block; width: 81%; height: 65%; font-weight: bold; color: #996C33; border-radius: 10% 10% 10% 10%; background-image: url(../images/KnapsackPopup_goShoppindBackground.png); background-repeat: no-repeat; background-size: 100% 100%; text-align: center; line-height: 2.6; margin: 3% 0px 0px 7.1666%; position: relative; }
.Borain_KnapsackPopup .forms .formsGift .conceal .concealTxt a:hover { color: #FFFFFF; background-image: url(../images/KnapsackPopup_goShoppindBackgroundHover.png); background-repeat: no-repeat; background-size: 100% 100%; text-decoration: none; }
.Borain_KnapsackPopup .operation { width: 97.6923%; height: 8.1395%; bottom: 0.6976%; left: 1.1538%; position: absolute; }
.Borain_KnapsackPopup .operation .operationPage { width: 23.2283%; height: 77.1428%; top: 15%; left: 3.1496%; position: absolute; }
.Borain_KnapsackPopup .operation .operationPage a { font-size: 0; cursor: pointer; }
.Borain_KnapsackPopup .operation .operationPage .last { display: block; width: 44.0677%; height: 100%; background-image: url(../images/KnapsackPopup_last.png); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; }
.Borain_KnapsackPopup .operation .operationPage .last:hover { background-image: url(../images/KnapsackPopup_lastHover.png); }
.Borain_KnapsackPopup .operation .operationPage .next { display: block; width: 44.0677%; height: 100%; top: 0px; right: 0px; background-image: url(../images/KnapsackPopup_next.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
.Borain_KnapsackPopup .operation .operationPage .next:hover { background-image: url(../images/KnapsackPopup_nextHover.png); }
.Borain_KnapsackPopup .operation .operationNumber { width: 40%; height: 100%; top: 0px; left: 26.8897%; position: absolute; }
.Borain_KnapsackPopup .operation .operationNumber p { color: #40321E; }
.Borain_KnapsackPopup .operation .operationNumber .operationLeft { display: block; height: 100%; float: left; line-height: 2.8; margin: 0px 0px 0px 5%; }
.Borain_KnapsackPopup .operation .operationNumber span { display: block; width: 30%; height: 60%; color: #FFFFFF; background-image: url(../images/KnapsackPopup_numberBackground.png); background-repeat: no-repeat; background-size: 100% 100%; text-align: center; line-height: 1.6; float: left; margin: 7% 5% 0px 5%; }
.Borain_KnapsackPopup .operation .operationNumber .operationRight { display: block; height: 100%; float: left; line-height: 2.8; }
.Borain_KnapsackPopup .operation .operationShop { width: 25.5905%; height: 73%; top: 15%; right: 2%; position: absolute; }
.Borain_KnapsackPopup .operation .operationShop a { display: block; width: 100%; height: 100%; color: #DFC8A1; background-image: url(../images/KnapsackPopup_goShoppingWord.png); background-repeat: no-repeat; background-size: 100% 100%; text-align: center; line-height: 2; }
.Borain_KnapsackPopup .operation .operationShop a:hover { color: #FFFFFF; background-image: url(../images/KnapsackPopup_goShoppingWordHover.png); text-decoration: none; }
/*商品浮动弹窗*/
.Borain_ProductFloat { display: none; width: 342px; height: 113px; top: 200px; right: 260px; background-image: url(../images/ProductFloat_popupBackground.png); background-repeat: no-repeat; background-position: center 3px; position: absolute; background-size:100% 100%; }
.Borain_ProductFloat .productImageSrc { width: 115px; height: 115px; top: 0px; left: 0px; border-radius: 15px 15px 15px 15px; background-image: url(../images/KnapsackPopup_defaultProductImage.jpg); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
.Borain_ProductFloat .productImageBackground { width: 115px; height: 115px; top: 0px; left: 0px; background-image: url(../images/ProductFloat_productImageBackground.png); background-repeat: no-repeat; position: absolute; background-size:100% 100%; }
.Borain_ProductFloat .productInfo { width: 215px; top: 10px; left: 120px; position: absolute; }
.Borain_ProductFloat .productInfo p { width: 100%; height: 20px; color: #000000; line-height: 20px; overflow: hidden; }
.Borain_ProductFloat .productInfo p span { height: 20px; color: #000000; line-height: 20px; }
.Borain_ProductFloat .productInfo p.productName { height: 16px; font-size: 14px; color: #000000; line-height: 16px; }
/*相册弹窗*/
.Borain_PhotoShow { display: none; width: 640px; height: 495px; right: 510px; top: 20px; position: absolute; }
.Borain_PhotoShow .photoShowBackground { width: 100%; height: 91.5%; border-radius: 0px 0px 20px 20px; background-image: url(../images/PhotoShow_background.png); background-repeat: repeat-x; background-size: 100% 100%; position: absolute; z-index: -1; }
.Borain_PhotoShow .title { width: 100%; height: 8.5857%; background-image: url(../images/PhotoShow_title.png); background-repeat: no-repeat; background-size: 100% 100%; position: relative; }
.Borain_PhotoShow .close { width: 4.375%; height: 5.45%; top: -10px; right: -10px; border-radius: 50%; background-image: url(../images/SettingPopup_close.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_PhotoShow .close:hover { background-image: url(../images/SettingPopup_closeHover.png); }
.Borain_PhotoShow .borderLeft { width: 0.46875%; height: 96.4679%; background-image: url(../images/PhotoShow_boxLeftRight.png); background-repeat: repeat-y; position: absolute; left: 0px; top: 0px; }
.Borain_PhotoShow .borderRight { width: 0.46875%; height: 96.4679%; background-image: url(../images/PhotoShow_boxLeftRight.png); background-repeat: repeat-y; position: absolute; right: 0px; top: 0px; }
.Borain_PhotoShow .borderBottom { width: 95%; height: 0.6622%; background-image: url(../images/PhotoShow_boxTopBottom.png); background-repeat: repeat-x; position: absolute; left: 2.5%; bottom: 0px; }
.Borain_PhotoShow .filletLeft { width: 3.5%; height: 3.5%; background-image: url(../images/KnapsackPopup_filletLeft.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; left: 0px; bottom: 0px; }
.Borain_PhotoShow .filletRight { width: 3.5%; height: 3.5%; background-image: url(../images/KnapsackPopup_filletRight.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; right: 0px; bottom: 0px; }
.Borain_PhotoShow .enlargePicture { width: 92.8125%; height: 65.4966%; position: relative; left: 3.28125%; top: 3.31125%; position: relative; overflow: hidden; }
.Borain_PhotoShow .enlargePicture .enlargePictureMask { width: 100%; height: 88.5605%; top: 0px; left: 0px; background-image: url(../images/PhotoShow_enlargePictureMask.png); background-repeat: repeat; position: absolute; z-index: 1; }
.Borain_PhotoShow .enlargePicture .enlargePictureImage { display: block; width: 100%; height: 100%; top: 0px; left: 0px; background-image: url(../images/PhotoShow_defaultEnlargePicture.jpg); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
.Borain_PhotoShow .enlargePicture .explain { width: 100%; height: 11.4035%; bottom: 0px; left: 0px; background-color: #000000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; position: absolute; }
.Borain_PhotoShow .enlargePicture .explain .synopsis { width: 88%; height: 100%; top: 0px; left: 2%; color: #FFFFFF; line-height: 3; position: absolute; overflow: hidden; }
.Borain_PhotoShow .enlargePicture .explain .pagination { width: 8%; height: 100%; top: 0px; right: 2%; color: #FFFFFF; text-align: right; position: absolute; overflow: hidden; }
.Borain_PhotoShow .enlargePicture .explain .pagination span { color: #FFFFFF; line-height: 3; }
.Borain_PhotoShow .enlargePicture .goLeft { display: none; width: 4.3771%; height: 16.9590%; top: 41.52%; left: 0px; position: absolute; background-image: url(../images/PhotoShow_enlargePictureGoLeft.png); background-size: 100% 100%; cursor: pointer; z-index: 1; }
.Borain_PhotoShow .enlargePicture .goLeft:hover { background-image: url(../images/PhotoShow_enlargePictureGoLeftHover.png); }
.Borain_PhotoShow .enlargePicture .goLeftDisable { background-image: url(../images/PhotoShow_enlargePictureGoLeftDisable.png) !important; cursor: default !important; }
.Borain_PhotoShow .enlargePicture .goRight { display: none; width: 4.3771%; height: 16.9590%; top: 41.52%; right: 0px; position: absolute; background-image: url(../images/PhotoShow_enlargePictureGoRight.png); background-size: 100% 100%; cursor: pointer; z-index: 1; }
.Borain_PhotoShow .enlargePicture .goRight:hover { background-image: url(../images/PhotoShow_enlargePictureGoRightHover.png); }
.Borain_PhotoShow .enlargePicture .goRightDisable { background-image: url(../images/PhotoShow_enlargePictureGoRightDisable.png) !important; cursor: default !important; }
.Borain_PhotoShow .pictogram { width: 92.8125%; height: 15.8940%; position: relative; left: 3.2815%; top: 5.5187%; overflow: hidden; }
.Borain_PhotoShow .pictogram .goLeft { display: block; width: 3.5353%; height: 100%; position: absolute; top: 0px; left: 0px; background-image: url(../images/PhotoShow_pictogramGoLeft.png); background-size: 100% 100%; cursor: pointer; }
.Borain_PhotoShow .pictogram .goLeft:hover { background-image: url(../images/PhotoShow_pictogramGoLeftHover.png); }
.Borain_PhotoShow .pictogram .goLeftDisable { background-image: url(../images/PhotoShow_pictogramGoLeftDisable.png) !important; cursor: default !important; }
.Borain_PhotoShow .pictogram .goRight { display: block; width: 3.5353%; height: 100%; position: absolute; top: 0px; right: 0px; background-image: url(../images/PhotoShow_pictogramGoRight.png); background-size: 100% 100%; cursor: pointer; }
.Borain_PhotoShow .pictogram .goRight:hover { background-image: url(../images/PhotoShow_pictogramGoRightHover.png); }
.Borain_PhotoShow .pictogram .goRightDisable { background-image: url(../images/PhotoShow_pictogramGoRightDisable.png) !important; cursor: default !important; }
.Borain_PhotoShow .pictogram .pictogramContainer { width: 91.1919%; height: 100%; left: 4.4461%; top: 0px; position: absolute; overflow: hidden; }
.Borain_PhotoShow .pictogram .pictogramContainer .pictogramList { width: 10000px; height: 100%; position: absolute; top: 0px; left: 0px; }
.Borain_PhotoShow .pictogram .pictogramContainer .pictogramList li { width: 23%; height: 100%; margin: 0px 1% 0px 1%; float: left; cursor: pointer; position: relative; }
.Borain_PhotoShow .pictogram .pictogramContainer .pictogramList li .image { width: 100%; height: 100%; background-image: url(../images/PhotoShow_defaultEnlargePicture.jpg); background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_PhotoShow .pictogram .pictogramContainer .pictogramList li .border { width: 100%; height: 100%; top: 0px; left: 0px; background-image: url(../images/PhotoShow_pictogramListBorder.png); background-repeat: repeat; position: absolute; }
.Borain_PhotoShow .pictogram .pictogramContainer .pictogramList li .border .top { width: 100%; height: 2px; top: 0px; left: 0px; background-color: #A9A9A9; position: absolute; }
.Borain_PhotoShow .pictogram .pictogramContainer .pictogramList li .border .right { width: 2px; height: 100%; top: 0px; right: 0px; background-color: #A9A9A9; position: absolute; }
.Borain_PhotoShow .pictogram .pictogramContainer .pictogramList li .border .bottom { width: 100%; height: 2px; bottom: 0px; left: 0px; background-color: #A9A9A9; position: absolute; }
.Borain_PhotoShow .pictogram .pictogramContainer .pictogramList li .border .left { width: 2px; height: 100%; top: 0px; left: 0px; background-color: #A9A9A9; position: absolute; }
.Borain_PhotoShow .pictogram .pictogramContainer .pictogramList li .border.select { background-image: none; }
.Borain_PhotoShow .pictogram .pictogramContainer .pictogramList li .border.select .top { background-color: #9F753F; }
.Borain_PhotoShow .pictogram .pictogramContainer .pictogramList li .border.select .right { background-color: #9F753F; }
.Borain_PhotoShow .pictogram .pictogramContainer .pictogramList li .border.select .bottom { background-color: #9F753F; }
.Borain_PhotoShow .pictogram .pictogramContainer .pictogramList li .border.select .left { background-color: #9F753F; }
.Borain_PhotoShow .pictogram .pictogramContainer .pictogramList li .border.hover { background-image: none; }
.Borain_PhotoShow .pictogram .pictogramContainer .pictogramList li .hover.hover .top { background-color: #E1B173; }
.Borain_PhotoShow .pictogram .pictogramContainer .pictogramList li .hover.hover .right { background-color: #E1B173; }
.Borain_PhotoShow .pictogram .pictogramContainer .pictogramList li .hover.hover .bottom { background-color: #E1B173; }
.Borain_PhotoShow .pictogram .pictogramContainer .pictogramList li .hover.hover .left { background-color: #E1B173; }
/*追思悼念文章列表*/
.Borain_ArticleList { display: none; width: 561px; height: 269px; top: 210px; left: 600px; position: absolute; }
.Borain_ArticleList .title { width: 100%; height: 16.3568%; background-image: url(../images/ArticleLists_title.png); background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_ArticleList .close { display: block; width: 4.8128%; height: 10.0371%; border-radius: 50%; background-image: url(../images/SettingPopup_close.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; top: -3%; right: -2%; cursor: pointer; }
.Borain_ArticleList .close:hover { background-image: url(../images/SettingPopup_closeHover.png); background-size: 100% 100%; }
.Borain_ArticleList .borderLeft { width: 3px; height: 95%; background-image: url(../images/PhotoShow_boxLeftRight.png); background-repeat: repeat-y; position: absolute; left: 0px; top: 0px; }
.Borain_ArticleList .borderRight { width: 3px; height: 95%; background-image: url(../images/PhotoShow_boxLeftRight.png); background-repeat: repeat-y; position: absolute; right: 0px; top: 0px; }
.Borain_ArticleList .borderBottom { width: 95%; height: 3px; background-image: url(../images/PhotoShow_boxTopBottom.png); background-repeat: repeat-x; position: absolute; left: 2.5%; bottom: 0px; }
.Borain_ArticleList .filletLeft { display: block; width: 2.9%; height: 6.6666%; bottom: 0px; left: 0px; background-image: url(../images/KnapsackPopup_filletLeft.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
.Borain_ArticleList .filletRight { display: block; width: 2.9%; height: 6.6666%; bottom: 0px; right: 0px; background-image: url(../images/KnapsackPopup_filletRight.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
.Borain_ArticleList .ArticleListsBackground { width: 100%; height: 84.41%; border-radius: 0px 0px 20px 20px; background-image: url(../images/PhotoShow_background.png); background-repeat: repeat-x; background-size: 100% 100%; position: absolute; z-index: -1; }
.Borain_ArticleList .ArticleListsContent { width: 98%; height: 74%; top: 22%; left: 1%; position: absolute; }
.Borain_ArticleList .ArticleListsContent .listParent { width: 98%; height: 84%; margin: 0px 0px 0px 1%; overflow: hidden; position: relative; }
.Borain_ArticleList .ArticleListsContent .listParent ul { display: block; width: 96%; top: 0px; left: 0px; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.Borain_ArticleList .ArticleListsContent .listParent .scrollBar { top: 5%; right: 0.5%; height: 90%; }
.Borain_ArticleList .ArticleListsContent .listParent ul li { display: block; width: 100%; height: 30px; }
.Borain_ArticleList .ArticleListsContent .listParent ul li a { display: block; width: 100%; height: 30px; border-bottom: 1px solid #666666; position: relative; cursor: pointer; }
.Borain_ArticleList .ArticleListsContent .listParent ul li a span { display: block; height: 30px; text-overflow: ellipsis; line-height: 30px; position: absolute; overflow: hidden; white-space: nowrap; }
.Borain_ArticleList .ArticleListsContent .listParent ul li a span.articleTitle { width: 69%; top: 0px; left: 1%; }
.Borain_ArticleList .ArticleListsContent .listParent ul li a span.articleUser { width: 28%; top: 0px; right: 1%; text-align: right; }
.Borain_ArticleList .ArticleListsContent .listParent ul li a:hover { border-radius: 5px 5px 5px 5px; border-bottom: 1px solid #996C33; background-color: #996C33; }
.Borain_ArticleList .ArticleListsContent .listParent ul li a:hover span { color: #FFFFFF; }
.Borain_ArticleList .ArticleListsContent .writeArticle { display: block; width: 12%; height: 12%; bottom: 0.5%; left: 1%; background-image: url(../images/ArticleLists_writeArticle.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_ArticleList .ArticleListsContent .writeArticle:hover { background-image: url(../images/ArticleLists_writeArticleHover.png); }
.Borain_ArticleList .ArticleListsContent .getMore { display: block; width: 16%; height: 12%; bottom: 0.5%; right: 1%; background-image: url(../images/ArticleLists_getMore.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_ArticleList .ArticleListsContent .getMore:hover { background-image: url(../images/ArticleLists_getMoreHover.png); }
.Borain_ArticleList .ArticleListsContent .getMoreDisable { background-image: url(../images/ArticleLists_getMoreDisable.png) !important; cursor: default; }
.Borain_ArticleList .newArticleTitle { background-image: url(../images/ArticleLists_newArticleTitle.png); }
.Borain_ArticleList .ArticleListsContent .writeArticleContent { display: none; width: 98%; height: 84%; margin: 0px 0px 0px 1%; overflow-y: auto; }
.Borain_ArticleList .ArticleListsContent .writeArticleContent .writeArticleContent_title { width: 99%; height: 30px; top: 0px; left: 0px; position: absolute; }
.Borain_ArticleList .ArticleListsContent .writeArticleContent .writeArticleContent_title .writeArticleContent_title_key { width: 8%; height: 30px; top: 0px; left: 0px; text-align: right; line-height: 30px; position: absolute; }
.Borain_ArticleList .ArticleListsContent .writeArticleContent .writeArticleContent_title .writeArticleContent_title_val { width: 86.2%; height: 30px; top: 0px; left: 8%; border: none; padding: 0px 1.5% 0px 1.5%; position: absolute; outline: none; }
.Borain_ArticleList .ArticleListsContent .writeArticleContent .writeArticleContent_content { width: 99%; height: 127px; top: 40px; left: 0px; position: absolute; }
.Borain_ArticleList .ArticleListsContent .writeArticleContent .writeArticleContent_content .writeArticleContent_content_key { width: 8%; height: 30px; top: 0px; left: 0px; text-align: right; line-height: 30px; position: absolute; }
.Borain_ArticleList .ArticleListsContent .writeArticleContent .writeArticleContent_content .writeArticleContent_content_valContainer { width: 90%; top: 0px; left: 8%; position: absolute; }
.Borain_ArticleList .ArticleListsContent .writeArticleContent .writeArticleContent_content .writeArticleContent_content_valContainer .writeArticleContent_content_val { width: 96%; height: 80px; top: 0px; left: 0px; border: none; padding: 10px 1.5% 10px 1.5%; position: absolute; outline: none; }
.Borain_ArticleList .ArticleListsContent .writeArticleContent .writeArticleContent_content .writeArticleContent_content_valContainer .writeArticleContent_content_valPrompt { width: 99%; height: 27px; top: 100px; left: 0px; background-color: #EEEEEE; position: absolute; }
.Borain_ArticleList .ArticleListsContent .writeArticleContent .writeArticleContent_content .writeArticleContent_content_valContainer .writeArticleContent_content_valPrompt p { width: 98%; height: 27px; text-align: right; line-height: 27px; }
.Borain_ArticleList .ArticleListsContent .writeArticleContent .writeArticleContent_content .writeArticleContent_content_valContainer .writeArticleContent_content_valPrompt p span { color: #999999; line-height: 27px; }
.Borain_ArticleList .ArticleListsContent .writeSubmit { display: none; width: 13%; height: 12%; bottom: 0.5%; left: 7.7%; background-image: url(../images/ArticleLists_writeSubmit.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_ArticleList .ArticleListsContent .writeSubmit:hover { background-image: url(../images/ArticleLists_writeSubmitHover.png); }
.Borain_ArticleList .ArticleListsContent .writeSubmitDisable { background-image: url(../images/ArticleLists_writeSubmitDisable.png) !important; }
.Borain_ArticleList .ArticleListsContent .writeCancel { display: none; width: 9%; height: 12%; bottom: 0.5%; right: 3.8%; background-image: url(../images/ArticleLists_writeCancel.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_ArticleList .ArticleListsContent .writeCancel:hover { background-image: url(../images/ArticleLists_writeCancelHover.png); }
.Borain_ArticleList .examineArticleTitle { background-image: url(../images/ArticleLists_examineArticleTitle.png); }
.Borain_ArticleList .ArticleListsContent .examineArticleContent { display: none; width: 98%; height: 84%; margin: 0px 0px 0px 1%; overflow-y: auto; }
.Borain_ArticleList .ArticleListsContent .examineArticleContent .titleInfo { width: 99%; height: 20px; top: 0px; left: 0px; border-bottom: 1px solid #996C33; position: absolute; }
.Borain_ArticleList .ArticleListsContent .examineArticleContent .titleInfo p { height: 20px; line-height: 20px; float: left; }
.Borain_ArticleList .ArticleListsContent .examineArticleContent .titleInfo p.titleInfo_title { width: 40%; margin: 0px 0px 0px 2%; }
.Borain_ArticleList .ArticleListsContent .examineArticleContent .titleInfo p.titleInfo_name { width: 30%; margin: 0px 0px 0px 2%; }
.Borain_ArticleList .ArticleListsContent .examineArticleContent .titleInfo p.titleInfo_date { width: 24%; margin: 0px 0px 0px 2%; }
.Borain_ArticleList .ArticleListsContent .examineArticleContent .contentContainer { width: 96%; height: 146px; top: 20px; left: 0px; line-height: 1.5; padding: 0px 2% 0px 2%; position: absolute; overflow: hidden; }
.Borain_ArticleList .ArticleListsContent .examineArticleContent .textContent { width: 94%; top: 0px; left: 2%; line-height: 1.5; position: absolute; }
.Borain_ArticleList .ArticleListsContent .examineArticleContent .scrollBar { height: 90%; top: 5%; }
.Borain_ArticleList .ArticleListsContent .examineReturn { display: none; width: 9%; height: 12%; bottom: 0.5%; left: 45.5%; background-image: url(../images/ArticleLists_examineReturn.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_ArticleList .ArticleListsContent .examineReturn:hover { background-image: url(../images/ArticleLists_examineReturnHover.png); }
/*功德箱弹窗*/
.Borain_MeritBoxPopup { display: none; width: 333px; height: 343px; top: 0px; left: 0px; background-image: url(../images/MeritBoxPopup_background.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.Borain_MeritBoxPopup .title { width: 100%; height: 11.37%; background-image: url(../images/MeritBoxPopup_title.png); background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_MeritBoxPopup .close { display: block; width: 8.41%; height: 7.872%; top: -10px; right: -10px; border-radius: 50%; background-image: url(../images/SettingPopup_close.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_MeritBoxPopup .close:hover { background-image: url(../images/SettingPopup_closeHover.png); }
.Borain_MeritBoxPopup .donateUiBox { width: 90%; height: 80.175%; margin: 2% auto 0px auto; }
.Borain_MeritBoxPopup .donateBox { width: 100%; color: #885E29; position: relative; }
.Borain_MeritBoxPopup .donateBox .donatedItems { display: block; color: #885E29; }
.Borain_MeritBoxPopup .donateBox .donateCoins { display: block; top: 0px; left: 21%; color: #885E29; position: absolute; }
.Borain_MeritBoxPopup .toolBox { width: 100%; height: 20.76%; margin: 2.2% 0px 0px 0px; position: relative; }
.Borain_MeritBoxPopup .toolBox .donatedItemsBox { width: 19.05%; height: 100%; border-radius: 5px 5px 5px 5px; background-image: url(../images/MeritBoxPopup_donatedItemsBox.png); background-repeat: no-repeat; background-size: 100% 100%; position: relative; overflow: hidden; }
.Borain_MeritBoxPopup .toolBox .donatedItemsBox .productImage { display: block; width: 100%; height: 100%; background-image: none; background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_MeritBoxPopup .toolBox .donatedItemsBox .delete { display: none; width: 100%; height: 100%; top: 0px; left: 0px; background-image: url(../images/MeritBoxPopup_productDelete.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_MeritBoxPopup .toolBox .donateCoinsBox { width: 76%; height: 93.333%; top: 0px; right: 0px; border: 2px solid #996C33; border-radius: 5px 5px 5px 5px; position: absolute; }
.Borain_MeritBoxPopup .toolBox .donateCoinsBox .reduce { display: block; width: 12%; height: 100%; top: 0px; left: 0px; background-image: url(../images/MeritBoxPopup_donateCoinsBoxReduce.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_MeritBoxPopup .toolBox .donateCoinsBox .reduce:hover { background-image: url(../images/MeritBoxPopup_donateCoinsBoxReduceHover.png); }
.Borain_MeritBoxPopup .toolBox .donateCoinsBox .plus { display: block; width: 12%; height: 100%; top: 0px; right: 0px; background-image: url(../images/MeritBoxPopup_donateCoinsBoxPlus.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_MeritBoxPopup .toolBox .donateCoinsBox .plus:hover { background-image: url(../images/MeritBoxPopup_donateCoinsBoxPlusHover.png); }
.Borain_MeritBoxPopup .toolBox .donateCoinsBox .number { width: 76%; height: 100%; top: 0px; left: 12%; background-color: #EADABF; position: absolute; }
.Borain_MeritBoxPopup .toolBox .donateCoinsBox .number p { width: 100%; height: 100%; top: 0px; left: 0px; font-size: 16px; text-align: center; line-height: 3.3; position: absolute; }
.Borain_MeritBoxPopup .toolBox .donateCoinsBox .number input { display: none; width: 100%; height: 100%; top: 0px; left: 0px; font-size: 16px; border: none; background-color: #EADABF; text-align: center; letter-spacing: 7px; line-height: 3.7; position: absolute; overflow: hidden; outline: none; }
.Borain_MeritBoxPopup .toolBox .donateCoinsBox .number inputHover { background-color: #F5ECDC; }
.Borain_MeritBoxPopup .reminderFontBox { width: 100%; height: 10.182%; margin: 1.1% 0px 0px 0px; position: relative; }
.Borain_MeritBoxPopup .reminderFontBox .reminderFont { height: 100%; top: 0px; left: 0px; position: absolute; }
.Borain_MeritBoxPopup .reminderFontBox .reminderFont span { color: #885E29; line-height: 2.3; }
.Borain_MeritBoxPopup .reminderFontBox .switchoverBox { width: 21.3333%; height: 100%; top: 0px; right: 0px; position: absolute; }
.Borain_MeritBoxPopup .reminderFontBox .switchoverBox .goLeft { display: block; width: 43.75%; height: 100%; top: 0px; left: 0px; background-image: url(../images/KnapsackPopup_last.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_MeritBoxPopup .reminderFontBox .switchoverBox .goLeft:hover { background-image: url(../images/KnapsackPopup_lastHover.png); }
.Borain_MeritBoxPopup .reminderFontBox .switchoverBox .goRight { display: block; width: 43.75%; height: 100%; top: 0px; right: 0px; background-image: url(../images/KnapsackPopup_next.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_MeritBoxPopup .reminderFontBox .switchoverBox .goRight:hover { background-image: url(../images/KnapsackPopup_nextHover.png); }
.Borain_MeritBoxPopup .listOfGoods { display: block; width: 100%; height: 46.94%; padding: 1.82% 0px 0px 0px; overflow: hidden; }
.Borain_MeritBoxPopup .listOfGoods li { display: block; width: 19.05%; height: 45%; border-radius: 5px 5px 5px 5px; background-image: url(../images/KnapsackPopup_knapsackBackground.png); background-repeat: no-repeat; background-size: 100% 100%; float: left; margin: 1.9375% 1.1875% 0px 0px; position: relative; cursor: pointer; overflow: hidden; }
.Borain_MeritBoxPopup .listOfGoods li.noMarginTop { margin-top: 0px; }
.Borain_MeritBoxPopup .listOfGoods li.noMarginRight { margin-right: 0px; }
.Borain_MeritBoxPopup .listOfGoods li .productImage { display: block; width: 100%; height: 100%; background-image: url(../images/KnapsackPopup_defaultProductImage.jpg); background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_MeritBoxPopup .listOfGoods li .checked { display: none; width: 100%; height: 100%; top: 0px; left: 0px; background-image: url(../images/MeritBoxPopup_productChecked.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
.Borain_MeritBoxPopup .listOfGoods li .productNumber { min-width: 20px; height: 20px; right: 2px; bottom: 2px; color: #FFFFFF; text-align: center; line-height: 20px; position: absolute; cursor: default; }
.Borain_MeritBoxPopup .listOfGoods li .border { display: none; width: 100%; height: 100%; top: 0px; left: 0px; background-image: url(../images/MeritBoxPopup_productListBorder.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
.Borain_MeritBoxPopup .submit { display: block; width: 100%; height: 14.55%; background-image: url(../images/MeritBoxPopup_submit.png); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; }
.Borain_MeritBoxPopup .submit:hover { background-image: url(../images/MeritBoxPopup_submitHover.png); }
.Borain_Alert { display: none; width: 401px; top: 200px; left: 200px; position: absolute; }
.Borain_Alert .title { width: 100%; height: 42px; background-image: url(../images/Alert_title.png); background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_Alert .close { display: block; width: 27px; height: 27px; top: -10px; right: -10px; background-image: url(../images/SettingPopup_close.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_Alert .close:hover { background-image: url(../images/SettingPopup_closeHover.png); }
.Borain_Alert .excessive { width: 100%; height: 20px; background-image: url(../images/Alert_excessive.png); background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_Alert .textList { width: 100%; background-image: url(../images/Alert_textListBackground.png); background-repeat: repeat-y; }
.Borain_Alert .textList .htmlContent { padding: 0px 20px 0px 20px; }
.Borain_Alert .textList .htmlContent p { font-size: 14px; color: #000000; text-align: center; line-height: 2; }
.Borain_Alert .textList .htmlContent a { font-size: 14px; color: #000000; text-align: center; line-height: 2; }
.Borain_Alert .textList .htmlContent span { font-size: 14px; color: #000000; text-align: center; line-height: 2; }
.Borain_Alert .buttonList { width: 100%; height: 44px; background-image: url(../images/Alert_buttonListBackground.png); background-repeat: no-repeat; background-size: 100% 100%; padding: 10px 0px 0px 0px; }
.Borain_Alert .buttonList .alertSubmit { width: 126px; height: 36px; background-image: url(../images/Alert_buttonList_alertSubmit.png); background-repeat: no-repeat; background-size: 100% 100%; margin: 0px auto 0px auto; cursor: pointer; }
.Borain_Alert .buttonList .alertSubmit:hover { background-image: url(../images/Alert_buttonList_alertSubmitHover.png); }
/*加载数据遮罩层部分*/
.loadingDataMask { display: none; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #000000; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; position: absolute; z-index: 20; }
.loadingDataImage { display: none; width: 124px; height: 124px; top: 0px; left: 0px; background-image: url(../images/MessageInfo_wait.gif); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; z-index: 21; }
.loadingDataWord { display: none; width: 100%; top: 0px; left: 0px; font-size: 24px; color: #FFFFFF; text-align: center; position: absolute; z-index: 21; }
.submitDataWord { display: none; width: 100%; top: 0px; left: 0px; font-size: 24px; color: #FFFFFF; text-align: center; position: absolute; z-index: 21; }
/*alert弹窗内前往登录<a>标签样式*/
.goLogingAlertLink { color: #72ACE3 !important; cursor: pointer; }
.goLogingAlertLink:hover { color: #1788F4 !important; text-decoration: none; }
/*大事件详细*/
.Borain_BigEventDetailedPopup { display: none; width: 600px; height: 285px; top: 0px; left: 0px; background-image: url(../images/BigEventDetailedPopup_background.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
.Borain_BigEventDetailedPopup .title { width: 100%; height: 44px; background-image: url(../images/BigEventDetailedPopup_title.png); background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_BigEventDetailedPopup .close { display: block; width: 28px; height: 28px; top: -10px; right: -10px; border-radius: 50%; background-image: url(../images/SettingPopup_close.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_BigEventDetailedPopup .close:hover { background-image: url(../images/SettingPopup_closeHover.png); }
.Borain_BigEventDetailedPopup .content { width: 560px; top: 72px; left: 20px; position: absolute; }
.Borain_BigEventDetailedPopup .content .contentLeft { width: 240px; top: 0px; left: 0px; position: absolute; }
.Borain_BigEventDetailedPopup .content .contentLeft .eventBorder { width: 234px; height: 154px; top: 0px; left: 0px; border: 3px solid #9F311F; background-color: #EDC892; position: absolute; }
.Borain_BigEventDetailedPopup .content .contentLeft .eventImage { width: 234px; height: 154px; top: 3px; left: 3px; background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
.Borain_BigEventDetailedPopup .content .contentLeft .button { width: 126px; height: 36px; top: 167px; left: 54px; background-image: url(../images/Alert_buttonList_alertSubmit.png); background-repeat: no-repeat; background-position: center center; position: absolute; cursor: pointer; }
.Borain_BigEventDetailedPopup .content .contentLeft .button:hover { background-image: url(../images/Alert_buttonList_alertSubmitHover.png); }
.Borain_BigEventDetailedPopup .content .contentRight { width: 300px; top: 0px; right: 0px; position: absolute; }
.Borain_BigEventDetailedPopup .content .contentRight .eventName { width: 300px; height: 18px; font-size: 14px; color: #000000; text-overflow: ellipsis; line-height: 18px; overflow: hidden; white-space: nowrap; }
.Borain_BigEventDetailedPopup .content .contentRight .eventHappenTime { width: 300px; height: 18px; line-height: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.Borain_BigEventDetailedPopup .content .contentRight .eventAddress { width: 300px; height: 18px; line-height: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.Borain_BigEventDetailedPopup .content .contentRight .eventAbstract { width: 300px; height: 146px; top: 0px; left: 0px; overflow: hidden; }
/*墓园简介详细*/
.Borain_MapInfo .cemeteryIntroduction { display: none; width: 305px; height: 218px; top: 0px; right: 257px; background-image: url(../images/MapInfo_information.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
.Borain_MapInfo .cemeteryIntroduction .informationBorder { width: 0.85%; height: 100%; top: 0px; left: 0px; background-image: url(../images/PhotoShow_boxLeftRight.png); background-repeat: repeat-y; position: absolute; }
.Borain_MapInfo .cemeteryIntroduction .informationBorder .informationSwitch { width: 525%; height: 19.266%; top: 38.99%; left: 0px; background-image: url(../images/MapInfo_informationSwitch.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_MapInfo .cemeteryIntroduction .informationBorder .informationSwitch:hover { background-image: url(../images/MapInfo_informationSwitchHover.png); }
.Borain_MapInfo .cemeteryIntroduction .informationPhoto { width: 29.508%; height: 51.3761%; top: 5.1834%; left: 7.234%; position: absolute; }
.Borain_MapInfo .cemeteryIntroduction .informationPhoto .photoTop { width: 94%; height: 2.7272%; top: 0px; left: 2.7272%; background-color: #FFFFFF; position: absolute; }
.Borain_MapInfo .cemeteryIntroduction .informationPhoto .photoRight { width: 3.3333%; height: 100%; top: 0px; right: 0px; background-color: #FFFFFF; position: absolute; }
.Borain_MapInfo .cemeteryIntroduction .informationPhoto .photoBottom { width: 94%; height: 2.7272%; bottom: 0px; left: 2.7272%; background-color: #FFFFFF; position: absolute; }
.Borain_MapInfo .cemeteryIntroduction .informationPhoto .photoLeft { width: 3.3333%; height: 100%; bottom: 0px; left: 0px; background-color: #FFFFFF; position: absolute; }
.Borain_MapInfo .cemeteryIntroduction .informationPhoto .photoImage { width: 94%; height: 94.5454%; top: 2.7272%; left: 2.7272%; background-image: url(../images/UserInfo_defaultHeaderImage.jpg); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; overflow: auto; }
.Borain_MapInfo .cemeteryIntroduction .informationSummary { width: 46.6229%; height: 51.3761%; top: 5%; left: 42.6229%; line-height: inherit !important; position: absolute; overflow-x: hidden; }
.Borain_MapInfo .cemeteryIntroduction .informationSummary p span { color: #FFFFFF; }
.Borain_MapInfo .cemeteryIntroduction .informationSummary .summaryName { display: block; width: 100%; top: 0px; left: 0px; font-size: 14px; font-weight: bolder; color: #FFFFFF; position: absolute; }
.Borain_MapInfo .cemeteryIntroduction .informationSummary .compellation { display: block; width: 100%; height: 13%; top: 25%; left: 0px; position: absolute; overflow: hidden; }
.Borain_MapInfo .cemeteryIntroduction .informationSummary .birthAndDeath { display: block; width: 100%; height: 13%; top: 45%; left: 0px; position: absolute; overflow: hidden; }
.Borain_MapInfo .cemeteryIntroduction .informationSummary .category { display: block; width: 100%; height: 13%; top: 65%; left: 0px; position: absolute; }
.Borain_MapInfo .cemeteryIntroduction .informationSummary .location { display: block; width: 100%; height: 13%; bottom: 5%; left: 0px; position: absolute; overflow: hidden; }
.Borain_MapInfo .cemeteryIntroduction .detailedIntroduction { display: block; width: 80.6885%; height: 37%; top: 60%; left: 7.234%; text-indent: 2em; line-height: 1.4; position: absolute; overflow: hidden; color: #FFFFFF; }
.Borain_MapInfo .cemeteryIntroduction .informationSummary .detailedIntroduction p { display: block; width: 100%; top: 0px; left: 0px; text-indent: 2em; line-height: inherit !important; position: absolute; }


/*登录弹窗*/
.loginMask { display: none; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #000000; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; position: fixed; z-index: 10; }
.loginPopup { display: none; width: 370px; height: 520px; top: 0px; left: 0px; position: fixed; z-index: 12; }
.loginPopup .loginPopupForm { display: block; width: 350px; height: 435px; top: 90px; left: 0px; background-image: url(../images/loginImg/UserPageMasterLoginFormBack.png); background-repeat: no-repeat; background-position: center center; position: absolute; }
.loginPopup .loginPopupForm .noLoginWord { display: block; width: 200px; height: 30px; top: 60px; left: 40px; font-size: 14px; font-weight: bold; color: #B88A52; line-height: 30px; position: absolute; }
.loginPopup .loginPopupForm .userInput { display: block; width: 274px; margin: 100px auto 0px auto; position: relative; }
.loginPopup .loginPopupForm .userInput .lineStyle { display: block; width: 274px; height: 46px; margin: 20px 0px 0px 0px; position: relative; }
.loginPopup .loginPopupForm .userInput .lineStyle input { display: block; width: 227px; height: 46px; border: 1px solid #A9A9A9; border-radius: 5px 5px 5px 5px; padding: 0px 10px 0px 35px; }
.loginPopup .loginPopupForm .userInput .lineStyle .prompt { display: block; width: 227px; height: 45px; top: 1px; left: 35px; font-size: 14px; color: #A9A9A9; background-color: #FFFFFF; text-align: left; line-height: 46px; position: absolute; cursor: text; }
.loginPopup .loginPopupForm .userInput .lineStyle .error { display: none; width: 227px; height: 45px; top: 1px; left: 5px; font-size: 14px; color: #FF4141; background-color: #FFFFFF; text-align: left; line-height: 46px; padding: 0px 0px 0px 30px; position: absolute; }
.loginPopup .loginPopupForm .userInput .lineStyle .userName { background-image: url(../images/loginImg/icon-UserPageMasterLoginUser.png); background-repeat: no-repeat; background-position: 5px center; }
.loginPopup .loginPopupForm .userInput .lineStyle .userNameError { background-image: url(../images/loginImg/icon-UserPageMasterLoginUser_error.png); background-repeat: no-repeat; background-position: left center; }
.loginPopup .loginPopupForm .userInput .lineStyle .passWord { background-image: url(../images/loginImg/icon-UserPageMasterLoginPass.png); background-repeat: no-repeat; background-position: 5px center; }
.loginPopup .loginPopupForm .userInput .lineStyle .passWordError { background-image: url(../images/loginImg/icon-UserPageMasterLoginPass_error.png); background-repeat: no-repeat; background-position: left center; }
.loginPopup .loginPopupForm .userInput .lineStyle .checkCode { width: 95px; background-image: url(../images/loginImg/icon-UserPageMasterLoginCode.png); background-repeat: no-repeat; background-position: 5px center; }
.loginPopup .loginPopupForm .userInput .lineStyle .checkCodeImage { display: block; width: 120px; height: 48px; top: 0px; right: 0px; border: none; background-color: #FFFFFF; position: absolute; cursor: pointer; }
.loginPopup .loginPopupForm .userInput .lineStyle .checkCodePrompt { width: 95px; }
.loginPopup .loginPopupForm .userInput .lineStyle .checkCodeError { width: 95px; background-image: url(../images/loginImg/icon-UserPageMasterLoginCode_error.png); background-repeat: no-repeat; background-position: left center; }
.loginPopup .loginPopupForm .userInput .setUser { display: block; width: 60px; height: 30px; top: 178px; left: 2px; color: #9F6628; background-image: url(../images/loginImg/UserPageMasterLoginCheckBox.jpg); background-repeat: no-repeat; background-position: left center; text-align: left; line-height: 30px; padding: 0px 0px 0px 16px; position: absolute; cursor: pointer; }
.loginPopup .loginPopupForm .userInput .checked { background-image: url(../images/loginImg/UserPageMasterLoginCheckBox_checked.jpg); }
.loginPopup .loginPopupForm .userInput .forget { display: block; width: 110px; height: 30px; top: 178px; right: 5px; color: #9F6628; text-align: right; line-height: 30px; position: absolute; }
.loginPopup .loginPopupForm .userInput .submit { display: block; width: 274px; height: 46px; font-size: 14px; color: #9F6628; border-radius: 5px 5px 5px 5px; background-color: #D5B98A; text-align: center; line-height: 46px; margin: 30px auto 0px auto; cursor: pointer; }
.loginPopup .loginPopupForm .userInput .submit:hover { color: #FFFFFF; text-decoration: none; }
.loginPopup .loginPopupForm .userInput .goRegister { display: block; width: 274px; height: 30px; font-size: 14px; color: #9F6628; border-radius: 5px 5px 5px 5px; background-color: #EDE6D7; text-align: center; line-height: 30px; margin: 12px auto 0px auto; cursor: pointer; }
.loginPopup .loginPopupForm .userInput .goRegister:hover { color: #666666; text-decoration: none; }
.loginPopup .loginPopupLogo { display: block; width: 186px; height: 54px; top: 68px; left: 20px; background-image: url(../images/loginImg/UserPageMasterLoginLogo.png); background-repeat: no-repeat; position: absolute; }
.loginPopup .loginPopupFlower { display: block; width: 134px; height: 174px; top: 3px; right: 16px; background-image: url(../images/loginImg/UserPageMasterLoginFlower.png); background-repeat: no-repeat; position: absolute; }
.loginPopup .loginPopupClose { display: block; width: 37px; height: 37px; top: 72px; right: 4px; background-image: url(../images/loginImg/UserPageMasterLoginClose.png); background-repeat: no-repeat; position: absolute; cursor: pointer; }
.loginPopup .loginPopupClose:hover { background-image: url(../images/loginImg/UserPageMasterLoginClose_hover.png); }


.Borain_MapInfo .mapLlocation .mapButtomot .follow { display: block; width: 22.5839%; height: 90.6551%; bottom: 0px; left: 61.5%; font-size: 0; background-image: url(../images/MapInfo_follow.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_MapInfo .mapLlocation .mapButtomot .follow:hover { background-image: url(../images/MapInfo_followHover.png); }
.Borain_MapInfo .mapLlocation .mapButtomot .rankingListAlbum { display: block; width: 27.5839%; height: 90.6551%; bottom: 0px; left: 32%; font-size: 0; background-image: url(../images/MapInfo_RankingList.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; cursor: pointer; }
.Borain_MapInfo .mapLlocation .mapButtomot .rankingListAlbum:hover { background-image: url(../images/MapInfo_RankingListHover.png); }

/*排行榜弹窗*/
.Borain_rankingListPath{display:none; width:600px; height:370px; background-color: #dfc8a1; border-radius: 0px 0px 11px 11px; border: 3px solid #7f5b2d; position: absolute; left: 30%; top: 15%;}
.Borain_rankingListPath .titleName { display: block; width: 606px; height: 84px; background-image: url(../images/rankingList_title.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; left: -3px; top: -3px; }
.Borain_rankingListPath .titleName .moveBlock { width: 100%; height: 44px; top: 0px; left: 0px; position: absolute; }
.Borain_rankingListPath .titleName .close { display: block; width: 30px; height: 30px; position: absolute; right: -15px; top: -15px; cursor: pointer; background-image: url(../images/SettingPopup_close.png); background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_rankingListPath .titleName .close:hover { background-image: url(../images/SettingPopup_closeHover.png); background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_rankingListPath .packageList{display:block; width:100%; height:320px; position:absolute; left:0px; top:50px;}
.Borain_rankingListPath .packageList .titleNameList{display:block; width:100%; height:40px; position:relative;}
.Borain_rankingListPath .packageList .titleNameList span{display:block; height:40px; line-height:40px; text-align:center; font-size:12px; color:#996C33; position:absolute; top:0px;}
.Borain_rankingListPath .packageList .titleNameList .rowNumber{width:110px; left:0px;}
.Borain_rankingListPath .packageList .titleNameList .userBasicNickname{width:220px;left:110px;}
.Borain_rankingListPath .packageList .titleNameList .totalMoney{width:270px; left:330px;}
.Borain_rankingListPath .packageList .incensePackage{display:block; width:100%; height:230px; overflow:hidden;}
.Borain_rankingListPath .packageList .incensePackage .overflowStyle{width:620px; height:230px; overflow-x:hidden; overflow-y:auto;}
.Borain_rankingListPath .packageList .incensePackage .overflowStyle ul{display:block; width:100%;}
.Borain_rankingListPath .packageList .incensePackage .overflowStyle ul li{display:block; width:100%; height:35px; position:relative;}
.Borain_rankingListPath .packageList .incensePackage .overflowStyle ul li span{display:block; height:35px; line-height:35px; text-align:center; font-size:12px; position:absolute; top:0px;}
.Borain_rankingListPath .packageList .incensePackage .overflowStyle ul li .rowNumber{width:110px; left:0px;}
.Borain_rankingListPath .packageList .incensePackage .overflowStyle ul li .userBasicNickname{ width:220px; left:110px;}
.Borain_rankingListPath .packageList .incensePackage .overflowStyle ul li .totalMoney{width:270px; left:330px;}
.Borain_rankingListPath .packageList .closeBtn{display:block; width:100px; height:30px; text-align:center; line-height:30px; margin:10px auto 0px auto; font-size:12px; color:#FFFFFF; background-color:#7f5b2d; border-radius:4px; cursor:pointer; text-decoration:none;}
.Borain_rankingListPath .packageList .closeBtn:hover{background-color:#AD7B3C;}