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 { display: none; width: 100%; height: 24.9816%; top: 63.2%; left: 0px; background-repeat: no-repeat; background-position: center center; position: absolute; cursor: pointer; }
/*大事件列表按钮*/
.Borain_MapInfo .toolbar .bigEventList { background-image: url(../images/ListButton_bigEventList.png); }
.Borain_MapInfo .toolbar .bigEventList:hover { background-image: url(../images/ListButton_bigEventListHover.png); }
/*名人列表按钮*/
.Borain_MapInfo .toolbar .celebrityList { background-image: url(../images/ListButton_celebrityList.png); }
.Borain_MapInfo .toolbar .celebrityList:hover { background-image: url(../images/ListButton_celebrityListHover.png); }
/*地图信息*/
.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: 20%; 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: 612px; 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: 79.2951%; height: 65.6565%; top: 22.2222%; left: 13.2158%; position: absolute; }
.Borain_Festival .chineseTypeWorship li { width: 18%; height: 100%; float: left; margin: 0px 2% 0px 2.5%; 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 .candle { background-image: url(../images/Festival_candle.png); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; }
.Borain_Festival .chineseTypeWorship li .candle:hover { background-image: url(../images/Festival_candleHover.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 .returnHome { width: 2.9368%; height: 60.6060%; top: 38.3838%; left: 92.1110%; 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: 2.9368%; height: 60.6060%; top: 38.3838%; left: 96.4821%; 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_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%; 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; border-bottom: 1px dashed #666; }
.Borain_ArticleList .ArticleListsContent .listParent ul li:hover { background-color: #996C33; border-radius: 5px; }
.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: 2px; 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); }
/*封装js内alert语句默认弹窗*/
.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_BigEvent { display: none; width: 465px; height: 475px; top: 30px; left: 600px; background-image: url(../images/BigEvent_background.png); background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 10; }
.Borain_BigEvent .title { width: 100%; height: 9.2%; background-image: url(../images/BigEvent_title.png); background-repeat: no-repeat; background-position: center center; }
.Borain_BigEvent .close { display: block; width: 5.7%; height: 5.6%; top: -10px; right: -10px; background: url(../images/SettingPopup_close.png); background-repeat: no-repeat; background-position: center center; position: absolute; cursor: pointer; }
.Borain_BigEvent .close:hover { background: url(../images/SettingPopup_closeHover.png); }
.Borain_BigEvent .container { width: 100%; height: 90.9%; }
.Borain_BigEvent .container .middle { width: 100%; height: 93.2%; margin: 15px auto 0px auto; position: relative; }
.Borain_BigEvent .container .middle .content { width: 94.6%; height: 100%; top: 0px; left: 2.6%; position: relative; }
.Borain_BigEvent .container .middle .content .bigEventLeft { width: 66%; height: 90%; top: 0px; left: 0px; position: absolute; }
.Borain_BigEvent .container .middle .content .bigEventLeft ul { width: 100%; height: 100%; }
.Borain_BigEvent .container .middle .content .bigEventLeft ul li { width: 95%; height: 9%; background-color: #E4CEAA; margin: 0px 0px 1.35% 0px; position: relative; cursor: pointer; }
.Borain_BigEvent .container .middle .content .bigEventLeft ul li h2 { display: block; width: 96%; height: 100%; padding: 0px 2% 0px 2%; }
.Borain_BigEvent .container .middle .content .bigEventLeft ul li h2 a { display: block; width: 96%; height: 100%; text-decoration: none; }
.Borain_BigEvent .container .middle .content .bigEventLeft ul .selected { background-color: #EBD8B7; }
.Borain_BigEvent .container .middle .content .bigEventLeft ul .selected .selectedIco { width: 2%; height: 100%; top: 0px; right: -2%; background-image: url(../images/BigEvent_eventInfoselected.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
.Borain_BigEvent .container .middle .content .bigEventLeft ul li .eventInfo { display: none; }
.Borain_BigEvent .container .middle .content .bigEventRight { width: 34%; height: 90%; top: 0px; right: 0px; background-color: #EBD8B7; position: absolute; }
.Borain_BigEvent .container .middle .content .bigEventRight .eventInfo { width: 100%; height: 100%; position: relative; }
.Borain_BigEvent .container .middle .content .bigEventRight .eventInfo .eventImg { width: 80.5%; height: 22.5%; top: 4%; left: 9%; background-repeat: no-repeat; background-size: 100% 100%; position: absolute; }
.Borain_BigEvent .container .middle .content .bigEventRight .eventInfo .eventName { width: 80.5%; height: 5%; top: 29%; left: 9%; color: #333333; position: absolute; }
.Borain_BigEvent .container .middle .content .bigEventRight .eventInfo .time { width: 80.5%; height: 5%; top: 35%; left: 9%; color: #71706C; position: absolute; }
.Borain_BigEvent .container .middle .content .bigEventRight .eventInfo .contenter { width: 80.5%; height: 44%; top: 41%; left: 9%; color: #71706C; line-height: inherit !important; position: absolute; overflow: hidden; }
.Borain_BigEvent .container .middle .content .bigEventRight .eventInfo .go { display: block; width: 80.5%; height: 10%; bottom: 4%; left: 9%; color: #FFFFFF; -moz-border-radius: 5%; -webkit-border-radius: 5%; border-radius: 5%; background-color: #9E3420; margin: 0px auto 0px auto; text-align: center; position: absolute; cursor: pointer; }
.Borain_BigEvent .container .middle .content .bigEventRight .eventInfo .go:hover { background-color: #FB350F; text-decoration: none; }
.Borain_BigEvent .container .middle .content .eventBott { width: 100%; height: 8%; bottom: 0px; left: 0px; position: absolute; }
.Borain_BigEvent .container .middle .content .eventBott .bottLeft { width: 40%; height: 100%; float: left; position: relative; }
.Borain_BigEvent .container .middle .content .eventBott .bottLeft a { display: block; width: 30%; height: 100%; color: #FFFFFF; -moz-border-radius: 5%; -webkit-border-radius: 5%; border-radius: 5%; background-color: #996C33; text-align: center; cursor: pointer; }
.Borain_BigEvent .container .middle .content .eventBott .bottLeft .previous { top: 0px; left: 0px; line-height: 32px; position: absolute; }
.Borain_BigEvent .container .middle .content .eventBott .bottLeft .next { top: 0px; right: 0px; line-height: 32px; position: absolute; }
.Borain_BigEvent .container .middle .content .eventBott .bottLeft a:hover { background-color: #9E3420; text-decoration: none; }
.Borain_BigEvent .container .middle .content .eventBott .bottLeft p { display: block; width: 20%; height: 100%; top: 0px; left: 40%; color: #996C33; line-height: 32px; position: absolute; }
.Borain_BigEvent .container .middle .content .eventBott .bottRight { width: 55%; height: 100%; float: right; position: relative; }
.Borain_BigEvent .container .middle .content .eventBott .bottRight input { height: 100%; width: 75%; border: none; -moz-border-radius: 3%; -webkit-border-radius: 3%; border-radius: 3%; padding: 0px 2% 0px 2%; outline: medium; }
.Borain_BigEvent .container .middle .content .eventBott .bottRight .search { color: #888888; }
.Borain_BigEvent .container .middle .content .eventBott .bottRight .searchBut { width: 18%; height: 100%; top: 0px; right: 0px; color: #FFFFFF; border: none; -moz-border-radius: 10%; -webkit-border-radius: 10%; border-radius: 10%; background-color: #996C33; text-align: center; line-height: 32px; position: absolute; cursor: pointer; outline: medium; }
.Borain_BigEvent .container .middle .content .eventBott .bottRight .searchBut:hover { background-color: #9e3420; text-decoration: none; }
.Borain_BigEvent .container .middle .content .category .celebrityBott .pageTurn .nextpage { width: 23%; color: #FFFFFF; -moz-border-radius: 4%; -webkit-border-radius: 4%; border-radius: 4%; background-color: #996C33; }
.Borain_BigEvent .container .middle .content .category .celebrityBott .pageTurn a:hover { color: #FFFFFF; background-color: #9F311F; text-decoration: none; }
/*名人榜弹窗*/
.Borain_Celebrity { display: none; width: 682px; height: 480px; background-image: url(../images/Celebrity_background.png); background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 10; }
.Borain_Celebrity .title { display: block; width: 100%; height: 44px; background-image: url(../images/Celebrity_title.png); background-repeat: no-repeat; background-position: center center; }
.Borain_Celebrity .close { display: block; width: 28px; height: 28px; top: -10px; right: -10px; background: url(../images/SettingPopup_close.png); background-repeat: no-repeat; background-position: center center; position: absolute; cursor: pointer; }
.Borain_Celebrity .close:hover { background: url(../images/SettingPopup_closeHover.png); }
.Borain_Celebrity .container { width: 100%; height: 90.9%; }
.Borain_Celebrity .container .middle { width: 100%; height: 390px; margin: 3.4% 0px 0px 0px; position: relative; }
.Borain_Celebrity .container .middle .content { width: 94.6%; height: 100%; position: absolute; top: 0px; left: 2.6%; }
.Borain_Celebrity .container .middle .content .categorieser { width: 90.7%; height: 7%; }
.Borain_Celebrity .container .middle .content .categorieser ul { display: block; width: 50%; height: 100%; float: left; margin-left: 1%; }
.Borain_Celebrity .container .middle .content .categorieser ul li { display: block; width: 92px; height: 100%; margin-right: 5px; float: left; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); transform: skew(-20deg); position: relative; overflow: hidden; }
.Borain_Celebrity .container .middle .content .categorieser ul li a { display: block; width: 200%; height: 28px; top: 0px; left: -50%; color: #ac0101; background-color: #FFFFFF; text-align: center; line-height: 28px; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); transform: skew(20deg); cursor: pointer; position: absolute; }
.Borain_Celebrity .container .middle .content .categorieser ul a:hover { text-decoration: none; }
.Borain_Celebrity .container .middle .content .categorieser ul li .selected { background-color: #ac0101; color: #FFFFFF; }
.Borain_Celebrity .container .middle .content .categorieser .searchBox { float: right; }
.Borain_Celebrity .container .middle .content .searchBox { width: 36.8%; height: 100%; position: absolute; float: right; position: relative; }
.Borain_Celebrity .container .middle .content .searchBox .search { width: 73%; padding: 2.88% 1% 2.58% 10%; border: none; outline: medium; }
.Borain_Celebrity .container .middle .content .searchBox .searchBut { width: 20%; height: 100%; background-image: url(../images/searchButBack.png); background-size: 100% 100%; position: absolute; color: #FFFFFF; top: 0%; left: 81%; outline: medium; border: none; background-color: #996c33; -moz-border-radius: 4%; -webkit-border-radius: 4%; border-radius: 4%; cursor: pointer; }
.Borain_Celebrity .container .middle .content .searchBox .searchBut:hover { background-image: url(../images/searchButBackhover.png); }
.Borain_Celebrity .container .middle .content .searchBox .searchIco { display: block; width: 7.2%; height: 50.5%; background-image: url(../images/searchIco.png); background-size: 100% 100%; position: absolute; left: 2%; top: 25%; }
.Borain_Celebrity .container .middle .content .letter { width: 5.75%; height: 100%; position: absolute; right: -0.2%; top: 0px; z-index: 9; }
.Borain_Celebrity .container .middle .content .letter .surnames { display: block; width: 100%; height: 11.2%; background-image: url(../images/surnamesname.png); background-size: 100% 100%; }
.Borain_Celebrity .container .middle .content .letter a { display: block; width: 30%; height: 4.3%; line-height: inherit !important; padding: 3% 9%; margin-top: 5%; float: left; text-align: center; cursor: pointer; }
.Borain_Celebrity .container .middle .content .letter a:hover { text-decoration: none; background-color: #996c33; color: #FFFFFF; }
.Borain_Celebrity .container .middle .content .letter .all { width: 100%; padding: 11% 0; }
.Borain_Celebrity .container .middle .content .letter .other { width: 100%; padding: 11% 0; }
.Borain_Celebrity .container .middle .content .letter .choose { background-color: #996c33; color: #FFFFFF; }
.Borain_Celebrity .container .middle .content .category { width: 93%; height: 90%; overflow: hidden; }
.Borain_Celebrity .container .middle .content .category .celebrityLsit { width: 100%; height: 88.5%; }
.Borain_Celebrity .container .middle .content .category .celebrityLsit .isNoList { width: 100%; height: 100%; font-size: 16px; text-align: center; line-height: 324px; color: #f3ebdc; }
.Borain_Celebrity .container .middle .content .category .celebrityLsit li { width: 47.5%; height: 23%; margin: 1% 2.5% 0px 0px; float: left; position: relative; background-color: #f3ebdc; }
.Borain_Celebrity .container .middle .content .category .celebrityLsit .stay { background-color: #ebd8b7; }
.Borain_Celebrity .container .middle .content .category .celebrityLsit li a .celebrityPhoto { width: 20%; height: 96%; position: absolute; left: 0.7%; top: 2.5%; background-repeat: no-repeat; background-size: 100% 100%; }
.Borain_Celebrity .container .middle .content .category .celebrityLsit li a .celebrityPhoto img { width: 100%; height: 100%; border: none; }
.Borain_Celebrity .container .middle .content .category .celebrityLsit li a .celebrityInfo { width: 75%; height: 100%; position: absolute; right: 1%; top: 0%; }
.Borain_Celebrity .container .middle .content .category .celebrityLsit li a .celebrityInfo .name { width: 100%; height: 20%; padding: 4% 0px; color: #996c33; }
.Borain_Celebrity .container .middle .content .category .celebrityLsit li a .celebrityInfo .name .offerings { display: none; width: 21px; height: 13px; float: right; margin-right: 10%; background-image: url(../images/CelebrityofferingsIco.png); background-size: 100% 100%; }
.Borain_Celebrity .container .middle .content .category .celebrityLsit li a .celebrityInfo .goodValue { width: 100%; height: 47%; line-height: inherit !important; color: #996c33; overflow: hidden; }
.Borain_Celebrity .container .middle .content .category .celebrityLsit li a:hover .name { color: #ac0101; }
.Borain_Celebrity .container .middle .content .category .celebrityLsit li a:hover .name .offerings { display: block; }
.Borain_Celebrity .container .middle .content .category .celebrityBott { width: 100%; height: 7.2%; margin: 2.4% 0px; position: relative; }
.Borain_Celebrity .container .middle .content .category .celebrityBott .pageTurn { width: 38%; height: 100%; position: absolute; top: 0px; left: 35%; cursor: pointer; }
.Borain_Celebrity .container .middle .content .category .celebrityBott .pageTurn a { display: block; width: 4.5%; text-align: center; padding: 5.7% 1%; margin: 0px 2%; float: left; }
.Borain_Celebrity .container .middle .content .category .celebrityBott .pageTurn .onepage { width: 23%; background-color: #996c33; color: #FFFFFF; -moz-border-radius: 4%; -webkit-border-radius: 4%; border-radius: 4%; }
.Borain_Celebrity .container .middle .content .category .celebrityBott .pageTurn .nextpage { width: 23%; background-color: #996c33; color: #FFFFFF; -moz-border-radius: 4%; -webkit-border-radius: 4%; border-radius: 4%; }
.Borain_Celebrity .container .middle .content .category .celebrityBott .pageTurn a:hover { text-decoration: none; background-color: #9f311f; color: #FFFFFF; }
.Borain_Celebrity .container .middle .content .foreign { display: none; }
.Borain_Celebrity .container .middle .content .comprehensive { display: none; }
.Borain_Celebrity .container .middle .content .eventBott { width: 100%; height: 6%; bottom: 0px; left: 0px; position: absolute; }
.Borain_Celebrity .container .middle .content .eventBott .bottLeft { width: 40%; height: 100%; position: relative; margin: 0px auto 0px auto; }
.Borain_Celebrity .container .middle .content .eventBott .bottLeft a { display: block; width: 30%; height: 100%; color: #FFFFFF; -moz-border-radius: 5%; -webkit-border-radius: 5%; border-radius: 5%; background-color: #996C33; text-align: center; cursor: pointer; }
.Borain_Celebrity .container .middle .content .eventBott .bottLeft .previous { top: 0px; left: 0px; line-height: 24px; position: absolute; }
.Borain_Celebrity .container .middle .content .eventBott .bottLeft .next { top: 0px; right: 0px; line-height: 24px; position: absolute; }
.Borain_Celebrity .container .middle .content .eventBott .bottLeft a:hover { background-color: #9E3420; text-decoration: none; }
.Borain_Celebrity .container .middle .content .eventBott .bottLeft p { display: block; width: 20%; height: 100%; top: 0px; left: 40%; text-align: center; color: #996C33; line-height: 24px; 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); }