@charset "UTF-8";

.dropdown-menu,
li,
ol,
ul {
    list-style: none
}

.content,
.def-btn a,
.def-input,
.header .site-nav-two ol,
.invite-time-type dd,
.layout,
.list dd,
.message-lay .msg-icon,
.message-num,
.settlement-lay,
.settlement-lay .title,
.wrap {
    overflow: hidden
}

.rule-lay table,
table {
    border-spacing: 0;
    border-collapse: collapse
}

.header .site-nav li a,
.mall a:hover,
a {
    text-decoration: none
}

.rule-lay table,
.table,
table {
    border-collapse: collapse
}

.bet-main .history,
.pop-resswid {
    text-overflow: ellipsis;
    white-space: nowrap
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

a:active,
a:hover {
    outline: 0
}

._left,
.c_index_tag_2 img,
.c_index_tag_2 p,
.footer-info .attention,
.footer-info .contact-us,
.footer-info .partner,
.index-pro .index-pro-list li,
.integral .integral-info li,
.integral .integral-operating .btn-add,
.integral .integral-operating .btn-reduce,
.integral .integral-operating .integral-l,
.integral .integral-operating .integral-r,
.integral .integral-operating .opts-input,
.integral .integral-operating dd,
.integral .integral-operating dt,
.left-site-nav,
.left-site-nav_rule,
.main-right {
    float: left
}

._right,
.footer-info .contact-us {
    float: right
}

._relative,
.header,
.header .site-nav li,
.integral-list-wrap,
.left-site-nav li,
.left-site-nav_rule li,
.po_re {
    position: relative;
    left: 0;
    top: 0
}

._absolute {
    position: absolute
}

._inline,
.def-btn,
.dun-icon,
.form-wrap .btn-orange,
.form-wrap dd,
.form-wrap dl,
.form-wrap dt,
.header .site-nav li,
.header .userInfo,
.index-pro .btn-orange,
.integral .doubt,
.integral .integral-operating dd,
.integral .integral-operating dl,
.integral .integral-operating dt,
.invite-info dd,
.invite-info dl,
.invite-info dt,
.invite-time-type dd,
.invite-time-type dl,
.invite-time-type dt,
.layer-dialog .layer-btn,
.layer-dialog .layer-close,
.list dd,
.list dl,
.list dt,
.message-lay .msg-icon,
.message-lay .select-all,
.message-nav,
.navspread dd,
.navspread dl,
.navspread dt,
.page-num a,
.page-num b,
.profit-lay .profit-href-lay .map,
.profit-lay .profit-href-lay .title-desc,
.profit-lay .profit-href-lay dd,
.profit-lay .profit-href-lay dl,
.profit-lay .profit-href-lay dt,
.profit-lay .profit-info-lay dd,
.profit-lay .profit-info-lay dl,
.profit-lay .profit-info-lay dt,
.promoapp-info-lay .btn-orange,
.promoapp-info-lay dd,
.promoapp-info-lay dl,
.promoapp-info-lay dt,
.promosoft-list dd,
.promosoft-list dl,
.promosoft-list dt,
.remind dd,
.remind dl,
.remind dt,
.tab-wrap li {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.announce-lay .announce-info,
.announce-lay .announce-info .title,
.c_index_tag_3,
.c_index_tag_4 .index-pro-list,
.content,
.index-pro,
.index-pro .index-pro-list,
.integral .integral-info,
.integral .integral-operating,
.layout,
.list dl,
.message-lay .opts-type,
.promosoft-list .list-hand,
.promosoft-list dl,
.promotion-wrap,
.promotion-wrap .invite-wrap .invite-opts,
.tab-wrap,
.wrap {
    *zoom: 1
}

.announce-lay .announce-info .title:after,
.announce-lay .announce-info .title:before,
.announce-lay .announce-info:after,
.announce-lay .announce-info:before,
.c_index_tag_3:after,
.c_index_tag_3:before,
.c_index_tag_4 .index-pro-list:after,
.c_index_tag_4 .index-pro-list:before,
.content:after,
.content:before,
.index-pro .index-pro-list:after,
.index-pro .index-pro-list:before,
.index-pro:after,
.index-pro:before,
.integral .integral-info:after,
.integral .integral-info:before,
.integral .integral-operating:after,
.integral .integral-operating:before,
.layout:after,
.layout:before,
.list dl:after,
.list dl:before,
.message-lay .opts-type:after,
.message-lay .opts-type:before,
.promosoft-list .list-hand:after,
.promosoft-list .list-hand:before,
.promosoft-list dl:after,
.promosoft-list dl:before,
.promotion-wrap .invite-wrap .invite-opts:after,
.promotion-wrap .invite-wrap .invite-opts:before,
.promotion-wrap:after,
.promotion-wrap:before,
.tab-wrap:after,
.tab-wrap:before,
.wrap:after,
.wrap:before {
    content: '';
    display: table
}

.announce-lay .announce-info .title:after,
.announce-lay .announce-info:after,
.c_index_tag_3:after,
.c_index_tag_4 .index-pro-list:after,
.content:after,
.index-pro .index-pro-list:after,
.index-pro:after,
.integral .integral-info:after,
.integral .integral-operating:after,
.layout:after,
.list dl:after,
.message-lay .opts-type:after,
.promosoft-list .list-hand:after,
.promosoft-list dl:after,
.promotion-wrap .invite-wrap .invite-opts:after,
.promotion-wrap:after,
.tab-wrap:after,
.wrap:after {
    clear: both
}

body,
html {
    font: 12px/1.5 Tahoma, arial, sans-serif;
    height: 100%;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

a {
    outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

.clearfix {
    zoom: 1;
    display: table
}

.clearfix:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0
}

.layout,
.wrap {
    width: 100%;
    margin: 0;
    padding: 0
}

.content {
    width: 1200px;
    margin: 0 auto
}

.h1-title {
    line-height: 40px;
    text-align: center
}

.t-left {
    text-align: left
}

.t-center {
    text-align: center
}

.t-right {
    text-align: right
}

.c_index_tag_1 .order-info,
.c_index_tag_4 .title-desc,
.index-pro .btn-lay,
.index-pro .btn-orange,
.index-pro .index-pro-list li,
.message-num {
    text-align: center
}

.dun-icon {
    width: 12px;
    height: 12px;
    margin-left: 6px;
    vertical-align: 0;
    background: url(../images/t01cd13b32499b1005d.png) no-repeat
}

.font-orange {
    color: #ffa027
}

.font-green {
    color: #32ccc8
}

.c_25bcb8 {
    color: #25bcb8
}

.fs-12 {
    font-size: 12px
}

.fs-13 {
    font-size: 13px
}

.l-w60 {
    width: 60px
}

.l-w100 {
    width: 100px
}

.l-w110 {
    width: 110px
}

.l-w125 {
    width: 125px
}

.l-w135 {
    width: 135px
}

.l-w145 {
    width: 145px
}

.l-w148 {
    width: 148px
}

.l-w150 {
    width: 150px
}

.l-w153 {
    width: 153px
}

.l-w155 {
    width: 155px
}

.l-w160 {
    width: 160px
}

.l-w165 {
    width: 165px
}

.l-w170 {
    width: 170px
}

.l-w172 {
    width: 172px
}

.l-w175 {
    width: 175px
}

.l-w178 {
    width: 178px
}

.l-w180 {
    width: 180px
}

.l-w185 {
    width: 185px
}

.l-w190 {
    width: 190px
}

.l-w200 {
    width: 200px
}

.l-w210 {
    width: 210px
}

.l-w224 {
    width: 224px
}

.l-w235 {
    width: 210px
}

.l-w260 {
    width: 260px
}

.l-w270 {
    width: 270px
}

.l-w378 {
    width: 378px
}

.line {
    font-size: 12px;
    color: #e9e9e9;
    padding: 0 5px
}

.header {
    height: 710px;
    background: url(../images/t01e6bc1e0f5593a57c.png) center top no-repeat
}

.header .header-wrap {
    left: 50%;
    margin-left: -500px;
    width: 1200px
}

.header .logo {
    float: left
}

.header .nav-triangle {
    display: block;
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 6px solid #7be1d8
}

.header .site-nav {
    width: 800px;
    float: right;
    padding-top: 20px
}

.header .site-nav li {
    cursor: pointer;
    position: relative
}

.header .site-nav li.last {
    float: left;
    padding-right: 0
}

.header .site-nav li.last a {
    padding: 0
}

.header .site-nav li a {
    padding: 0 16px;
    font-size: 14px;
    color: #fff
}

.header .site-nav li .new {
    width: 22px;
    height: 15px;
    position: absolute;
    right: -10px;
    top: -6px
}

.header .site-nav .nav-triangle {
    margin-left: -13px;
    bottom: -18px;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 10px solid #fff
}

.header .nav-left {
    float: left
}

.header .nav-left li a {
    display: block
}

.header .nav-right {
    float: right
}

.left-site-nav .left-site-nav_next,
.left-site-nav_rule .left-site-nav_next {
    float: left
}

.header .site-nav-extension {
    width: 170px;
    position: absolute;
    left: 4px;
    top: 25px;
    z-index: 20
}

.header .site-nav-extension .close {
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    display: block;
    padding: 0;
    position: absolute;
    right: 13px;
    top: 13px;
    font-size: 16px;
    font-weight: 700;
    color: #5d1f0d
}

.header .site-nav-two {
    width: 100%;
    position: absolute;
    left: 0;
    top: 25px;
    font-size: 13px;
    color: #fff;
    background: #5ad9ce;
    border: 1px solid #7be1d8
}

.header .site-nav-two li {
    font-size: 13px;
    width: 110%;
    line-height: 30px;
    height: 30px
}

.header .site-nav-two a {
    font-size: 13px
}

.header .site-line,
.header .userInfo {
    font-size: 14px;
    color: #fff
}

.header .site-nav-two .nav-triangle {
    margin-left: -13px;
    top: -7px;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 6px solid #7be1d8
}

.header .site-line {
    padding: 0 10px
}

.header .header-bg,
.header .header-wrap {
    position: absolute;
    top: 0;
    z-index: 15
}

.header .nav-user-info {
    position: relative;
    left: 0;
    top: 0
}

.header .banner-promotion {
    position: absolute;
    top: 418px;
    left: 50%;
    margin-left: 108px;
    height: 62px;
    width: 224px
}

.p_header {
    height: 58px;
    background: #32ccc8
}

.message-nav {
    width: 21px;
    height: 14px;
    position: relative;
    left: 0;
    top: 0;
    vertical-align: top;
    margin-top: 3px;
    margin-left: 8px;
    background: url(../images/t017dc34303eda087b7.jpg) no-repeat
}

.message-num {
    background: #fd6e70;
    color: #fff;
    font-size: 12px;
    position: absolute;
    right: -8px;
    top: -10px;
    border-radius: 100%;
    line-height: 16px;
    height: 16px;
    min-width: 16px;
    font-family: Arial, sans-serif
}

.index-pro .index-pro-list {
    width: 1200px;
    padding: 40px 0px 0px 0px;
    box-sizing: border-box
}

.index-pro .index-pro-list li.last {
    padding: 0
}

.index-pro .index-pro-list .desc,
.index-pro .index-pro-list .title {
    color: #232426;
    font-size: 16px;
    line-height: 24px
}

.index-pro .index-pro-list .desc a,
.index-pro .index-pro-list .title a {
    color: #232426
}

.index-pro .index-pro-list .map {
    width: 80px;
    height: 80px
}

.index-pro .btn-orange {
    width: 220px;
    height: 50px;
    line-height: 50px;
    border-radius: 30px;
    color: #fff;
    background: #fe9b43;
}

.c_index_tag_1 {
    height: 526px;
    padding-top: 65px;
    background: #fff
}

.c_index_tag_1 .order-info {
    padding-top: 60px;
    padding-bottom: 30px
}

.c_index_tag_1 .index-pro-list {
    padding: 0
}

.c_index_tag_1 .index-pro-list li {
    width: 200px;
    padding: 0 138px 0 48px
}

.c_index_tag_1 .index-pro-list .title {
    font-size: 18px;
    line-height: 20px;
    padding: 20px 0 4px
}

.c_index_tag_1 .index-pro-list .desc,
.c_index_tag_1 .index-pro-list .desc a {
    color: #565656;
    font-size: 14px
}

.c_index_tag_1 .index-pro-list .map {
    width: 177px;
    height: 177px
}

.c_index_tag_2 {
    background: #3599a6;
    height: 253px
}

.c_index_tag_2 p {
    width: 500px;
    font-size: 16px;
    color: #feffff;
    line-height: 30px;
    padding-top: 86px;
    padding-left: 28px
}

.c_index_tag_3 {
    height: 536px;
    padding-top: 30px
}

.c_index_tag_3 li {
    width: 110px;
    padding: 0 58px 0 38px
}

.c_index_tag_3 .map {
    padding-bottom: 24px
}

.c_index_tag_4 {
    background: #f4f9f8;
    height: 570px;
    padding-top: 68px
}

.c_index_tag_4 .title-desc {
    padding-top: 22px;
    line-height: 20px;
    font-size: 17px;
    color: #646e77
}

.c_index_tag_4 .index-pro-list {
    padding: 72px 0 58px
}

.c_index_tag_4 .index-pro-list .desc,
.c_index_tag_4 .index-pro-list .title {
    font-size: 13px;
    line-height: 20px
}

.c_index_tag_4 .index-pro-list .title {
    border-top: 1px solid #f0ecec;
    padding-top: 10px;
    margin-top: 18px;
    text-align: left
}

.c_index_tag_4 .index-pro-list .desc {
    font-size: 12px;
    text-align: left
}

.c_index_tag_4 .index-pro-list li {
    background: #fff;
    width: 160px;
    height: 179px;
    padding: 26px 18px 0;
    margin-right: 73px
}

.c_index_tag_4 .index-pro-list .map {
    width: 90px;
    height: 90px
}

.footer-info {
    height: 207px;
    background: #e4efef
}

.footer-info .h3-title {
    color: #232426;
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 16px;
    text-align: center
}

.footer-info .desc {
    color: #232426;
    font-size: 13px
}

.footer-info .desc a {
    color: #232426
}

.copyright,
.copyright a {
    color: #999
}

.footer-info .content-1 {
    width: 710px;
    padding-top: 50px
}

.footer-info .contact-us,
.footer-info .partner {
    width: 210px;
    padding-top: 22px
}

.footer-info .attention,
.footer-info .attention img {
    width: 112px;
    height: 112px
}

.footer-info .partner {
    padding-left: 10px
}

.footer-info .attention {
    padding-left: 90px;
    text-align: center
}

.copyright {
    font-size: 12px;
    line-height: 24px;
    padding: 20px 0;
    border-top: 1px solid #ecf3f9;
    text-align: center
}

.btn-orange a,
.def-btn,
.def-btn a {
    color: #fff
}

.copyright .img {
    vertical-align: middle;
    padding-right: 6px
}

.def-btn {
    background: #32ccc8;
    line-height: 16px;
    font-size: 13px;
    text-align: center;
    border-radius: 3px
}

.left-site-nav li,
.left-site-nav_rule li {
    line-height: 22px;
    text-align: center;
    cursor: pointer
}

.def-btn a {
    display: block;
    padding: 10px;
    vertical-align: middle;
    outline: 0
}

.def-btn a:hover {
    color: #fff;
    border-radius: 3px
}

.btn-orange {
    background: #f69711
}

.disabled-input {
    background-color: #f1f1f1
}

.left-content {
    background: url(../images/t01db4b0c4582685251.jpg) repeat-y
}

.left-site-nav {
    padding-bottom: 30px;
    border-left: 1px solid #e8f3f3;
    border-right: 1px solid #e8f3f3;
    width: 180px;
    color: #456d6d;
    font-size: 14px
}

.left-site-nav ul {
    padding-top: 20px
}

.left-site-nav li {
    height: 44px
}

.left-site-nav li a,
.left-site-nav li.active a,
.left-site-nav li.active li,
.left-site-nav li.active li a {
    position: relative;
    left: 0;
    color: #456d6d;
    display: block;
    padding: 10px 0;
    height: 22px;
    border-left: 2px solid #f3fafa;
    border-top: 1px solid #f3fafa;
    border-bottom: 1px solid #f3fafa
}

.left-site-nav li.active li {
    border: none;
    height: 44px;
    padding: 0
}

.left-site-nav li.active li a {
    background: 0 0;
    border-color: #f3fafa
}

.left-site-nav li a:hover,
.left-site-nav li.active a,
.left-site-nav li.active li a:hover {
    width: 179px;
    background: #e8f3f3;
    border-left-color: #32ccc8;
    border-top-color: #dfefef;
    border-bottom-color: #dfefef
}

.left-site-nav .drop-up,
.left-site-nav .has-other {
    background: url(../images/t018ae2f17066cd63cb.png) no-repeat;
    width: 9px;
    height: 5px;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px
}

.left-site-nav .drop-up {
    background-position: left bottom
}

.left-site-nav .other-lay {
    width: 150px;
    margin-left: 13px
}

.left-site-nav .other-lay li a {
    padding-left: 20px;
    width: 130px;
    font-size: 13px;
    background: 0 0;
    border-color: #f3fafa;
    border-bottom: 1px solid #e4f3f3
}

.left-site-nav_rule {
    padding-bottom: 30px;
    border-left: 1px solid #e8f3f3;
    border-right: 1px solid #e8f3f3;
    width: 180px;
    background: #f3fafa;
    color: #456d6d;
    font-size: 14px
}

.left-site-nav_rule ul {
    padding-top: 20px
}

.left-site-nav_rule li {
    overflow: hidden
}

.left-site-nav_rule li a,
.left-site-nav_rule li.active a,
.left-site-nav_rule li.active li,
.left-site-nav_rule li.active li a {
    position: relative;
    left: 0;
    color: #456d6d;
    display: block;
    padding: 10px 0;
    border-left: 2px solid #f3fafa;
    border-top: 1px solid #f3fafa;
    border-bottom: 1px solid #f3fafa
}

.left-site-nav_rule li.active li {
    border: none;
    padding: 0
}

.left-site-nav_rule li.active li a {
    background: 0 0;
    border-color: #f3fafa
}

.left-site-nav_rule li a.active,
.left-site-nav_rule li a:hover,
.left-site-nav_rule li.active li a:hover {
    width: 179px;
    background: #e8f3f3;
    border-left-color: #32ccc8;
    border-top-color: #dfefef;
    border-bottom-color: #dfefef
}

.left-site-nav_rule .drop-up,
.left-site-nav_rule .has-other {
    background: url(../images/t018ae2f17066cd63cb.png) no-repeat;
    width: 9px;
    height: 5px;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px
}

.left-site-nav_rule .drop-up {
    background-position: left bottom
}

.left-site-nav_rule .other-lay {
    width: 150px;
    margin-left: 13px
}

.left-site-nav_rule .other-lay li a {
    padding-left: 20px;
    width: 130px;
    font-size: 13px;
    background: 0 0;
    border-color: #f3fafa;
    border-bottom: 1px solid #e4f3f3
}

.main-right {
    width: 792px;
    min-height: 600px;
    padding: 20px 0 20px 25px
}

.main {
    margin: 20px 0;
    padding: 0;
    width: 100%
}

.type-title {
    color: #25bcb8;
    line-height: 28px;
    font-size: 14px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ecf3f9;
    margin-bottom: 20px
}

.h1-title {
    font-size: 28px;
    padding: 30px 0 20px;
    color: #232426
}

.no-data {
    color: #888;
    font-size: 14px;
    padding: 20px 0;
    text-align: center
}

.list {
    border: 1px solid #ecf3f9;
    border-top: none
}

.list dl {
    width: 100%;
    padding: 16px 0;
    border-top: 1px solid #ecf3f9
}

.list dl.list-operating,
.list dl.no {
    padding: 0
}

.list dd,
.list dl,
.list dt {
    font-size: 0
}

.list dt {
    height: 34px;
    line-height: 24px;
    padding-top: 10px;
    background: #f2f6fa;
    color: #456d6d;
    font-size: 14px
}

.list dd {
    font-size: 13px;
    color: #888;
    line-height: 40px;
    height: 40px
}

.list dd p {
    line-height: 22px
}

.list dd a {
    color: #505050
}

.list .img-40 {
    width: 40px;
    height: 40px
}

.list .more {
    background: #f2f6fa;
    height: 44px;
    line-height: 24px;
    color: #456d6d;
    font-size: 14px;
    text-align: center
}

.list .list-page .list-pagelast,
.list .list-page .list-pagenext {
    background-size: 60%;
    background-position: center center;
    background-repeat: no-repeat
}

.list .more a {
    display: block;
    padding: 10px 0;
    color: #456d6d
}

.list .time {
    color: #999
}

.list .list-title {
    color: #505050
}

.list .list-mobile dd,
.list .list-mobile dt {
    width: 50%
}

.list .list-page {
    display: inline-block
}

.loan-list {
    position: relative;
    margin-bottom: 50px
}

.list .list-page-wrap {
    text-align: right;
    background-color: #ffff;
    border: 1px solid #fff;
    position: absolute;
    height: 35px;
    line-height: 35px;
    bottom: -50px;
    width: 100%;
    box-sizing: content-box
}

.list .list-page .list-pagelast {
    background-image: url(../images/t011abc4df73cc44438.png);
    width: 25px;
    height: 25px;
    margin: 5px 0;
    float: left
}

.list .list-page span {
    width: 15px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    border: 1px solid #515151;
    border-radius: 3px;
    margin: 0 3.5px
}

.list .list-page span.active {
    background-color: #32ccc8;
    color: #FFF;
    padding: 1px;
    border: none
}

.list .list-page .list-pagenext {
    background-image: url(../images/t014417005417e646d0.png);
    width: 25px;
    height: 25px;
    margin: 5px 0;
    float: right
}

.integral .h3-title {
    color: #505050;
    font-size: 13px;
    padding-bottom: 10px
}

.integral .integral-info {
    border: 1px solid #ecf3f9;
    color: #505050;
    font-size: 13px;
    height: 70px
}

.integral .integral-info li {
    border-right: 1px solid #ecf3f9;
    width: 24%;
    line-height: 25px;
    padding-top: 10px;
    height: 60px
}

.integral .integral-info p {
    padding-left: 16px
}

.integral .integral-info .doubt-main {
    display: none
}

.integral .integral-info li.last {
    border: none
}

.integral .integral-info .exchange {
    padding-left: 10px;
    color: #32ccc8
}

.integral .integral-info .font-orange {
    font-size: 25px;
    margin-right: 5px
}

.integral .doubt {
    vertical-align: bottom;
    padding-left: 5px
}

.integral .doubt img {
    position: relative;
    top: 2px
}

.integral .integral-operating {
    color: #505050;
    padding-top: 5px;
    border: 1px solid #ecf3f9;
    border-top: none
}

.integral .integral-operating dd,
.integral .integral-operating dl,
.integral .integral-operating dt {
    font-size: 0
}

.integral .integral-operating dl {
    padding: 15px 0 0 20px;
    line-height: 28px
}

.integral .integral-operating dt {
    font-size: 13px;
    padding-right: 10px
}

.integral .integral-operating dd {
    font-size: 12px;
    line-height: 22px
}

.integral .integral-operating dd.opts {
    padding: 6px 20px 0 0
}

.integral .integral-operating .integral-l {
    width: 470px;
    border-right: 1px solid #ecf3f9;
    padding: 0 8px 14px 0
}

.integral .integral-operating .integral-r {
    width: 220px;
    padding-left: 8px
}

.integral .integral-operating .integral-r dd {
    width: 100%
}

.integral .integral-operating .integral-r dd.t-c {
    text-align: center;
    padding-left: 36px
}

.integral .integral-operating .pr10 {
    padding-right: 10px
}

.integral .integral-operating .pt6 {
    padding-top: 6px
}

.integral .integral-operating .btn-add,
.integral .integral-operating .btn-reduce,
.integral .integral-operating .opts-input {
    margin-top: 2px
}

.integral .integral-operating .opts-input {
    border: 1px solid #cce7e7;
    width: 66px;
    height: 22px;
    line-height: 22px
}

.integral .integral-operating .opts-input input {
    border: none;
    width: 64px;
    height: 19px;
    line-height: 19px;
    outline: 0
}

.integral-list-wrap .promo-first,
.integral-list-wrap .top-line {
    border-top: 1px solid #ecf3f9
}

.integral .integral-operating .btn-add,
.integral .integral-operating .btn-reduce {
    margin: 6px 5px 0;
    width: 18px;
    height: 18px;
    cursor: pointer
}

.integral .integral-operating .def-btn {
    width: 126px
}

.integral-list-wrap {
    padding-top: 20px
}

.integral-list-wrap .title {
    color: #505050;
    font-size: 13px;
    padding-bottom: 10px
}

.integral-list-wrap .inter-cdata {
    position: absolute;
    right: 0;
    top: 20px;
    color: #888
}

.integral-list-wrap .promo,
.integral-list-wrap .promo-first {
    padding: 30px 1px 15px;
    background-color: #fff;
    font-size: 14px;
    right: 1px;
    width: 100%;
    position: relative
}

.integral-list-wrap .explain {
    margin-top: 50px;
    font-size: 14px;
    line-height: 22px
}

.remind {
    font-size: 12px;
    line-height: 24px;
    color: #947f74;
    padding: 20px 35px;
    background: #fff9ef;
    border: 1px solid #ffeed3
}

.remind .title {
    color: #fd6e70;
    font-size: 13px;
    padding-bottom: 8px;
    padding-left: 24px;
    background: url(../images/t016c47a0ebb4091150.png) 0 1px no-repeat
}

.remind a {
    color: #947f74
}

.remind .org {
    color: #ff7b33
}

.remind dd,
.remind dl,
.remind dt {
    vertical-align: top
}

.remind dl {
    width: 100%
}

.remind dt {
    width: 70px
}

.remind dd {
    width: 584px
}

.page-num {
    font-size: 13px;
    color: #b6b6b6;
    padding-top: 26px;
    text-align: center
}

.page-num a,
.page-num b {
    color: #b6b6b6;
    padding: 10px 15px
}

.page-num b {
    font-weight: 400
}

.page-num b.page-cur {
    color: #32ccc8
}

.page-num a.page-next,
.page-num a.page-prev {
    color: #b6b6b6
}

.tab-wrap {
    font-size: 0;
    height: 45px;
    border-left: 1px solid #ecf3f9;
    border-bottom: 1px solid #ecf3f9
}

.tab-wrap li {
    font-size: 14px;
    border: 1px solid #ecf3f9;
    border-bottom: 0;
    border-left: 0;
    position: relative
}

.tab-wrap li a {
    color: #646e77;
    display: block;
    padding: 12px 32px;
    vertical-align: middle
}

.form-wrap dd,
.form-wrap dl,
.form-wrap dt,
.invite-info dd,
.invite-info dl,
.invite-info dt,
.invite-time-type dd,
.invite-time-type dl,
.invite-time-type dt,
.profit-lay .profit-href-lay dd,
.profit-lay .profit-href-lay dl,
.profit-lay .profit-href-lay dt {
    vertical-align: top
}

.tab-wrap li.active {
    border-top: 2px solid #24bbb7;
    display: inline-block;
    background: #fff;
    font-weight: 700
}

.tab-wrap li.active a {
    color: #25bcb8
}

.form-wrap {
    padding-top: 30px
}

.form-wrap dl {
    width: 100%;
    padding-bottom: 16px
}

.form-wrap dd.hide {
    display: none
}

.form-wrap dd.forms_err,
.form-wrap dd.info {
    line-height: 30px;
    color: #999;
    padding-left: 10px
}

.form-wrap dt {
    width: 80px;
    font-size: 13px;
    padding-right: 4px;
    line-height: 30px;
    color: #232426;
    text-align: right
}

.form-wrap .btn-lay {
    width: 500px;
    text-align: center
}

.form-wrap .btn-orange {
    width: 126px;
    display: inline-block
}

.def-input {
    width: 300px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    padding: 0 5px;
    border: 1px solid #ddd
}

.text-remind {
    color: #f8882d;
    padding-right: 6px
}

.settlement-lay {
    width: 386px;
    line-height: 26px;
    float: left;
    padding-top: 20px
}

.settlement-lay .title {
    height: 32px;
    padding-top: 5px;
    color: #fff;
    font-size: 14px;
    background: #32ccc8;
    text-align: center
}

.settlement-lay .info {
    border: 1px solid #ecf3f9;
    font-size: 13px;
    color: #666;
    padding: 18px 30px
}

.settlement-next {
    float: right
}

.settlement-next .title {
    color: #456d6d;
    background: #f2f6fa
}

.invite .invite-info {
    padding-bottom: 10px
}

.invite-total-score {
    text-align: right;
    font-size: 16px;
    border-top: 1px solid #ecf3f9;
    padding: 10px;
    color: #32ccc8
}

.invite-info {
    padding-top: 14px
}

.invite-info dl {
    width: 100%
}

.invite-info .invite-icon {
    width: 56px;
    height: 55px;
    padding: 5px 24px 0 0
}

.invite-info .title {
    font-size: 14px;
    color: #4f4f4f;
    padding-bottom: 6px
}

.invite-info .desc {
    font-size: 12px;
    color: #888;
    line-height: 18px
}

.invite-info .font-green {
    color: #32ccc8
}

.invite-info a {
    color: #456e6e
}

.invite-info .def-btn {
    margin-top: 14px;
    width: 160px;
    font-size: 14px
}

.invite-info .def-btn a {
    color: #fff
}

.invite-info .invite-info-lay {
    width: 482px;
    padding-top: 2px
}

.invite-time-type {
    color: #757575;
    font-size: 12px;
    padding-bottom: 20px
}

.invite-time-type dl {
    width: 100%;
    padding-top: 14px
}

.invite-time-type dd {
    margin: 0 8px;
    line-height: 20px;
    height: 20px;
    text-align: center
}

.invite-time-type dd a {
    display: block;
    padding: 0 6px;
    color: #757575
}

.invite-time-type dd a:hover,
.invite-time-type dd.active {
    border-radius: 3px;
    background: #e8f3f3
}

.rule-lay table,
.rule-lay td,
.rule-lay th {
    border: 1px solid #ecf3f9
}

.profit-lay .pay-rules-info {
    line-height: 30px
}

.profit-lay .remind {
    margin-top: 0
}

.profit-lay .remind .title {
    background: 0 0;
    padding-left: 0
}

.profit-lay .profit-href-lay {
    padding-top: 22px;
    line-height: 30px
}

.profit-lay .profit-href-lay dl {
    width: 100%
}

.profit-lay .profit-href-lay dt {
    width: 163px;
    text-align: center;
    color: #456d6d;
    height: 44px;
    padding-top: 24px
}

.profit-lay .profit-href-lay dd {
    padding-left: 66px;
    vertical-align: middle;
    height: 62px;
    padding-top: 32px
}

.profit-lay .profit-href-lay a {
    color: #32ccc8
}

.profit-lay .profit-href-lay .def-btn a {
    color: #fff
}

.profit-lay .profit-href-lay .map {
    height: 50px;
    vertical-align: middle
}

.profit-lay .profit-href-lay .title-desc {
    vertical-align: middle;
    font-size: 13px;
    color: #505050;
    padding-left: 10px
}

.profit-lay .profit-href-lay dl.has-border {
    width: 99.6%;
    border: 1px solid #ecf3f9;
    height: 68px
}

.profit-lay .profit-href-lay dl.has-border dd,
.profit-lay .profit-href-lay dl.has-border dt {
    height: 48px;
    padding-top: 20px
}

.profit-lay .profit-href-lay dl.has-border dt {
    border-right: 1px solid #ecf3f9;
    background: #f3fafa
}

.profit-lay .profit-href-lay dl.has-border dd {
    padding-left: 65px
}

.profit-lay .profit-info-lay {
    font-size: 14px;
    color: #505050;
    padding: 23px 0;
    border-top: 1px solid #ecf3f9;
    line-height: 30px
}

.profit-lay .profit-info-lay dd,
.profit-lay .profit-info-lay dl,
.profit-lay .profit-info-lay dt {
    vertical-align: top
}

.profit-lay .profit-info-lay dl {
    width: 100%
}

.profit-lay .profit-info-lay dt {
    width: 96px;
    font-size: 13px;
    color: #456d6d
}

.profit-lay .profit-remind {
    font-size: 12px;
    color: #888;
    line-height: 24px
}

.message-lay .opts-type li {
    float: left;
    margin-right: 20px;
    background: #e2f6f6;
    font-size: 13px
}

.message-lay .opts-type li a {
    color: #456d6d;
    padding: 10px 24px
}

.message-lay .opts-type li.active a {
    color: #fff
}

.message-lay .opts-type li a:hover,
.message-lay .opts-type li.active {
    color: #fff;
    background: #32ccc8
}

.message-lay .list dl {
    padding: 13px 0
}

.message-lay .list dl.list-operating,
.message-lay .list dl.no {
    padding: 0
}

.message-lay .msg-delete {
    color: #f8882d;
    font-size: 13px
}

.message-lay .msg-mark {
    color: #24bbb7;
    font-size: 13px
}

.message-lay .integral-list-wrap {
    padding-top: 28px
}

.message-lay .select-all {
    padding-right: 10px;
    cursor: pointer
}

.message-lay .content-info .title {
    position: relative;
    left: 0;
    top: 0;
    border-bottom: 1px solid #ecf3f9;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    padding: 5px 0 20px
}

.message-lay .content-info .title .ctime {
    position: absolute;
    right: 0;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    bottom: 4px
}

.message-lay .content-info .info {
    padding: 26px 0
}

.message-lay .msg-icon {
    width: 21px;
    height: 13px;
    vertical-align: middle;
    padding-right: 6px
}

.navspread dd,
.navspread dl,
.navspread dt,
.rule-lay td {
    vertical-align: top
}

.message-lay .msg-open {
    background: url(../images/t0179eb90f3cb2c14d0.png) no-repeat
}

.message-lay .msg-close {
    background: url(../images/t01c0e29722e35a5c77.png) no-repeat
}

.rule-lay table {
    width: 100%;
    font-size: 14px
}

.rule-lay th {
    padding: 8px 20px 0;
    height: 30px;
    line-height: 24px;
    background: #f2f6fa;
    color: #456d6d
}

.rule-lay td {
    line-height: 1.4;
    padding: 8px 20px;
    color: #505050;
    font-size: 13px
}

.rule-lay p {
    line-height: 22px
}

.rule-lay .type-title {
    padding: 0;
    margin: 0
}

.rule-lay .content-info .title {
    border: none;
    padding: 18px 0 8px;
    font-size: 14px
}

.rule-lay .content-info .info,
.rule-lay .content-info .title {
    text-align: left
}

.announce-lay {
    padding: 30px 0
}

.announce-lay .announce-info {
    border: 1px solid #ecf3f9;
    margin-top: 20px
}

.announce-lay .announce-info .title {
    height: 35px;
    background: #f2f6fa;
    color: #005454;
    padding: 9px 36px 0;
    line-height: 28px;
    font-size: 14px;
    cursor: pointer
}

.announce-lay .announce-info .ctime {
    font-size: 12px;
    color: #979797;
    float: right
}

.announce-lay .announce-info .info {
    font-size: 14px;
    color: #444;
    padding: 16px 36px;
    line-height: 26px
}

.integraldetails .integral-list-wrap {
    padding-top: 0
}

.integraldetails .list dl {
    padding: 6px 0
}

.integraldetails .list dl.no {
    padding: 0
}

.accountinginfo {
    padding-top: 30px
}

.mylotterycode .desc {
    line-height: 26px;
    font-size: 13px
}

.mylotterycode .def-btn {
    margin-top: 10px
}

.content-info {
    line-height: 30px;
    color: #505050;
    font-size: 13px;
    padding-bottom: 50px
}

.content-info p {
    font-size: 14px;
    line-height: 30px
}

.content-info .title {
    padding: 18px 0 8px;
    font-size: 14px;
    font-weight: 700
}

.navspread .h3-title {
    padding-top: 30px;
    color: #25bcb8
}

.navspread dl {
    width: 100%
}

.navspread .query-wrap {
    padding: 30px 0 10px
}

.navspread .query-wrap dl {
    line-height: 30px;
    width: 300px
}

.navspread .query-wrap dt {
    font-size: 13px;
    margin-right: 5px
}

.navspread .query-wrap dl.last {
    font-size: 12px;
    width: 120px
}

.navspread .query-wrap .def-btn a {
    padding: 8px 10px;
    text-decoration: none
}

.navspread .query-wrap .def-radio {
    vertical-align: middle;
    margin-right: 8px
}

.navspread .query-wrap label {
    font-size: 13px;
    vertical-align: middle
}

.navspread .list dl {
    padding: 10px 0
}

.navspread .list dl.no {
    padding: 0
}

.navspread .def-input {
    width: 180px
}

.promosoft {
    padding-top: 30px;
    overflow: initial
}

.promosoft .type-title {
    margin-bottom: 20px
}

.promosoft-list {
    padding-top: 14px;
    position: relative
}

@keyframes bounce-up {
    25% {
        transform: translateY(2px)
    }

    100%,
    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(-2px)
    }
}

.promosoft-list .soft-tx {
    display: none;
    position: absolute;
    right: -35px;
    top: -45px;
    -webkit-animation: bounce-up 1.4s linear infinite;
    animation: bounce-up 1.4s linear infinite
}

.promosoft-list .list-hand {
    border-bottom: 1px solid #ecf3f9
}

.promosoft-list .last {
    border-bottom: none
}

.promosoft-list dl {
    width: 100%;
    padding: 16px 0
}

.promosoft-list dd,
.promosoft-list dl,
.promosoft-list dt {
    font-size: 0
}

.promosoft-list dd,
.promosoft-list dt {
    padding: 0 10px;
    height: 40px;
    font-size: 14px;
    overflow: hidden
}

.promosoft-list dt {
    line-height: 24px;
    color: #456d6d;
    width: 80px;
    text-align: center
}

.promosoft-list dt img {
    width: 40px;
    height: 40px
}

.promosoft-list dd {
    line-height: 40px
}

.promosoft-list dd p {
    color: #555;
    line-height: 22px
}

.promosoft-list dd a {
    color: #505050
}

.promosoft-list dd.title {
    width: 230px;
    color: #555
}

.promosoft-list dd.ftitle {
    width: 130px;
    color: #555
}

.promosoft-list dd.fdsc {
    width: 570px
}

.promosoft-list dd.desc {
    color: #555;
    width: 345px;
    text-align: left
}

.promosoft-list dd .ctime {
    color: #999;
    font-size: 12px
}

.promosoft-list dd.price {
    width: 100px;
    text-align: right;
    color: #f79400
}

.promosoft-list dd .price-num {
    font-size: 26px;
    color: #f79400
}

.promosoft-list dd.down-url {
    text-align: right;
    width: 255px;
    padding-right: 0
}

.promosoft-list dd .def-btn a {
    color: #fff;
    width: 92px;
    padding: 10px 0
}

.promosoft-list .list-childern {
    padding: 10px 76px 10px 100px
}

.promosoft-list .list-childern dl {
    width: 32%;
    padding: 0;
    height: 24px;
    overflow: hidden
}

.promosoft-list .list-childern dl img {
    width: 18px;
    height: 18px
}

.promosoft-list .list-childern dt {
    width: auto;
    padding-top: 0;
    padding-right: 0;
    vertical-align: top
}

.promosoft-list .list-childern dd {
    color: #888;
    line-height: 20px;
    height: 24px;
    overflow: hidden;
    font-size: 12px
}

.promoapp-info-lay {
    height: 500px;
    padding-top: 20px
}

.promoapp-info-lay dd,
.promoapp-info-lay dl,
.promoapp-info-lay dt {
    vertical-align: top
}

.promoapp-info-lay dl {
    width: 100%;
    line-height: 28px;
    padding: 10px 0
}

.promoapp-info-lay ._select-wrap {
    line-height: 28px;
    height: 28px;
    border-color: #ddd
}

.promoapp-info-lay ._select-wrap a {
    color: #333
}

.promoapp-info-lay .files-up-wrap {
    position: relative;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    border: 1px solid #ccc
}

.promoapp-info-lay .files-up-wrap img {
    width: 100%;
    height: 100%;
    display: block;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image)
}

.promoapp-info-lay .files-wrap {
    width: 102px;
    height: 26px;
    position: relative;
    left: 0;
    top: -1px
}

.promoapp-info-lay .input-files {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 200;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 28px;
    width: 110px;
    cursor: pointer
}

.promoapp-info-lay .files-lay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    font-size: 12px;
    color: #222;
    border: 1px solid #ccc;
    height: 24px;
    line-height: 24px;
    display: block;
    width: 100px;
    text-align: center;
    cursor: pointer
}

.promoapp-info-lay a.qd-but {
    background: #f69711;
    border: 1px solid #ec8100;
    box-shadow: 1px 1px 0 #fbbd5c inset;
    color: #fff;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 7px 50px
}

.promoapp-info-lay .btn-lay {
    padding-top: 20px
}

.promoapp-info-lay .btn-orange {
    width: 126px
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.datepicker {
    font-size: 14px;
    padding: 4px;
    direction: ltr
}

.datepicker-inline {
    width: 220px
}

.datepicker.datepicker-rtl {
    direction: rtl
}

.datepicker.datepicker-rtl table tr td span {
    float: right
}

.datepicker.dropdown-menu {
    top: 0;
    left: 0;
    z-index: 1100
}

.datepicker.dropdown-menu:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, .2);
    position: absolute;
    top: -7px;
    left: 6px
}

.datepicker.dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 7px
}

.datepicker>div {
    display: none
}

.datepicker.days div.datepicker-days,
.datepicker.months div.datepicker-months,
.datepicker.years div.datepicker-years {
    display: block
}

.datepicker table {
    margin: 0
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 0
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day:hover {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td.new,
.datepicker table tr td.old {
    color: #999
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: 0;
    color: #999;
    cursor: default
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-color: #fde19a;
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000 !important;
    _color: #999
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today[disabled] {
    background-color: #fdf59a
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover:active {
    background-color: #fbf069\9
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background-color: #006dcc;
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    _background-color: #fff;
    _color: #999
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
    background-color: #47b717
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    *display: inline;
    margin: 1%;
    cursor: pointer
}

.datepicker table tr td span:hover {
    background: #eee
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: 0;
    color: #999;
    cursor: default
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
    background-color: #006dcc;
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.layer-shade,
.pop-bg {
    filter: alpha(opacity=60)
}

.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    _background-color: #fff;
    _color: #999
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled] {
    background-color: #47b717
}

.datepicker table tr td span.old {
    color: #999
}

.datepicker th.switch {
    width: 145px
}

.datepicker tfoot tr:first-child th,
.datepicker thead tr:first-child th {
    cursor: pointer
}

.datepicker tfoot tr:first-child th:hover,
.datepicker thead tr:first-child th:hover {
    background: #eee
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent
}

.w-icon {
    background: url(../images/t0182aa460aec71cc4c.png) no-repeat
}

.promotion-wrap {
    background-color: #f1f1f1;
    margin: 20px 0;
    padding: 20px 14px 14px;
    position: relative;
    left: 0;
    top: 0
}

.promotion-wrap h2 {
    font-size: 14px;
    font-style: normal;
    margin-bottom: 6px
}

.promotion-wrap .code-wrap {
    float: left;
    margin-right: 30px;
    position: relative;
    left: 0;
    top: 0
}

.promotion-wrap .code-wrap .icon-weixin {
    display: inline-block;
    height: 23px;
    margin-right: 5px;
    width: 23px;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 250%;
    background-position-x: -37px
}

.promotion-wrap .code-wrap .title {
    padding-left: 30px
}

.promotion-wrap .code-wrap img {
    width: 130px;
    height: 130px
}

.promotion-wrap .invite-wrap {
    float: left
}

.promotion-wrap .invite-wrap .in-title {
    font-size: 14px;
    font-style: normal;
    margin-bottom: 12px
}

.promotion-wrap .invite-wrap .invite-opts {
    margin: 13px 0 10px
}

.promotion-wrap .invite-wrap .invite-opts li {
    float: left;
    font-size: 14px;
    margin-right: 50px;
    text-align: center;
    color: #424655
}

.promotion-wrap .invite-wrap .invite-opts li i {
    width: 42px;
    height: 42px;
    display: block;
    margin-bottom: 10px;
    margin-left: 4px
}

.promotion-wrap .invite-wrap .invite-opts li a {
    color: #333
}

.promotion-wrap .invite-wrap .invite-opts li .icon-weibo {
    background-size: 300%
}

.promotion-wrap .invite-wrap .invite-opts li .icon-qq {
    background-size: 300%;
    background-position-x: -42px
}

.promotion-wrap .invite-wrap .invite-href-wrap .ip-text {
    background: #fff;
    border: 1px solid #dedede;
    color: #606060;
    height: 31px;
    line-height: 31px;
    padding: 2px 8px;
    width: 390px;
    float: left
}

.promotion-wrap .invite-wrap .invite-href-wrap .def-btn {
    float: left;
    margin-left: 10px
}

.promotion-wrap .invite-promotion {
    float: right;
    width: 52%;
    font-size: 14px
}

.promotion-wrap .invite-promotion .font-orange {
    font-size: 20px
}

.pop-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity: .6;
    z-index: 100
}

.pop-wrap {
    position: absolute;
    z-index: 110;
    left: 50%;
    top: 50%;
    width: 500px;
    height: 355px;
    margin: -175px 0 0 -250px;
    background: #fff
}

.pop-wrap .pop-title {
    background: #32ccc8;
    color: #fff;
    font-size: 14px;
    padding: 8px 12px;
    position: relative;
    left: 0;
    top: 0
}

.all-map,
.ripple-item {
    position: absolute;
    left: 0;
    top: 0
}

.pop-wrap .pop-body {
    font-size: 14px;
    padding: 26px 20px 0;
    line-height: 24px
}

.pop-wrap .btn-lay {
    text-align: center;
    padding-top: 10px
}

.pop-wrap .def-btn {
    width: 130px
}

.updatetype-info p {
    padding: 10px 0
}

.hide {
    display: none
}

.all-map {
    max-width: 100%;
    display: block;
    z-index: 0;
    opacity: .5
}

.err {
    border-color: red
}

.red {
    color: red
}

.def-ripple {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5)
    }
}

.ripple {
    -webkit-animation: ripple 1s linear;
    animation: ripple 1s linear
}

.ripple-item {
    width: 200px;
    height: 200px;
    display: block;
    border-radius: 100%;
    background: #b8e0e0;
    z-index: 50
}

.layer-dialog .layer-btn,
.layer-dialog .layer-btn a:hover {
    color: #fff;
    border-radius: 3px
}

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

.layer-shade {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: .6;
    *zoom: 1;
    -moz-opacity: 60;
    -khtml-opacity: 60;
    z-index: 100
}

.layer-dialog {
    position: absolute;
    z-index: 110;
    left: 50%;
    top: 50%;
    width: 400px;
    height: 180px;
    margin: -100px 0 0 -200px;
    background-color: #fff;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .3)
}

.layer-dialog .layer-title {
    background-color: #32ccc8;
    color: #fff;
    font-size: 14px;
    padding: 8px 12px;
    position: relative;
    left: 0;
    top: 0
}

.layer-dialog .layer-content {
    font-size: 14px;
    padding: 20px;
    line-height: 24px
}

.layer-dialog .layer-content-alert {
    text-align: center;
    padding: 32px 20px
}

.layer-dialog .layer-close {
    position: absolute;
    right: 4px;
    top: 3px;
    font-size: 20px;
    line-height: initial;
    width: 30px;
    height: 30px;
    color: #fff;
    z-index: 10;
    text-align: center
}

.layer-dialog .layer-close a {
    width: 30px;
    height: 30px;
    color: #fff;
    opacity: .7;
    filter: alpha(opacity=70);
    *zoom: 1;
    -moz-opacity: 70;
    -khtml-opacity: 70
}

.layer-dialog .layer-close a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    *zoom: 1;
    -moz-opacity: 100;
    -khtml-opacity: 100
}

.layer-dialog .layer-btn-wrap {
    padding: 0 20px;
    text-align: right
}

.layer-dialog .layer-btn {
    background-color: #32ccc8;
    line-height: 16px;
    font-size: 13px;
    text-align: center
}

.layer-dialog .layer-btn a {
    display: block;
    color: #fff;
    padding: 10px 24px;
    vertical-align: middle;
    overflow: hidden;
    outline: 0
}

.layer-dialog .layer-btn-cancel {
    margin-left: 8px
}

.layer-dialog .layer-btn-cancel a {
    background-color: #ccc
}

.layer-dialog-confirm {
    width: 500px;
    height: 206px;
    margin: -103px 0 0 -250px
}

.layer-dialog-confirm .layer-content-confirm {
    padding: 32px
}

.layer-dialog-msg {
    width: 200px;
    height: 66px;
    margin: -33px 0 0 -100px;
    border-radius: 12px;
    text-align: center;
    line-height: 30px
}

.layer-dialog-msg img {
    width: 30px;
    vertical-align: top;
    margin-right: 10px
}

.layer-dialog-load {
    background-color: transparent;
    box-shadow: none;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px
}

.layer-dialog-load .layer-content {
    padding: 0
}

.layer-dialog-tips {
    padding: 10px;
    background-color: #3595cc
}

.layer-dialog-tips .layer-Tips-right {
    position: absolute;
    width: 0;
    height: 0;
    border-width: 8px;
    border-color: transparent #3595cc transparent transparent;
    border-style: dashed
}

.promonav-close-info {
    width: 500px;
    height: 250px
}

.promonav-close-info .layer-content-alert {
    text-align: left
}

.add-subtract {
    font-size: 16px;
    padding-right: 3px
}

.fly {
    padding: 50px 0;
    text-align: center
}

.nav-point {
    width: 6px;
    height: 6px;
    background: red;
    display: block;
    border-radius: 100%;
    position: absolute;
    right: 10px;
    top: 7px
}

.task {
    padding: 14px 0
}

.task .signIn {
    width: 180px;
    height: 177px;
    padding: 24px;
    font-size: 14px;
    color: #4d4d4d;
    float: left;
    border: 1px solid #ddf0ef
}

.task .signIn .shield {
    padding-top: 10px;
    color: #ffa027
}

.task .signIn .shield b {
    font-size: 30px;
    padding-right: 6px
}

.task .signIn .opts {
    position: relative;
    padding: 10px 0 14px
}

.task .signIn .cash-gift {
    position: absolute;
    right: 0
}

.task .signIn .opts a {
    color: #32ccc8
}

.task .signIn .btn-orange {
    width: 100%
}

.task .signIn .btn-orange a {
    font-size: 16px;
    font-weight: 700;
    padding: 12px 10px
}

.task .signIn .btn-orange a.no {
    cursor: inherit
}

.task .signIn .desc {
    color: #555;
    padding-top: 4px;
    text-align: center
}

.task .task-banner {
    float: right;
    width: 758px;
    height: 228px
}

.task .task-banner img {
    width: 100%;
    height: 100%
}

.task .task-banner2 {
    padding: 12px 0;
    width: 100%;
    font-size: 0
}

.task .task-banner2 a {
    width: 494px;
    display: inline-block
}

.task .task-banner2 .right {
    float: right
}

.task .task-list,
.task .task-list-wrap {
    width: 100%
}

.task .task-list-wrap {
    margin-bottom: 14px
}

.task .task-list-wrap .title {
    font-size: 16px;
    color: #333;
    line-height: 30px
}

.task .task-list {
    border: 1px solid #e2f2f1;
    border-bottom: none
}

.task .task-list tr {
    height: 74px;
    border-bottom: 1px solid #e2f2f1
}

.mall .menutit,
.ranklist li,
.user {
    border-bottom: 1px solid #e1e2e3
}

.task .task-list td {
    vertical-align: middle;
    text-align: center;
    position: relative
}

.task .task-list .code {
    position: absolute;
    right: 21px;
    top: 54px;
    z-index: 20;
    display: none
}

.task .task-list tr:hover {
    background: #f3fdfc
}

.task .task-list .img {
    width: 42px;
    height: 42px;
    padding: 0 22px
}

.task .task-list .desc {
    font-size: 14px;
    color: #555;
    line-height: 20px;
    padding: 0 30px;
    text-align: left
}

.task .task-list .shield {
    width: 130px;
    color: #f79400
}

.task .task-list .shield b {
    font-size: 26px
}

.task .task-list .shield .hot {
    position: relative;
    width: 22px;
    height: 15px;
    display: inline-block
}

.task .task-list .shield .hot img {
    width: 22px;
    height: 15px;
    position: absolute;
    right: -5px;
    top: -5px
}

.task .task-list .def-btn {
    display: inline-block;
    padding: 10px;
    vertical-align: middle;
    width: 70px
}

.task .task-list .def-btn a {
    padding: 0
}

.task .task-list .arrow {
    position: relative;
    left: 4px;
    top: 3px
}

.def-btn-disable {
    background: #ccc
}

.def-btn-disable a {
    cursor: default
}

.mall {
    padding: 12px 0;
    background: #f0f0f1
}

.mall a {
    color: #4e525d
}

.mall a:hover {
    color: #32ccc8
}

.icon-gold,
.icon-pagenext,
.icon-pagepre,
.icon-rank,
.icon-sort,
.icon-tips,
.icon-user1,
.icon-user2,
.icon-user3,
.logquit {
    display: inline-block;
    width: 16px;
    height: 17px;
    background: url(../images/t01110c888f73b87a52.png) no-repeat;
    vertical-align: middle
}

.icon-gold {
    width: 15px;
    height: 16px;
    margin-right: 5px;
    background-position: -19px 0
}

.icon-rank {
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    background-position: 0 -22px
}

.rank2 .icon-rank {
    background-position: -42px -22px
}

.rank3 .icon-rank {
    background-position: -84px -22px
}

.icon-pagenext,
.icon-pagepre {
    width: 6px;
    height: 10px;
    background-position: -61px 0;
    vertical-align: 0
}

.icon-pagenext {
    background-position: -70px 0
}

.icon-tips {
    width: 42px;
    height: 42px;
    margin-right: 10px;
    background-position: 0 -105px
}

.icon-user1,
.icon-user2,
.icon-user3 {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background-position: 0 -59px
}

.icon-user2 {
    background-position: -21px -59px
}

.icon-user3 {
    background-position: -42px -59px
}

.icon-sort {
    width: 9px;
    height: 12px;
    margin-left: 5px;
    background-position: -124px -22px;
    vertical-align: -2px
}

a.btn-chou {
    display: block;
    margin-left: -7px;
    width: 236px;
    height: 57px;
    line-height: 46px;
    background: url(../images/t01de01804e12d0cd60.png) no-repeat;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 5px;
    color: #fff;
    text-align: center
}

a.btn-chou:hover {
    background-position: 0 -60px
}

a.btn-chou:active {
    background-position: 0 -120px
}

a.btn-auction,
a.btn-no {
    position: absolute;
    right: 15px;
    bottom: 20px;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 48px;
    font-weight: 700;
    border-radius: 50%;
    background-color: #f04b41;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.detailr,
.proitem li,
.ranklist li {
    position: relative
}

a.btn-auction {
    bottom: 0
}

.prolist a.btn-auction {
    bottom: 20px
}

a.btn-auction:hover {
    background-color: #fb5e44;
    color: #fff
}

a.btn-auction:active {
    background-color: #df3b31;
    color: #fff
}

a.btn-no {
    background-color: #b3b4b6
}

.mall .menu {
    float: left;
    width: 228px;
    border: 1px solid #e1e2e3;
    background-color: #fff
}

.mall .menutit {
    margin: 0;
    padding: 15px 20px;
    font-size: 14px
}

.mall .main {
    float: right;
    width: 758px;
    min-height: 300px;
    margin: 0
}

.user {
    padding: 20px 20px 10px
}

.user img {
    float: left;
    margin-right: 10px;
    margin-top: 6px
}

.userinfo {
    overflow: hidden;
    margin-top: 0;
    font-size: 14px
}

.userinfo span {
    color: #ff9517
}

.userinfo span a {
    margin-left: 10px;
    color: #32ccc8;
    font-size: 12px
}

a.userbtn,
a.userbtn:hover {
    background: #32ccc8;
    color: #fff
}

.userinfo span a:hover {
    text-decoration: underline
}

a.userbtn {
    display: inline-block;
    padding: 3px 10px;
    margin-top: 10px;
    font-size: 12px
}

a.userbtn:hover {
    text-decoration: none
}

.ranklist li {
    overflow: hidden;
    *zoom: 1;
    margin-top: -1px;
    padding: 10px;
    border-top: 1px solid #e1e2e3
}

.ranklist img {
    float: left;
    margin-right: 15px
}

.ranklist p {
    overflow: hidden;
    *zoom: 1;
    margin-top: 12px;
    font-size: 14px
}

.rankstate {
    padding: 0 20px 20px
}

.rankstate li {
    margin-top: -1px;
    line-height: 22px;
    padding: 5px 0;
    border-top: 1px dashed #e1e2e3;
    border-bottom: 1px dashed #e1e2e3
}

.rankstate strong {
    color: #ff6418
}

.rankstate span {
    display: block;
    color: #7f8288
}

.filter {
    padding: 10px 15px;
    margin: 12px 0;
    background: #fff;
    border: 1px solid #e1e2e3
}

.filter dl {
    overflow: hidden;
    *zoom: 1;
    height: 20px;
    line-height: 20px;
    padding: 7px 0
}

.filter dt {
    float: left;
    width: 80px;
    padding: 1px 0 2px;
    color: #84868b
}

.filter dd {
    float: left;
    margin: 0
}

.filter dd a {
    display: inline-block;
    padding: 1px 10px 2px;
    margin: 0 5px
}

.filter dd a.current {
    background: #32ccc8;
    color: #fff
}

.filter dd a.current .icon-sort {
    background-position: -49px 0
}

.filter dd a.desc .icon-sort {
    background-position: -37px 0
}

dl.filtersort {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #e1e2e3
}

.proitem {
    overflow: hidden;
    *zoom: 1;
    margin-left: -11px
}

.proitem li {
    float: left;
    width: 230px;
    height: 296px;
    line-height: 22px;
    padding: 7px;
    margin-left: 12px;
    margin-bottom: 12px;
    background: #fff
}

.proitem .proitemimg {
    display: block;
    height: 160px;
    text-align: center
}

.proitem h4 {
    margin: 10px 0 0;
    font-size: 14px
}

.proitem p {
    color: #7f8288
}

.proitem span {
    display: block;
    color: #ff9517
}

.page {
    text-align: right;
    height: 24px;
    margin: 10px auto
}

.page span {
    margin: 0 4px;
    padding: 2px 7px;
    background: #f0f0f1;
    border: 1px solid #b3b5b6;
    color: #6f7179
}

.page i.break {
    padding: 0 5px;
    font-style: normal;
    color: #6f7179
}

.page span:hover {
    border: 1px solid #32ccc8;
    color: #32ccc8;
    text-decoration: none;
    cursor: pointer
}

.page .current,
.page .current:hover {
    border: 1px solid #32ccc8;
    background: #32ccc8;
    color: #fff
}

li.noline {
    background: 0 0
}

.page span:hover .icon-pagepre {
    background-position: -79px 0
}

.page span:hover .icon-pagenext {
    background-position: -88px 0
}

.detail {
    overflow: hidden;
    *zoom: 1;
    padding: 30px;
    background: #fff
}

.detail img {
    float: left;
    margin-right: 20px
}

.detailr {
    overflow: hidden;
    margin-top: 10px
}

.detailr h4 {
    font-size: 22px;
    line-height: 34px;
    font-weight: 700
}

.detailr p {
    color: #7f8288;
    padding: 10px 0 0
}

.detailr .solgan {
    font-size: 16px;
    margin-top: 20px
}

.article {
    margin-top: 12px;
    padding: 20px;
    background: #fff
}

.mall .btn,
.mall .btn-lg,
.mall .btn:hover {
    background-color: #32ccc8;
    color: #fff
}

.btn-wrapper {
    margin-top: 20px;
    text-align: center
}

.mall .btn,
.mall .btn-lg {
    display: inline-block;
    padding: 10px 50px;
    margin: 5px 10px;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

.mall .btn a,
.mall .btn a:hover,
.mall .btn-lg a,
.mall .btn-lg a:hover {
    color: #fff
}

.mall .btn-lg {
    padding: 5px 25px
}

.mall button.btn[disabled] {
    background-color: #ccc
}

.cancel {
    background-color: #a4a4a4
}

.cancel:hover {
    background-color: #afafaf
}

#orderConfirmBox {
    margin-top: 12px;
    padding: 0;
    border: 2px solid #32ccc8;
    background-color: #fff
}

.order-breadcrumb {
    padding: 0;
    background: #fff;
    width: 100%
}

.order-breadcrumb li {
    float: left;
    display: inline-block;
    width: 33.333333%;
    height: 53px;
    line-height: 53px;
    font-size: 12px;
    font-weight: 700;
    color: #696969;
    text-align: center;
    background-image: url(../images/t01abcd536783c9fc47.png);
    background-repeat: no-repeat
}

.order-box-step1 .step1 {
    background-color: #32ccc8;
    background-position: right 0;
    color: #fff
}

.order-box-step1 .step2 {
    background-color: #f0f0f0;
    background-position: right -63px
}

.order-box-step1 .step3 {
    background-color: #f0f0f0;
    background-position: right -500px
}

.order-box-step2 .step1 {
    background-color: #f0f0f0;
    background-position: right -126px
}

.order-box-step2 .step2 {
    background-color: #32ccc8;
    background-position: right 0;
    color: #fff
}

.order-box-step2 .step3 {
    background-color: #f0f0f0;
    background-position: right -500px
}

.order-box-step3 .step1 {
    background-color: #f0f0f0;
    background-position: right -63px
}

.order-box-step3 .step2 {
    background-color: #f0f0f0;
    background-position: right -126px
}

.order-box-step3 .step3 {
    background-color: #32ccc8;
    background-position: right -500px;
    color: #fff
}

.progress-container {
    overflow: hidden;
    height: 12px;
    width: 100%;
    background-color: #e8512b;
    border-radius: 6px
}

.crowd-funding .progress-container {
    height: 8px;
    width: 150px
}

.progress-inner {
    height: 100%;
    background-color: #f9bf00
}

.crowd-funding-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border: 40px solid transparent;
    border-top-color: #f79800;
    border-right-color: #f79800
}

.crowd-funding-text {
    position: absolute;
    right: 0;
    top: 10px;
    width: 45px;
    height: 45px;
    transform-origin: 50% 30%;
    transform: rotate(45deg);
    z-index: 1000;
    font-size: 20px;
    color: #fff
}

.perfection-info {
    padding: 20px
}

.perfection-info table {
    width: 100%
}

.perfection-info caption {
    margin-bottom: 20px;
    font-size: 14px;
    text-align: left
}

.perfection-info table a {
    color: #32ccc8
}

.confirm-order span,
.order-complete-id {
    color: #ff9517;
    font-weight: 700
}

.perfection-info table td {
    padding: 0 5px
}

.perfection-info .form-group {
    margin: 5px 0
}

.perfection-info .form-group label {
    display: inline-block;
    width: 55px;
    padding-right: 10px;
    text-align: right
}

.perfection-info .form-group input {
    width: 300px;
    border: 1px solid #e1e2e3;
    padding: 2px 5px
}

.confirm-order table,
.order-complete table,
.table-responsive table {
    width: 100%
}

.perfection-info .form-group .form-btnwrap {
    margin-left: 59px
}

.confirm-order {
    padding: 20px;
    text-align: center
}

.confirm-order td {
    padding: 5px 0
}

.order-complete {
    padding: 20px;
    text-align: center
}

.order-complete td {
    padding: 5px 0
}

.confirm-order,
.order-complete,
.perfection-info {
    display: none
}

.order-box-step1 .perfection-info,
.order-box-step2 .confirm-order,
.order-box-step3 .order-complete {
    display: block
}

.table-responsive {
    margin-top: 12px;
    padding-bottom: 20px;
    background: #fff;
    border: 1px solid #e1e2e3
}

.table-responsive caption {
    padding: 10px;
    font-size: 14px;
    text-align: left
}

.icon-orderdui,
.icon-orderdui2,
.icon-ordertips {
    display: inline-block;
    width: 40px;
    height: 30px;
    padding-left: 20px;
    background-image: url(../images/t0148f4a98584fe6a41.png);
    background-repeat: no-repeat;
    background-position: 20px 0;
    vertical-align: middle
}

.mask,
.pop {
    display: none;
    z-index: 999
}

.icon-ordertips {
    width: 4px;
    height: 24px;
    background-position: 0 -56px
}

.icon-orderdui2 {
    width: 53px;
    margin: 5px 0;
    border-left: 3px solid #32ccc8
}

.table,
.userleft {
    border: 1px solid #e1e2e3
}

.usermenu {
    float: left;
    width: 230px
}

.userleft {
    margin-bottom: 12px;
    background-color: #fff
}

.userleftnav li {
    margin-top: -1px;
    padding: 15px 20px;
    border-top: 1px solid #e1e2e3;
    font-size: 14px;
    cursor: pointer
}

.userleftnav li.current,
.userleftnav li:hover {
    color: #32ccc8
}

.userleftnav li.current .icon-user1 {
    background-position: 0 -82px
}

.userleftnav li.current .icon-user2 {
    background-position: -21px -82px
}

.userleftnav li.current .icon-user3 {
    background-position: -42px -82px
}

.table {
    width: 100%;
    background: #fff
}

.table tr {
    border-top: 1px dashed #dcdcdc;
    margin: 0
}

.table tr td,
.table tr th {
    line-height: 24px;
    padding: 10px;
    border-right: 1px solid #e1e2e3;
    text-align: center
}

.table thead {
    background: #f5f6f7;
    border-bottom: 1px solid #32ccc8
}

.table a {
    color: #1a87ed
}

.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000);
    zoom: 1
}

:root mask {
    filter: none\9
}

.pop {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -190px;
    margin-top: -135px;
    width: 380px;
    height: 270px;
    background: #fff
}

.pop-btn,
.pop-btn2,
.pop-btn2:active,
.pop-btn2:hover,
.pop-btn:active,
.pop-btn:hover {
    background-color: #32ccc8;
    color: #fff
}

.pop-hd {
    position: relative;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    border-bottom: 1px solid #e1e2e3
}

.pop-hd h4 {
    font-size: 14px
}

.pop-bd {
    overflow: hidden;
    *zoom: 1;
    padding: 15px 30px
}

.closed {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 16px;
    height: 16px;
    background-position: -53px -109px
}

.pop-btn,
.pop-btn2 {
    display: inline-block;
    width: 240px;
    height: 42px;
    line-height: 42px;
    border-radius: 3px;
    font-size: 14px;
    text-align: center
}

.pop-ressadd,
.pop-ressde {
    border: 1px solid transparent
}

.pop-btn2 {
    width: 150px;
    margin: 0 3px
}

.pop-btnarea {
    margin-top: 15px
}

.icon-downlist,
.icon-radio,
.icon-selected {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/t010f7397ecf38457a3.png) no-repeat;
    vertical-align: middle
}

.icon-downlist,
.icon-selected {
    display: none;
    width: 20px;
    height: 20px
}

.icon-radio {
    margin-right: 10px
}

.icon-selected {
    background-position: -25px -26px
}

.icon-downlist {
    background-position: 0 -50px
}

.icon-radio input {
    opacity: 0
}

.pop-tips {
    font-size: 16px;
    color: #32ccc8;
    text-align: center
}

.pop-tips p {
    padding: 40px 0 50px
}

.pop-tips1 {
    color: #ff9517
}

.pop-tips1 .icon-tips {
    background-position: -47px -105px
}

.pop-tips2 {
    color: #e83e3e
}

.pop-tips2 .icon-tips {
    background-position: -94px -105px
}

.pop-infos {
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 15px
}

.pop-infos img {
    float: left;
    margin-right: 20px
}

.pop-infos p {
    overflow: hidden;
    color: #7f8288
}

.pop-infos p strong {
    display: block;
    margin: 10px 0;
    font-size: 16px;
    color: #4e525d
}

.orange,
.pop-infos p span {
    color: #ff9517
}

.pop-address {
    width: 580px;
    height: 480px;
    margin-left: -290px;
    margin-top: -240px
}

.pop-ressde {
    height: 20px;
    padding: 12px 10px;
    cursor: pointer
}

.pop-resswid {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 450px;
    overflow: hidden;
    vertical-align: middle
}

.pop-ressadd ul {
    border-top: 1px dashed #e1e2e3
}

.input1,
.select1,
.textarea1 {
    height: 30px;
    line-height: 30px;
    border: 1px solid #e1e2e3
}

.pop-ressadd li {
    margin: 10px 0
}

.pop-ressadd li span {
    display: inline-block;
    width: 100px;
    text-align: right
}

.select1 {
    width: 190px
}

.input1,
.textarea1 {
    width: 410px;
    margin-left: 4px
}

.textarea1 {
    margin-top: 10px;
    margin-left: 104px;
    height: 100px
}

.pop-resscurrent {
    border-color: #32ccc8
}

.pop-resscurrent .icon-radio {
    background-position: 0 -20px
}

.pop-resscurrent .icon-selected {
    display: inline-block
}

.txtr {
    text-align: right
}

.green {
    color: #32ccc8
}

.gray {
    color: #afb1b2
}

.err {
    color: red;
    margin-left: 10px
}

.mall-bet-pro {
    padding: 7px 8px
}

.mall-bet-pro .cb-red {
    color: #ef4c41;
    display: inline-block
}

.mall-bet-pro img {
    width: 230px;
    height: 160px
}

.mall-bet-pro p {
    color: #666;
    font-size: 12px
}

.mall-bet-pro h4 {
    color: #333;
    font-size: 14px
}

.mall-bet-pro .season {
    color: #999
}

.mall-bet-pro .people,
.mall-bet-pro .shield {
    color: #f79801;
    font-style: normal
}

.bet-main {
    width: 100%;
    height: 444px;
    background: url(../images/t0153076eb70520bfc9.jpg) no-repeat
}

@font-face {
    font-family: fzltth;
    src: url(//s1.ssl.qhres.com/static/067018a8f8238450.woff2) format("woff2"), url(//s0.ssl.qhres.com/static/36c4684894e52e52.woff) format("woff"), url(//s3.ssl.qhres.com/static/0b61c9cab3b656c1.ttf) format("truetype"), url(//s4.ssl.qhres.com/static/b8290ea7a6d53a78.eot) format("embedded-opentype"), url(//s0.ssl.qhres.com/static/957429aad1097604.svg) format("svg"), url(//s4.ssl.qhres.com/static/d560bb6d8dbed031.otf) format("opentype");
    font-weight: 400;
    font-style: normal
}

.bet-main .title {
    padding-top: 70px;
    color: #372e24;
    font-size: 40px;
    text-align: center;
    font-family: fzltth;
    text-shadow: 1px 1px #fff97c
}

.bet-main .time {
    color: #372e24;
    padding: 20px 0 46px;
    text-align: center
}

.bet-main .rule {
    color: #ff2d2d;
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
    font-weight: 800
}

.bet-main .desc {
    padding: 12px 0 0 36px;
    float: left;
    width: 684px;
    font-weight: 800
}

.bet-main .desc .blue-desc,
.bet-main .desc .red-desc {
    color: #871310;
    font-size: 16px;
    width: 290px;
    float: left;
    text-align: center
}

.bet-main .desc .blue-desc {
    color: #1d3d96;
    float: right
}

.bet-main .ticket-num {
    float: left;
    width: 630px;
    padding: 36px 0 20px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    font-weight: 700;
    margin-left: 64px
}

.bet-main .ticket-num .num {
    display: inline-block;
    line-height: inherit
}

.blue-ticket,
.red-ticket {
    float: left;
    width: 50%
}

.blue-ticket .num,
.red-ticket .num {
    font-style: normal
}

.ticket-details {
    font-size: 14px;
    float: left;
    margin-left: 64px
}

.blue-details,
.red-details {
    width: 330px;
    float: left;
    position: relative
}

.blue-details {
    margin-left: 27px
}

.opts-details input {
    color: #999;
    height: 36px;
    border: none;
    width: 164px;
    font-size: 14px;
    padding: 2px 0 2px 13px;
    background: 0 0;
    float: left;
    outline: 0
}

.blue-details .opts-details input {
    padding-left: 8px
}

.opts-details .bet-btn {
    color: #fff;
    width: 94px;
    text-align: center;
    float: left;
    height: 35px;
    line-height: 26px;
    padding-top: 7px;
    padding-left: 5px;
    font-weight: 800
}

.opts-details .bet-btn:hover {
    color: #fff
}

.bet-main .err-info,
.bet-main .history,
.bet-main .info {
    box-sizing: border-box;
    color: #372e24
}

.bet-main .err-info,
.bet-main .info {
    position: absolute;
    top: 0;
    right: 164px;
    line-height: 40px
}

.bet-main .red-details .err-info,
.bet-main .red-details .info {
    right: 152px
}

.bet-main .err-info {
    color: red
}

.bet-main .history {
    float: left;
    width: 100%;
    padding-top: 8px;
    padding-left: 18px;
    overflow: hidden
}

#softTx {
    display: none;
    float: right
}
.join-reason-list {
    margin-right: -40px
}

.join-reason-list li {
    width: 275px;
    height: 310px;
    float: left;
    margin: 0 33px 0 0;
    list-style: none;
    color: #666;
    font-size: 14px
}

.join-reason-list .reason-pic {
    display: block;
    margin-bottom: 15px
}

.join-reason-list .reason-title {
    display: block;
    font-size: 30px;
    color: #333
}

.join-reason-list .reason-txt {
    line-height: 20px;
    margin-bottom: 0;
    word-wrap: break-word;
    overflow: hidden
}

.join-reason-list dl dd {
    padding: 2px 0 2px 10px;
    line-height: 16px;
    margin-left: 0;
    background: url(/ae-portal-ui/common/img/index-sprite-icon.a2b0502b.png) no-repeat -497px -292px
}
.util-clearfix {
   zoom: 1;
}
.index-pro .index-pro-list .join-reason-list li{
    text-align: left;
    padding: 0px
}