* {
    margin: 0;
    padding: 0
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

.l-float {
    float: left;
}

.r-float {
    float: right;
}

input[type=number] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

*:focus {
    outline: none
}

::-webkit-input-placeholder {
    color: #b27f46
}

body, html {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font: 12px/1.5 "微软雅黑";
    position:fixed;
}

canvas, .animate-modal, .bow-down {
    position: absolute;
    left: 50%;
    top: 0;
}

.animate-modal img, .bow-down img {
    position: absolute;
}

.apadana-menu {
    position: fixed;
    top: 10px;
    right: 20px;
    z-index: 4;
    padding: 0 10px;
    height: 31px;
    display: block;
    background: url(../images/apadana_menu_bg.png);
}

.apadana-menu:after {
    position: absolute;
    right: -10px;
    content: '';
    width: 15px;
    height: 31px;
    background: url(../images/apadana_menu_bg_r.png);
}

.apadana-menu li {
    float: left;
}

.apadana-menu li a {
    margin-left: 8px;
    display: inline-block;
    color: #d67e1d;
    line-height: 31px;
}

.apadana-menu li a:hover {
    color: #f00;
}

.tribute {
    position: fixed;
    left: 50%;
    bottom: 5px;
    padding: 0 0 0 39px;
    margin-left: -398px;
    z-index: 9;
    width: 796px;
    height: 110px;
    background: url(../images/tribute.png) no-repeat;
}

.tribute .tribute-l {
    width: 570px;
}

.tribute .tribute-r {
    padding-top: 50px;
}

.tribute .tribute-menu {
    position: relative;
    margin-top: 13px;
    height: 28px;
    width: 570px;
}

.tribute .tribute-menu-list {
    height: 28px;
    position: relative;
}

.tribute .tribute-menu-list span.scroll-arr {
    position: absolute;
    left: 0;
    top: 29px;
    width: 20px;
    height: 7px;
    background: url(../images/arrow.png) no-repeat center top;
}

.tribute .tribute-menu li {
    position: relative;
    float: left;
    margin-right: 1px;
    color: #fff;
    line-height: 28px;
    padding: 0 10px;
    background: url(../images/tribute_menu.jpg) no-repeat;
    cursor: pointer;
}

.tribute .tribute-menu li:hover {
    color: #F9C705;
}

.tribute .tribute-menu li:after {
    position: absolute;
    right: 0;
    content: '';
    width: 4px;
    height: 28px;
    background: url(../images/tribute_menu_r.jpg) no-repeat;
}

.tribute .tribute-list {
    position: relative;
    margin-top: 14px;
    height: 50px;
    width: 570px;
}

.tribute .tribute-list-con {
    position: relative;
    height: 50px;
    overflow: hidden;
}

.tribute .tribute-list ul {
    position: absolute;
    height: 50px;
    display: none;
}

.tribute .tribute-list ul.active {
    display: block;
}

.tribute .tribute-list li {
	position:relative;
    float: left;
    margin-left: 7px;
    width: 50px;
    height: 50px;
    background:url(../images/tribute-list-con.png) no-repeat;
}

.tribute .tribute-list li:hover {
    background:url(../images/tribute-list-con_s.png) no-repeat;
}

.tribute .tribute-list li.disabled:before{
	position:absolute;
	content:'';
	width:50px;
	height:50px;
	background:rgba(0, 0, 0, 0.4);
}
.tribute .tribute-list li span{
	position:absolute;
	bottom:0;
	width:100%;
	height:22px;
	line-height:22px;
	left:0;
	color:#fff;
	white-space: nowrap;
	overflow: hidden;  
	text-overflow: ellipsis;
	background:rgba(0, 0, 0, 0.32);
	text-align:center;
}
.tribute .tribute-list li i.load-img{
	position:absolute;
	left:0;
	top:0;
	width:50px;
	height:50px;
	background:url(../images/loading_gif.gif) no-repeat center;

}
.tribute .tribute-list li span.tribute-name{
	padding-top: 8px;
	bottom: 20px;
	line-height:25px;
}
.tribute .tribute-list li span.tribute-price{
	height: 20px;
	line-height: 1;
}
.tribute .tribute-list li img {
    width: 50px;
    height: 50px;
}

.tribute-list-l, .tribute-list-r {
    display: none;
    position: absolute;
    top: 3px;
}

.tribute-list-l {
    left: -60px;
}

.tribute-list-r {
    right: -60px;
}

.tribute .tribute-menu .tribute-menu-left, .tribute .tribute-menu .tribute-menu-right {
    display: none;
    position: absolute;
    top: 0;
    width: 28px;
    height: 28px;
    background: url(../images/tribute_menu_left.png) no-repeat;
}

.tribute .tribute-menu .tribute-menu-left {
    left: -30px;
}

.tribute .tribute-menu .tribute-menu-left:hover {
    background-image: url(../images/tribute_menu_left_hover.png);
}

.tribute .tribute-menu .tribute-menu-right {
    right: -30px;
    background-image: url(../images/tribute_menu_right.png);
}

.tribute .tribute-menu .tribute-menu-right:hover {
    background-image: url(../images/tribute_menu_right_hover.png);
}

.mask {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    background: rgba(0, 0, 0, 0.52);;
}

.apadana-modal {
    display: none;
    position: absolute;
    z-index: 999;
    left: 50%;
    top: 50%;
    margin: -257px 0 0 -414px;
    width: 828px;
    height: 515px;
    background: url(../images/merits-box.png) no-repeat;
}

.apadana-modal-close {
    position: absolute;
    top: 30px;
    right: 18px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    background: url(../images/details-close.png) no-repeat;
}

.apadana-modal-close:hover {
    background-image: url(../images/details-close-hover.png);
}

.gdx .apadana-modal-head {
    padding: 60px 0 0 105px;
    height: 37px;
    background: url(../images/gdx.png) no-repeat 449px 61px;
}

.sx .apadana-modal-head {
    padding: 60px 0 0 105px;
    height: 37px;
    background: url(../images/sx.png) no-repeat 449px 61px;
}

.apadana-modal-head p.apadana-num {
    color: #85630a;
    line-height: 32px;
    font-size: 16px;
}

.apadana-modal-head p.apadana-num span {
    color: #fe0000;
}

.apadana-body {
    padding-left: 46px;
    overflow: hidden;
}

.apadana-body .apadana-body-l {
    margin-left: 30px;
    position: relative;
    padding: 20px 5px 0;
    width: 227px;
    height: 332px;
    background: url(../images/border-image.png);
}

.apadana-body .apadana-body-list {
    position: relative;
    height: 304px;
    overflow: hidden;
}

.apadana-body .apadana-body-list ul {
    position: absolute;
    width: 100%;
}

.apadana-body .apadana-body-list ul li {
    overflow: hidden;
    margin-bottom: 14px;
    background: url(../images/scroll-box-border.png) no-repeat center bottom;
}

.apadana-body .apadana-body-list ul li dl {
    height: 102px;
}

.apadana-body .apadana-body-list ul li dl dt {
    float: left;
    position: relative;
}

.apadana-body .apadana-body-list ul li dl dt img {
    width: 91px;
    height: 91px;
    margin-right: 5px;
}

.apadana-body .apadana-body-list ul li dl dt span {
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 27px;
    background: url(../images/type.png) no-repeat;
}

.apadana-body .apadana-body-list ul li dl dd.first {
    padding-top: 3px;
}

.apadana-body .apadana-body-list ul li dl dd {
    color: #b17e47;
    line-height: 28px;
}

.apadana-body .apadana-body-list ul li dl dd b {
    font-weight: bold;
    padding-right: 3px;
}

.apadana-body .apadana-body-list ul li dl dd b, .apadana-body .apadana-body-list ul li dl dd span {
    color: #d77f1e;
}

.apadana-body .apadana-body-list .wish-title {
    color: #b17e47;
    clear: both;
    margin-bottom: 10px;
    padding-right: 20px;
}

.apadana-body .apadana-body-list .wish-time {
    color: #7c4300;
    font-size: 14px;
    line-height: 16px;
    padding: 0 20px 10px 0;
    text-align: right;
}

.apadana-body .more {
    text-align: right;
    padding-right: 20px;
    line-height: 24px;
}

.apadana-body .more a {
    color: #f00;
}

.apadana-body .scroll-bar {
    position: absolute;
    right: 2px;
    top: 34px;
    width: 15px;
    height: 275px;
    background: #4a2f11;
}

.apadana-body .scroll-bar .bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 40px;
    background: #74522c;
}

.apadana-body .up {
    cursor: pointer;
    position: absolute;
    right: 2px;
    top: 20px;
    width: 15px;
    height: 14px;
    background: url(../images/wish-show-scrollbart.png) no-repeat;
}

.apadana-body .up:hover {
    background: url(../images/wish-show-scrollbart-hover.png) no-repeat;
}

.apadana-body .down {
    position: absolute;
    right: 2px;
    bottom: 29px;
    width: 15px;
    height: 14px;
    background: url(../images/wish-show-scrollbarb.png) no-repeat;
}

.apadana-body .down:hover {
    background: url(../images/wish-show-scrollbarb-hover.png) no-repeat;
}

.apadana-body-right {
    float: left;
    padding: 0 20px 0 25px;
    width: 455px;
    height: 50px;
    background: url(../images/merits-box-border.png) no-repeat center top;
}

.apadana-body-right p.title {
    padding: 13px 20px 22px 0;
    line-height: 14px;
    color: #90673b;
}

.apadana-body-right form {
    position: relative;
    height: 228px;
}

.apadana-body-right form p {
    float: left;
    height: 44px;
}

.apadana-body-right form p span {
    color: #c2731b;
    float: left;
    line-height: 26px;
    font-size: 14px;
}

.apadana-body-right form p span.remaining {
    font-family: Arial;
    color: #715137;
    font-size: 12px;
    padding: 0 5px;
}

.apadana-body-right form p .txt {
    float: left;
    border: none;
    margin-right: 10px;
    padding-left: 12px;
    width: 163px;
    height: 26px;
    color: #b27f46;
    background: url(../images/txt-border.png) no-repeat;
}

.apadana-body-right form p .txt2 {
    float: left;
    margin: 0;
    border: none;
    padding-left: 12px;
    width: 397px;
    height: 26px;
    color: #b27f46;
    background-position: left bottom;
}

.apadana-body-right form ol {
    display: none;
    position: absolute;
    left: 42px;
    top: 74px;
    width: 398px;
}

.apadana-body-right form ol li {
    background: #140f09;
    border: 1px #140f09 solid;
    padding-left: 12px;
    color: #b27f46;
    line-height: 33px;
    height: 33px;
    cursor: pointer;
}

.apadana-body-right form ol li.active, .apadana-body-right form ol li:hover {
    background: #ebd795;
}

.apadana-body-right form ol li:hover {
    border: 1px #a07a29 solid;
}

.apadana-body-right form p label.txt-box {
    float: left;
    padding: 10px;
    width: 377px;
    height: 70px;
    background: url(../images/txt-border2.png) no-repeat 0 -42px;;
}

.apadana-body-right form p label.txt-box textarea {
    border: none;
    width: 377px;
    height: 85px;
    resize: none;
    background: none;
    color: #b27f46;
}

.apadana-body-right form p.no-login i,
.apadana-body-right form p.no-login a {
    margin: 0 3px;
    float: left;
    color: #ff4200;
    line-height: 26px;
}

.apadana-body-right form p.no-login a {
    color: #11b300;
    font-size: 14px;
}

.apadana-body-right .btn-box div.l-float {
    padding-left: 37px;
}

.apadana-body-right .btn-box div.l-float a {
    float: left;
    width: 45px;
    height: 23px;
    background: url(../images/login-btn.png) no-repeat;
}

.apadana-body-right .btn-box div.l-float a.register-btn {
    margin-left: 15px;
    background-image: url(../images/register-btn.png);
}

.apadana-body-right .btn-box div.l-float span {
    display: block;
    font-size: 13px;
    line-height: 22px;
    color: #fc0000;
}

.apadana-body-right .btn-box div.r-float {
    padding-right: 20px;
}

.apadana-body-right .btn-box div.r-float input {
    border: none;
    cursor: pointer;
    width: 160px;
    height: 46px;
    background: url(../images/confirm.png) no-repeat;
}

.apadana-body-right .btn-box div.r-float input:hover {
    background-image: url(../images/confirm_hover.png);
}

/*  抽签*/
.qianbox {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -134px 0 0 -46px;
    z-index: 999;
    width: 93px;
    height: 268px;
}

.qiuqian, .qiuqian2 {
    position: absolute;
    z-index: 2;
}

.qiuqian2 {
    left: 30px;
    top: 40px;
    z-index: 1;
}

.qiuqian2.active {
    animation: qian 0.5s;
    animation-fill-mode: forwards;
    -webkit-animation: qian 0.5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: qian 0.5s;
    -moz-animation-fill-mode: forwards;
    -o-animation: qian 0.5s;
    -o-animation-fill-mode: forwards;
}

@keyframes qian {
    0% {
        left: 30px;
        top: 40px;
    }
    10% {
        left: 6px;
        top: -40px;
    }
    20% {
        left: -32px;
        top: -138px;
        transform: rotate(-15deg);
    }
    30% {
        left: -77px;
        top: -198px;
    }
    40% {
        left: -104px;
        top: -233px;
    }
    50% {
        left: -120px;
        top: -204px;
        transform: rotate(-10deg);
    }
    60% {
        left: -141px;
        top: -144px;
        transform: rotate(9deg);
    }
    70% {
        left: -160px;
        top: -55px;
        transform: rotate(32deg);
    }
    80% {
        left: -160px;
        top: 8px;
        transform: rotate(52deg);
    }
    100% {
        left: -170px;
        top: 15px;
        transform: rotate(56deg);
    }
}

@-webkit-keyframes qian {
    0% {
        left: 30px;
        top: 40px;
    }
    10% {
        left: 6px;
        top: -40px;
    }
    20% {
        left: -32px;
        top: -138px;
        transform: rotate(-15deg);
    }
    30% {
        left: -77px;
        top: -198px;
    }
    40% {
        left: -104px;
        top: -233px;
    }
    50% {
        left: -120px;
        top: -204px;
        transform: rotate(-10deg);
    }
    60% {
        left: -141px;
        top: -144px;
        transform: rotate(9deg);
    }
    70% {
        left: -160px;
        top: -55px;
        transform: rotate(32deg);
    }
    80% {
        left: -160px;
        top: 8px;
        transform: rotate(52deg);
    }
    100% {
        left: -170px;
        top: 15px;
        transform: rotate(56deg);
    }
}

@-moz-keyframes qian {
    0% {
        left: 30px;
        top: 40px;
    }
    10% {
        left: 6px;
        top: -40px;
    }
    20% {
        left: -32px;
        top: -138px;
        transform: rotate(-15deg);
    }
    30% {
        left: -77px;
        top: -198px;
    }
    40% {
        left: -104px;
        top: -233px;
    }
    50% {
        left: -120px;
        top: -204px;
        transform: rotate(-10deg);
    }
    60% {
        left: -141px;
        top: -144px;
        transform: rotate(9deg);
    }
    70% {
        left: -160px;
        top: -55px;
        transform: rotate(32deg);
    }
    80% {
        left: -160px;
        top: 8px;
        transform: rotate(52deg);
    }
    100% {
        left: -170px;
        top: 15px;
        transform: rotate(56deg);
    }
}

@-o-keyframes qian {
    0% {
        left: 30px;
        top: 40px;
    }
    10% {
        left: 6px;
        top: -40px;
    }
    20% {
        left: -32px;
        top: -138px;
        transform: rotate(-15deg);
    }
    30% {
        left: -77px;
        top: -198px;
    }
    40% {
        left: -104px;
        top: -233px;
    }
    50% {
        left: -120px;
        top: -204px;
        transform: rotate(-10deg);
    }
    60% {
        left: -141px;
        top: -144px;
        transform: rotate(9deg);
    }
    70% {
        left: -160px;
        top: -55px;
        transform: rotate(32deg);
    }
    80% {
        left: -160px;
        top: 8px;
        transform: rotate(52deg);
    }
    100% {
        left: -170px;
        top: 15px;
        transform: rotate(56deg);
    }
}

.swamped {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
    margin: -201px 0 0 -100px;
    width: 200px;
    height: 403px;
}

.swamped .swamped-box {
    width: 200px;
    height: 403px;
}

.swamped .swamped-box img {
    width: 200px;
    height: 403px;
}

.swamped .swamped-close {
    position: absolute;
    right: -39px;
    top: -19px;
    cursor: pointer;
    width: 39px;
    height: 39px;
    background: url(../images/swamped-close.png) no-repeat;
    filter: alpha(opacity=60);
    opacity: 0.6;
    transition: all 1s;
}

.swamped .swamped-close:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.swamped .divination {
    position: absolute;
    left: -52px;
    bottom: 0;
    width: 52px;
    height: 108px;
    background: url(../images/Divination.png) no-repeat;
    cursor: pointer;
    transition: all 1s;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.swamped .divination:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.divination-box {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
    margin: -188px 0 0 -300px;
    width: 600px;
    height: 376px;
}

.divination-box .divination-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 19px;
    height: 19px;
    background: url(../images/close_down.png) no-repeat;
    cursor: pointer;
}

.divination-box .divination-box-t {
    height: 16px;
    background: url(../images/top.png) no-repeat;
}

.divination-box .divination-box-c {
    background: url(../images/center.png);
}

.divination-box .divination-box-c .custom-scrollBar {
    position: absolute;
    right: 20px;
    top: 65px;
    width: 16px;
    height: 300px;
}

.divination-box .divination-box-c .custom-scrollBar span.up,
.divination-box .divination-box-c .custom-scrollBar span.down {
    position: absolute;
    width: 16px;
    height: 20px;
    background: url(../images/mCSB_buttons.png) no-repeat;
    filter: alpha(opacity=40);
    opacity: 0.4;
    cursor: pointer;
}

.divination-box .divination-box-c .custom-scrollBar span.up {
    top: 0;
    background-position: -32px -72px;
}

.divination-box .divination-box-c .custom-scrollBar span.down {
    bottom: 0;
    background-position: -32px -92px;
}

.divination-box .divination-box-c .custom-scrollBar div.scroll-bar {
    position: absolute;
    top: 19px;
    left: 3px;
    width: 10px;
    height: 260px;
    border-radius: 10px;
    border: 1px #47403c solid;
}

.divination-box .divination-box-c .custom-scrollBar div.scroll-bar p {
    position: absolute;
    top: 3px;
    height: 254px;
}

.divination-box .divination-box-c .custom-scrollBar div.scroll-bar span {
    position: absolute;
    left: 2px;
    background: #c5c3c2;
    width: 6px;
    min-height: 100px;
    border-radius: 5px;
    /*margin-top:3px;*/
    cursor: pointer;
}

.divination-box .divination-box-c h1 {
    text-align: center;
    padding-bottom: 8px;
    line-height: 29px;
    font-size: 22px;
    color: #F6B237;
    letter-spacing: 5px;
    background: url(../images/line.png) no-repeat center bottom;
    text-shadow: 1px 0 0 #8B4513, 0 1px 0 #8B4513, 0 -1px 0 #8B4513, -1px 0 0 #8B4513, 1px 0 1px #8B4513, 0 1px 1px #8B4513, 0 -1px 1px #8B4513, -1px 0 1px #8B4513;
    margin-bottom: 21px;
}

.divination-box .divination-box-c .divination-content {
    position: relative;
    width: 530px;
    height: 286px;
    overflow: hidden;
    padding: 0 50px 0 20px;
}

.divination-box .divination-box-c .divination-content .div-con-box {
    position: absolute;
    top: 0;
    width: 530px;
}

.divination-box .divination-box-c .divination-content .div-con-box div {
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 19px;
    color: #656464;
    font-size: 14px;
}

.divination-box .divination-box-c .divination-content .div-con-box .divination-info {
    border-bottom: none;
    margin-bottom: 0;
}

.divination-box .divination-box-c .divination-content dl dt,
.divination-box .divination-box-c .divination-content dl dd,
.divination-box .divination-box-c .divination-content p {
    line-height: 19px;
    color: #656464;
    font-size: 14px;
}

.divination-box .divination-box-c .divination-content dl dt b,
.divination-box .divination-box-c .divination-content dl dd b,
.divination-box .divination-box-c .divination-content p b {
    color: #ffe240;
}

.divination-box .divination-box-c .divination-content dl {
    padding-bottom: 19px;
}

.divination-box .divination-box-b {
    height: 16px;
    background: url(../images/bottom.png) no-repeat;
}

.createTribute {
    position: absolute;
    z-index: 996;
}

.createTribute img {
    width: 100%;
}

.createTribute span {
    position: absolute;
    right: -15px;
    top: -15px;
    width: 15px;
    height: 15px;
    background: url(../images/clock_close_hover.png) no-repeat;
    background-size: 100%;
}

.createTribute span:hover {
    background-image: url(../images/clock_close.png);
}

.confirm-box {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1111;
    margin: -146px 0 0 -300px;
    width: 600px;
    height: 293px;
    background: url(../images/confirm-box-bj.png);
}

.confirm-box .confirm-con {
    padding: 90px 100px 0;

}

.confirm-box .confirm-con p {
    text-indent: 2rem;
    font-size: 16px;
    color: #ff9933;
}

.confirm-box .confirm-con a.confirm-btn {
    display: block;
    margin: 35px auto 0;
    width: 130px;
    height: 37.375px;
    background: url(../images/confirm.png) no-repeat;
    background-size: cover;
}

.confirm-box .confirm-con a.confirm-btn:hover {
    background-image: url(../images/confirm_hover.png);
}

.confirm-box .confirm-close {
    position: absolute;
    right: 23px;
    top: 19px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    background: url(../images/details-close.png) no-repeat;
}

.mask_hover {
    display: none;
}

.will {
    position: absolute;
    left: 50%;
    bottom: 10px;
    margin-left: -228px;
    width: 414px;
    padding: 20px 21px 0;
    height: 45px;
    background: url(../images/will.png) no-repeat;
}

.will .marquee {
    position: absolute;
    white-space: nowrap;
    padding-left: 10px;
    line-height: 40px;
    color: #c4731a;
    font-size: 18px;
}

.will .will-con {
    position: relative;
    width: 100%;
    height: 40px;
    overflow: hidden;
}

.will .will-close {
    position: absolute;
    right:-26px;
    top:-26px;
    width:26px;
    height:26px;
    cursor: pointer;
    background: url(../images/details-close.png) no-repeat;
}
.will .will-close:hover{
    background-image: url(../images/details-close-hover.png);
}
.progress{
    width:100%;
    height:6px;
    background:url(../images/progress.png) no-repeat;
}
.progress .progress-bar{
    float:left;
    width:0;
    height:6px;
    background:url(../images/progress-bar.png) no-repeat;
}
.hall-logo{
	position:absolute;
	z-index:9;
	left:20px;
	top:20px;
}
.red{
    color:red;
}
.green{
    color:green;
}

@media screen and (max-width :400px){
	.tribute{
		display:none;
	}
}
.btnShadow:hover{
    box-shadow: 1px 1px 16px 7px rgba(195, 194, 46, .5);
}
.btnShadow2:hover{
    box-shadow: 1px 1px 11px 20px rgba(195, 194, 46, .5);
}