html { width: 100%; }
body { width: 100%; background-image: url(../UserCenterImages/topBackground.png); background-repeat: no-repeat; background-color: #FBF5E8;  background-size: contain;}
.topBackgroundImg { width: 100%; height: 70px; }
.topBackgroundImg .headerTitle { width: 1200px; height: 70px; background-image: url(../UserCenterImages/masterFrame/other/headerTitle.png); background-repeat: no-repeat; margin: 0px auto 0px auto; }
.topBackgroundImg .headerTitle .headerRightTimeBox { width: 250px; height: 70px; float: right; }
.topBackgroundImg .headerTitle .headerRightTimeBox .timeBoxLeft { width: 150px; height: 70px; float: left; }
.topBackgroundImg .headerTitle .headerRightTimeBox .timeBoxLeft .mouthBox { width: 45px; font-size: 38px; color: #9D6323; line-height: 70px; float: left; }
.topBackgroundImg .headerTitle .headerRightTimeBox .timeBoxLeft .timeInfo { width: 92px; font-size: 13px; line-height: 18px; float: left; padding: 18px 0px 0px 5px; }
.topBackgroundImg .headerTitle .headerRightTimeBox .timeBoxLeft .timeInfo p { color: #9D6323; }
.topBackgroundImg .headerTitle .headerRightTimeBox .timeBoxLeft .timeInfo span { color: #9D6323; }
.topBackgroundImg .headerTitle .headerRightTimeBox .timeBoxRight { width: 95px; height: 70px; float: left; position: relative; }
.topBackgroundImg .headerTitle .headerRightTimeBox .timeBoxRight .signInBox { display: block; width: 87px; height: 30px; top: 20px; right: 0px; border-radius: 2px 2px 2px 2px; background-color: #9D6323; position: absolute; cursor: pointer; }
.topBackgroundImg .headerTitle .headerRightTimeBox .timeBoxRight .signInBox:hover { background-color: #9A2F1E; }
.topBackgroundImg .headerTitle .headerRightTimeBox .timeBoxRight .signInBox.disable { background-color: #B0B0B0; cursor: default; }
.topBackgroundImg .headerTitle .headerRightTimeBox .timeBoxRight .signInBox .signInImg { display: block; width: 16px; height: 16px; top: 8px; left: 10px; background-image: url(../UserCenterImages/masterFrame/other/signInIcon.png); background-repeat: no-repeat; position: absolute; }
.topBackgroundImg .headerTitle .headerRightTimeBox .timeBoxRight .signInBox .inText { width: 72px; height: 30px; top: 0px; left: 15px; font-size: 14px; color: #F3DCC5; text-align: center; line-height: 30px; position: absolute; }
.mainBox { width: 1200px; margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; }
.mainBox .leftNavBox { width: 194px; background-color: #E1D3BB; float: left; padding: 0px 0px 10px 0px; margin: 54px 0px 0px 0px; position: relative; }
.mainBox .leftNavBox .personalInfo { width: 173px; height: 385px; top: -54px; left: 10.5px; border-radius: 5px 5px 5px 5px; background-color: #FFFFFF; position: absolute; }
.mainBox .leftNavBox .personalInfo .userHeaderImage { width: 170px; height: 163px; margin: 0px auto 0px auto; position: relative; }
.mainBox .leftNavBox .personalInfo .userHeaderImage img { display: block; width: 160px; height: 153px; top: 5px; left: 5px; position: absolute; }
.mainBox .leftNavBox .UserCenterInfoBox { padding: 0px 6px 0px 6px; }
.mainBox .leftNavBox .UserCenterInfoBox ul { display: block; }
.mainBox .leftNavBox .UserCenterInfoBox ul li { display: block; color: #AD7A46; height: 22px; text-overflow: ellipsis; line-height: 22px; position: relative; white-space: nowrap; overflow: hidden; }
.mainBox .leftNavBox .UserCenterInfoBox ul li span { color: #AD7A46; line-height: 22px; }
.mainBox .leftNavBox .UserCenterInfoBox ul li .userNickname { font-size: 16px;}
.mainBox .leftNavBox .UserCenterInfoBox ul li .fontSstyle { display: none; height: 22px; top: 0px; right: 0px; font-size: 12px; color: #A84E3C; position: absolute; cursor:default; }
.mainBox .leftNavBox .UserCenterInfoBox ul li .fontSstyle:hover { color: #F85A40; text-decoration: none; }
.mainBox .leftNavBox .UserCenterInfoBox ul li .dataPerfectPercentage { width: 50px; height: 5px; top: 7.5px; right: 0px; border: 1px solid #AD7A46; border-radius: 2px 2px 2px 2px; background-color: #E1D3BB; position: absolute; }
.mainBox .leftNavBox .UserCenterInfoBox ul li .dataPerfectPercentage p { width: 0px; height: 5px; background-color: #AD7A46; }
.mainBox .leftNavBox .UserCenterInfoBox ul .perfectInformationLi { height: 25px; margin: 0px 0px 5px 0px;}
.mainBox .leftNavBox .UserCenterInfoBox ul li #cpayLink {cursor:pointer; display: block; width: 100%; height: 25px; color: #FFFFFF; border-radius: 3px 3px 3px 3px; background-color: #9D6323; text-align: center; line-height: 25px; }
.mainBox .leftNavBox .UserCenterInfoBox ul li #cpayLink:hover { background-color: #9A2F1E; text-decoration: none; }
.mainBox .leftNavBox .UserCenterInfoBox ul li .goPerfectInformation { display: block; width: 100%; height: 25px; color: #FFFFFF; border-radius: 3px 3px 3px 3px; background-color: #9D6323; text-align: center; line-height: 25px; }
.mainBox .leftNavBox .UserCenterInfoBox ul li .goPerfectInformation:hover { background-color: #9A2F1E; text-decoration: none; }
.mainBox .leftNavBox .UserCenterInfoBox ul li .cpayLink { display: block; width: 100%; height: 25px;cursor:pointer; color: #FFFFFF; border-radius: 3px 3px 3px 3px; background-color: #9D6323; text-align: center; line-height: 25px; }
.mainBox .leftNavBox .UserCenterInfoBox ul li .cpayLink:hover { background-color: #9A2F1E; text-decoration: none; }
.mainBox .leftNavBox .navBox { width: 170px; margin: 340px auto 0px auto; }
.mainBox .navBox .division { width: 100%; border-top: 1px dashed #B1865A; margin: 10px 0px 10px 0px; }
.mainBox .leftNavBox .navBox ul { display: block; }
.mainBox .leftNavBox .navBox ul li { display: block; height: 30px; border-radius: 5px 5px 5px 5px; background-image: url(../UserCenterImages/masterFrame/other/leftNavIcon.png); background-repeat: no-repeat; background-position: right center; }
.mainBox .leftNavBox .navBox ul li a { display: block; width: 140px; height: 30px; color: #A57240; background-repeat: no-repeat; background-position: 10px center; line-height: 30px; padding: 0px 0px 0px 30px; }
.mainBox .leftNavBox .navBox ul li.hover{ background-color: #A67238; }
.mainBox .leftNavBox .navBox ul li.hover a { color:#FFFFFF; }
.mainBox .navBox ul li a:hover { color: #84541f; text-decoration: none; }
.mainBox .navBox ul li .MuYuanGuanLi { background-image: url(../UserCenterImages/masterFrame/navIcon/MuYuanGuanLi.png); }
.mainBox .leftNavBox .navBox ul li .eixt{background-image: url("../UserCenterImages/masterFrame/navIcon/eixt.png");cursor:pointer;}
.mainBox .leftNavBox .navBox ul li.hover .MuYuanGuanLi { background-image: url(../UserCenterImages/masterFrame/navIcon/MuYuanGuanLi_hover.png); }
.mainBox .navBox ul li .JiaYuanGuanLi { background-image: url(../UserCenterImages/masterFrame/navIcon/JiaYuanGuanLi.png); }
.mainBox .leftNavBox .navBox ul li.hover .JiaYuanGuanLi { background-image: url(../UserCenterImages/masterFrame/navIcon/JiaYuanGuanLi_hover.png); }
.mainBox .navBox ul li .ShiZongCiTangGuanLi { background-image: url(../UserCenterImages/masterFrame/navIcon/ShiZongCiTangGuanLi.png); }
.mainBox .leftNavBox .navBox ul li.hover .ShiZongCiTangGuanLi { background-image: url(../UserCenterImages/masterFrame/navIcon/ShiZongCiTangGuanLi_hover.png); }
.mainBox .navBox ul li .WoGuanZhuDeChangJing { background-image: url(../UserCenterImages/masterFrame/navIcon/WoGuanZhuDeChangJing.png); }
.mainBox .leftNavBox .navBox ul li.hover .WoGuanZhuDeChangJing { background-image: url(../UserCenterImages/masterFrame/navIcon/WoGuanZhuDeChangJing_hover.png); }
.mainBox .navBox ul li .ZiJinJiLu { background-image: url(../UserCenterImages/masterFrame/navIcon/ZiJinJiLu.png); }
.mainBox .leftNavBox .navBox ul li.hover .ZiJinJiLu { background-image: url(../UserCenterImages/masterFrame/navIcon/ZiJinJiLu_hover.png); }
.mainBox .navBox ul li .JinBiGuanLi { background-image: url(../UserCenterImages/masterFrame/navIcon/JinBiGuanLi.png); }
.mainBox .leftNavBox .navBox ul li.hover .JinBiGuanLi { background-image: url(../UserCenterImages/masterFrame/navIcon/JinBiGuanLi_hover.png); }
.mainBox .navBox ul li .GeRenZhangDan { background-image: url(../UserCenterImages/masterFrame/navIcon/GeRenZhangDan.png); }
.mainBox .leftNavBox .navBox ul li.hover .GeRenZhangDan { background-image: url(../UserCenterImages/masterFrame/navIcon/GeRenZhangDan_hover.png); }
.mainBox .navBox ul li .TiXianJiLu { background-image: url(../UserCenterImages/masterFrame/navIcon/TiXianJiLu.png); }
.mainBox .leftNavBox .navBox ul li.hover .TiXianJiLu { background-image: url(../UserCenterImages/masterFrame/navIcon/TiXianJiLu_hover.png); }
.mainBox .navBox ul li .YangLaoJiJinZhangDan { background-image: url(../UserCenterImages/masterFrame/navIcon/YangLaoJiJinZhangDan.png); }
.mainBox .leftNavBox .navBox ul li.hover .YangLaoJiJinZhangDan { background-image: url(../UserCenterImages/masterFrame/navIcon/YangLaoJiJinZhangDan_hover.png); }
.mainBox .navBox ul li .QianDaoJiLu { background-image: url(../UserCenterImages/masterFrame/navIcon/QianDaoJiLu.png); }
.mainBox .leftNavBox .navBox ul li.hover .QianDaoJiLu { background-image: url(../UserCenterImages/masterFrame/navIcon/QianDaoJiLu_hover.png); }
.mainBox .navBox ul li .ZaiXianChongZhi { background-image: url(../UserCenterImages/masterFrame/navIcon/ZaiXianChongZhi.png); }
.mainBox .leftNavBox .navBox ul li.hover .ZaiXianChongZhi { background-image: url(../UserCenterImages/masterFrame/navIcon/ZaiXianChongZhi_hover.png); }
.mainBox .navBox ul li .ChongZhiJiLu { background-image: url(../UserCenterImages/masterFrame/navIcon/ChongZhiJiLu.png); }
.mainBox .leftNavBox .navBox ul li.hover .ChongZhiJiLu { background-image: url(../UserCenterImages/masterFrame/navIcon/ChongZhiJiLu_hover.png); }
.mainBox .navBox ul li .JiBaiJiLu { background-image: url(../UserCenterImages/masterFrame/navIcon/JiBaiJiLu.png); }
.mainBox .leftNavBox .navBox ul li.hover .JiBaiJiLu { background-image: url(../UserCenterImages/masterFrame/navIcon/JiBaiJiLu_hover.png); }
.mainBox .navBox ul li .DaoWenGuanLi { background-image: url(../UserCenterImages/masterFrame/navIcon/DaoWenGuanLi.png); }
.mainBox .leftNavBox .navBox ul li.hover .DaoWenGuanLi { background-image: url(../UserCenterImages/masterFrame/navIcon/DaoWenGuanLi_hover.png); }
.mainBox .navBox ul li .LiuYanGuanLi { background-image: url(../UserCenterImages/masterFrame/navIcon/LiuYanGuanLi.png); }
.mainBox .leftNavBox .navBox ul li.hover .LiuYanGuanLi { background-image: url(../UserCenterImages/masterFrame/navIcon/LiuYanGuanLi_hover.png); }
.mainBox .navBox ul li .JiFenGuanLi { background-image: url(../UserCenterImages/masterFrame/navIcon/JiFenGuanLi.png); }
.mainBox .leftNavBox .navBox ul li.hover .JiFenGuanLi { background-image: url(../UserCenterImages/masterFrame/navIcon/JiFenGuanLi_hover.png); }
.mainBox .navBox ul li .LiuYanZiXun { background-image: url(../UserCenterImages/masterFrame/navIcon/LiuYanZiXun.png); }
.mainBox .leftNavBox .navBox ul li.hover .LiuYanZiXun { background-image: url(../UserCenterImages/masterFrame/navIcon/LiuYanZiXun_hover.png); }
.mainBox .navBox ul li .XiangGuanShenQing { background-image: url(../UserCenterImages/masterFrame/navIcon/XiangGuanShenQing.png); }
.mainBox .leftNavBox .navBox ul li.hover .XiangGuanShenQing { background-image: url(../UserCenterImages/masterFrame/navIcon/XiangGuanShenQing_hover.png); }
.mainBox .navBox ul li .XiTongGongGao { background-image: url(../UserCenterImages/masterFrame/navIcon/XiTongGongGao.png); }
.mainBox .leftNavBox .navBox ul li.hover .XiTongGongGao { background-image: url(../UserCenterImages/masterFrame/navIcon/XiTongGongGao_hover.png); }
.mainBox .rightNavBox { width: 1005px; background-color: #FFFFFF; float: left; margin: 55px 0px 0px 0px; position: relative; }
.mainBox .rightNavBox .topNavBox { width: 959px; height: 53px; top: -54px; left: 0px; border-bottom: 1px solid #9D6323; padding: 0px 23px 0px 23px; margin: 0px auto 0px auto; position: absolute; }
.mainBox .rightNavBox .topNavBackground { width: 1005px; height: 54px; top: -55px; left: 0px; border-radius: 5px 5px 0px 0px; background-color: #FFFFFF; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; position: absolute; }
.mainBox .rightNavBox .topNavBox ul { height: 54px; display: block; }
.mainBox .rightNavBox .topNavBox ul li { height: 54px; float: left; text-align: center; line-height: 54px; padding: 0px 12px 0px 12px; }
.mainBox .rightNavBox .topNavBox ul li a { font-size: 14px; color: #000000; }
.mainBox .rightNavBox .topNavBox ul li:hover a { color: #9D6322; text-decoration: none; }
.mainBox .rightNavBox .topNavBox ul li.hover { background-image: url(../UserCenterImages/masterFrame/other/navBottomIco.png); background-repeat: no-repeat; background-position: center bottom; }
.mainBox .rightNavBox .topNavBox ul li.hover a { color: #9D6322; }
.mainBox .rightNavBox .topNavBox .backSacrificialPlatform { display: block; width: 100px; height: 28px; top: 13px; right: 0px; color: #FFFFFF; background-image: url(../UserCenterImages/masterFrame/other/backSacrificialPlatform.png); background-repeat: no-repeat; background-position: left center; text-align: center; line-height: 28px; padding: 0px 0px 0px 5px; position: absolute; }
.mainBox .rightNavBox .topNavBox .backSacrificialPlatform:hover { background-image: url(../UserCenterImages/masterFrame/other/backSacrificialPlatformHover.png); text-decoration: none; }
.mainBox .rightNavBox .contontMain { width: 985px; background-color: #FFFFFF; padding: 10px 10px 10px 10px; }
.mainBox .rightNavBox .contontMain .aspxContent { width: 100%; }
.floatNavBox { width: 60px; height: 175px; top: 50%; left: 82%; position: fixed; }
.floatNavBox ul li { width: 100%; height: 55px; background-color: #E1D3BB; margin: 4px 0px 0px 0px; }
.floatNavBox ul li a { display: block; width: 100%; height: 100%; color: #A57240; background-repeat: no-repeat; background-position: center 10px; text-align: center; line-height: 90px; cursor: pointer; }
.floatNavBox ul li .signIn { background-image: url(../UserCenterImages/masterFrame/floatIcon/signIn.png); }
.floatNavBox ul li .signIn:hover { color: #FFFFFF; background-color: #A57240; background-image: url(../UserCenterImages/masterFrame/floatIcon/signInHover.png); text-decoration: none; }
.floatNavBox ul li .signInDisable:hover { color: #FFFFFF; background-color: #B0B0B0; background-image: url(../UserCenterImages/masterFrame/floatIcon/signInHover.png); text-decoration: none; }
.floatNavBox ul li .message { background-image: url(../UserCenterImages/masterFrame/floatIcon/message.png); }
.floatNavBox ul li .message:hover { color: #FFFFFF; background-color: #A57240; background-image: url(../UserCenterImages/masterFrame/floatIcon/messageHover.png); text-decoration: none; }
.floatNavBox ul li .backTop { background-image: url(../UserCenterImages/masterFrame/floatIcon/backTop.png); }
.floatNavBox ul li .backTop:hover { color: #FFFFFF; background-color: #A57240; background-image: url(../UserCenterImages/masterFrame/floatIcon/backTopHover.png); text-decoration: none; }
.floatNavBox ul li .exit { background-image: url(../UserCenterImages/masterFrame/floatIcon/exit.png);    background-size: 25px; }
.floatNavBox ul li .exit:hover { color: #FFFFFF; background-color: #A57240; background-image: url(../UserCenterImages/masterFrame/floatIcon/exitHover.png);    background-size: 25px; text-decoration: none; }
.footer { width: 1005px; color: #A57E53; margin: 0px auto 0px auto; }
.footer p { color: #A57E53; text-align: center; line-height: 2; }
.alertMask { display: none; width: 100%; height: 100%; top: 0px; left: 0px; background-image: url(../UserCenterImages/masterFrame/other/PageMask.png); background-repeat: repeat; background-position: center center; position: fixed; z-index: 9999; }
.alert { display: none; width: 400px; top: 0px; left: 0px; border-bottom: 1px solid #E1E1E1; border-radius: 10px 10px 10px 10px; background-color: #FFFFFF; padding: 0px 0px 10px 0px; position: fixed; z-index: 9999; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; }
.alert .title { height: 40px; font-size: 16px; color: #A56D4D; border-radius: 10px 10px 0px 0px; background-color: #E1D3BB; line-height: 40px; padding: 0px 10px 0px 10px; }
.alert .close { display: block; width: 26px; height: 26px; top: 7px; right: 7px; background-image: url(../UserCenterImages/masterFrame/other/alertPopupClose.png); background-repeat: no-repeat; background-position: center center; position: absolute; cursor: pointer; }
.alert .close:hover { background-image: url(../UserCenterImages/masterFrame/other/alertPopupCloseHover.png); }
.alert .content { color: #000000; text-align: center; padding: 20px 20px 20px 20px; }
.alert .submit { display: block; width: 60px; height: 30px; color: #FFFFFF; border-radius: 3px 3px 3px 3px; background-color: #9D6322; text-align: center; line-height: 30px; margin: 0px auto 0px auto; cursor: pointer; }
.alert .submit:hover { background-color: #9A2F1E; text-decoration: none; }
.confirmMask { display: none; width: 100%; height: 100%; top: 0px; left: 0px; background-image: url(../UserCenterImages/masterFrame/other/PageMask.png); background-repeat: repeat; background-position: center center; position: fixed; z-index: 9999; }
.confirm { display: none; width: 400px; top: 0px; left: 0px; border-bottom: 1px solid #E1E1E1; border-radius: 10px 10px 10px 10px; background-color: #FFFFFF; padding: 0px 0px 10px 0px; position: fixed; z-index:9999; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; }
.confirm .title { height: 40px; font-size: 16px; color: #A56D4D; border-radius: 10px 10px 0px 0px; background-color: #E1D3BB; line-height: 40px; padding: 0px 10px 0px 10px; }
.confirm .close { display: block; width: 26px; height: 26px; top: 7px; right: 7px; background-image: url(../UserCenterImages/masterFrame/other/alertPopupClose.png); background-repeat: no-repeat; background-position: center center; position: absolute; cursor: pointer; }
.confirm .close:hover { background-image: url(../UserCenterImages/masterFrame/other/alertPopupCloseHover.png); }
.confirm .content { color: #000000; text-align: center; padding: 20px 20px 20px 20px; }
.confirm .buttonList { width: 140px; height: 30px; margin: 0px auto 0px auto; }
.confirm .submit { display: block; width: 60px; height: 30px; color: #FFFFFF; border-radius: 3px 3px 3px 3px; background-color: #9D6322; text-align: center; line-height: 30px; float: left; cursor: pointer; }
.confirm .submit:hover { background-color: #9A2F1E; text-decoration: none; }
.confirm .cancel { display: block; width: 60px; height: 30px; color: #FFFFFF; border-radius: 3px 3px 3px 3px; background-color: #9D6322; text-align: center; line-height: 30px; float: left; margin: 0px 0px 0px 20px; cursor: pointer; }
.confirm .cancel:hover { background-color: #9A2F1E; text-decoration: none; }
.publicMask { display: none; width: 100%; height: 100%; top: 0px; left: 0px; background-image: url(../UserCenterImages/masterFrame/other/PageMask.png); background-repeat: repeat; background-position: center center; position: fixed; z-index: 10; }

.gray { 
    -webkit-filter: grayscale(70%);
    -moz-filter: grayscale(70%);
    -ms-filter: grayscale(70%);
    -o-filter: grayscale(70%);
    filter: grayscale(70%);
    filter: gray;
}