ul,

li {

    list-style: none;

    padding: 0;

    margin: 0;

}

a {  
    text-decoration: none !important;
}



.container-fixed {

    padding: 0;

    width: 1200px;

}

.alert-notify {
    width: 500px !important;
    font-size: 16px;
}


.modal-title {
    font-size: 16px;
}



.header {

    position: relative;

}



.topbar {

    width: 100%;

    height: 39px;

    line-height: 39px;

    background: #f5f5f5;

    font-size: 13px;

}



.topbar-desc {

    float: left;

    height: 40px;

    color: #000;

}



.topbar-nav {

    float: right;

    color: #444242;

}



.topbar-nav a {

    color: #444242;

    padding: 0 8px;

}



.topbar-nav span {

    padding-left: 8px;

}



.topbar-nav a:hover,

.topbar-nav a:focus {

    color: #529cf7;

}



.topbar-nav a:last-child {

    padding-right: 0;

}



.topbar-nav>i {

    font-family: '宋体';

    font-style: normal;

    color: #ccc;

}



.navbar {

    min-height: 80px;

    margin-bottom: 0;

    background: #fff;

    border-radius: 0;

}



.navbar.navbar-fixed-top {

    border-bottom: 1px solid #dedede;

}



.navbar-brand {

    height: 80px;

    padding: 20px 0;

    padding-left: 0;

    line-height: 40px;

}



.navbar-header {

    float: left;

}

.navbar-header .logo-wrapper {

    float: left;

    height: 50px;

    margin-top: 15px;

}

.navbar-header .logo-wrapper a {
    float: left;
}

.navbar-header .logo-wrapper img {

    height: 50px;

}



.navbar-header span.line {

    float: left;

    width: 1px;

    height: 50px;

    background: #ccc;

    margin: 0 15px 0 16px;

}



.navbar-header span.desc {
    float: left;

    line-height: 50px;

    vertical-align: top;

    color: #999;

    font-size: 16px;

}



.navbar-right {

    float: right !important;

}



.navbar-nav {

    padding-top: 28px;

}



.navbar-nav>li {

    margin: 0 24px;

    float: left;

}



.navbar-nav>li>a {

    line-height: 24px;

    font-size: 16px;

    color: #565656;

    padding: 0;

    padding-top: 5px;

    position: relative;

}

.beage {
    position: absolute;
    top: -4px;
    right: -18px;
}

.beage.hot {
    width: 23px;
    height: 15px;
    background: url(../img/hot1.gif) no-repeat center center;
}
.beage.new {
    width: 23px;
    height: 15px;
    background: url(../img/new.gif) no-repeat center center;
}


.navbar-nav>li>a:hover,

.navbar-nav>li>a:focus,

.navbar-nav>li.active>a {

    color: #145ccd;

    background: transparent;

}



.navbar-nav>li>.dropdown-menu {

    margin-top: -1px;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}



.navbar-nav .dropdown-menu>li>a {

    font-size: 15px;

    padding: 5px 20px;

}



.navbar-right>li {

    margin-right: 10px;

}



.navbar-nav>li>a.navbar-search-btn {

    color: #145ccd;

}



.navbar-nav>li>a.navbar-search-btn .icon {

    font-size: 20px;

}



.navbar-nav>li>.navbar-search-box {

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    margin-top: 23px;

    min-width: 1200px;

    padding: 20px;

}



.top-search {

    position: fixed;

    top: 119px;

    left: 0;

    width: 100%;

    padding: 25px 40px;

    background-color: #fff;

    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

    z-index: 999;

}



.top-search.top-search-fixed {

    top: 80px;

}



.top-search .icon {

    font-size: 18px;

}



#app,

.banner,

.header,

.notice,

.main {

    min-width: 1200px;

}

.banner img {
    width: 100%;
}



.notice {

    width: 100%;

    background: #fff;

    padding: 7px 0;

    color: #999;

}



.notice .notice-left {

    float: left;

}



.notice .noticet {

    float: left;

    width: 97px;

    height: 21px;

    line-height: 21px;

    font-size: 14px;

    border-right: 1px solid #bebebe;

    margin-top: 2px;

    margin-right: 15px;

}



.notice .noticet .icon {

    margin-right: 8px;

}



.notice .con {

    float: left;

    height: 26px;

    line-height: 26px;

    overflow: hidden;

}



.notice .more {

    line-height: 26px;

    font-size: 12px;

    text-align: right;

}



.notice .more a {

    color: #666 !important;

}



.numcount {

    background: #fff;

    padding: 18px 0;

    box-sizing: border-box;

    border-bottom: 1px solid #dfdfdf;

    overflow: hidden;

}



.numcount .col-sm-3 {

    display: inline-block;

    font-size: 14px;

    color: #838383;

    height: 35px;

    line-height: 35px;

    text-align: center;

}



.numcount span {

    font-size: 20px;

    color: #ff2a00;

    padding-top: 5px;

    margin-left: 2px;

}



.numcount span i {

    font-style: normal;

}



.feature-list {

    margin-top: 40px;

    display: inline-block;

    vertical-align: top;

    width: 100%;

    background: #fff;

}



.feature-list ul {

    overflow: hidden;

    width: 100%;

    padding: 36px 0;

}



.feature-list ul li {

    overflow: hidden;

    float: left;

    width: 25%;

    padding: 0 20px;

    white-space: normal;

    overflow: hidden;

    cursor: pointer;

}



.feature-list ul li .img {

    width: 84px;

    height: 84px;

    text-align: center;

    color: #529cf7;

    background: #f6f6f6;

    border-radius: 50%;

    position: relative;

}



.feature-list ul li:hover .img {

    color: #fff;

    background: #529cf7;

}



.feature-list ul li .img .icon {

    font-size: 40px;

    position: absolute;

    line-height: 84px;

    width: 84px;
    text-align: center;

}



.feature-list ul li .wenzi {

    float: right;

    text-align: left;

    padding-top: 8px;

    padding-left: 96px;

}



.feature-list ul li .wenzi span {

    font-size: 16px;

    line-height: 16px;

    color: #333;

}



.feature-list ul li .wenzi p {

    font-size: 14px;

    line-height: 20px;

    height: 60px;

    overflow: hidden;

    color: #7e7e7e;

    margin-top: 5px;

    margin-bottom: 0;

}


.bill-content-wrapper .feature-list {
    margin: 0;
}


.pro-hothand {

    width: 1200px;

    margin: 40px auto;

    position: relative;

}



.pro-hothand:hover .info,

.pro-hothand:focus .info {

    transform: translate(0, -2px);

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}



.pro-hothand:hover .detail,

.pro-hothand:focus .detail {

    box-shadow: 0 0 10px rgba(189, 189, 189, 0.6);

    transform: translate(0, -2px);

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}



.pro-hothand .info {

    width: 530px;

    height: 270px;

    background: url("../img/newhandBg.png") no-repeat;

    color: #fff;

    position: relative;

}



.pro-hothand .info p {

    font-size: 26px;

    padding-left: 22px;

    line-height: 92px;

}



.pro-hothand .info .img {

    width: 96%;

    text-align: center;

}



.pro-hothand .info .caption {

    padding: 20px;
    margin-right: 18px;

    position: relative;

}

.pro-hothand .info .caption .icon {
    position: absolute;
}
.pro-hothand .info .caption .icon:first-child {
    top: 5px;
}
.pro-hothand .info .caption .icon:last-child {
    bottom: 5px;
}

.pro-hothand .info .caption span {

    display: inline-block;

    padding-left: 20px;

    font-size: 18px;

}



.pro-hothand .info .caption span:nth-child(1) {

    margin-left: 0;

}



.pro-hothand .info .caption strong {

    font-size: 24px;

    font-weight: bold;

    color: #ffde02;

}



.pro-hothand .info .more {

    font-size: 12px;

    color: #fff;

    text-decoration: none;

    position: absolute;

    right: 45px;

    bottom: 30px;

}



.pro-hothand .detail {

    width: 688px;

    height: 255px;

    background: #fff;

    border-top: 1px solid #fa9c27;

    padding: 0 32px 0 38px;

    position: absolute;

    top: 15px;

    right: 0;

}



.pro-hothand .detail .title {
    display: block;
    text-decoration: none !important;

    font-size: 18px;

    color: #333;

    line-height: 18px;

    padding: 34px 0 26px;

    border-bottom: 1px solid #e5e5e5;

    margin-bottom: 38px;

}



.pro-hothand .detail .list {

    width: 100%;

}



.pro-hothand .detail .list tr {

    font-size: 14px;

    color: #7e7e7e;

    margin-bottom: 20px;

}



.pro-hothand .detail .list tr td {

    text-align: center;

}



.pro-hothand .detail .list tr td:nth-child(1) {

    text-align: left;

}



.pro-hothand .detail .list tr .rate {

    color: #f0502b;

    font-size: 30px;

}



.pro-hothand .detail .list tr .rate strong {

    font-size: 36px;

}



.pro-hothand .detail .list tr span {

    font-size: 26px;

    color: #333;

}



.toInvest {

    width: 142px;

    height: 40px;

    margin: 0 auto;

    position: relative;

    border-radius: 6px;

    -webkit-border-radius: 6px;

    cursor: pointer;

}



.toInvest.disable {

    background: #d1d1d1 !important;

    border: 0 none;

    color: #fff;

}



.toInvest.disable:hover {

    transition-duration: 0;

}



.toInvest.disable .invest-btn {

    margin: 0 auto;

    color: #fff !important;

}



.toInvest.disable .invest-btn.nouse-btn {

    color: #fff !important;

}



.toInvest:before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 18px;

    z-index: 1;

    background: none;

}



.toInvest .invest-btn {

    z-index: 2;

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    width: 140px;

    height: 38px;

    line-height: 38px;

    background: #fff;

    color: #f0502b;

    border: 1px solid #f0502b;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

    border-radius: 6px;

    margin: 0 auto;

    cursor: pointer;

    text-decoration: none;

}



.toInvest:hover .invest-btn {

    z-index: 3;

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    height: 38px;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    background: -webkit-linear-gradient(left, #f16f16, #fca32b);

    background: -o-linear-gradient(right, #f16f16, #fca32b);

    background: -moz-linear-gradient(right, #f16f16, #fca32b);

    background: linear-gradient(to right, #f16f16, #fca32b);

    color: #fff;

    border: none;

}



.toInvest:hover .invest-btn:before {

    color: #fff;

    height: 38px;

    background: -webkit-linear-gradient(left, #f16f16, #fca32b);

    background: -o-linear-gradient(right, #f16f16, #fca32b);

    background: -moz-linear-gradient(right, #f16f16, #fca32b);

    background: linear-gradient(to right, #f16f16, #fca32b);

}



.toInvest .invest-btn.nouse-btn {

    color: #ed714e !important;

    border-color: #d3d3d3;

}



.toInvest:hover {

    background: -webkit-linear-gradient(left, #f16f16, #fca32b);

    background: -o-linear-gradient(right, #f16f16, #fca32b);

    background: -moz-linear-gradient(right, #f16f16, #fca32b);

    background: linear-gradient(to right, #f16f16, #fca32b);

}



.pro-hothand .detail .list tr.bot td {

    border-right: 1px solid #e5e5e5;

}



.pro-hothand .detail .list tr.bot td:last-child {

    border-right: none;

}



.pro-common-box {

    width: 100%;

    background: #fff;

    padding: 30px 0;

}



.pro-remen {

    height: 254px;

}



.pro-remen:hover,

.pro-remen:focus {

    box-shadow: 0 0 10px rgba(189, 189, 189, 0.6);

    transform: translate(0, -2px);

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}



.pro-remen .side {

    color: #fff;

    width: 210px;

    height: 254px;

    padding-left: 25px;

    text-align: left;

    border-top: 1px solid #f7856c;

    background: linear-gradient(#f9886e, #f16141);

    background: -webkit-linear-gradient(#f9886e, #f16141);

    background: -moz-linear-gradient(#f9886e, #f16141);

    background: -ms-linear-gradient(#f9886e, #f16141);

    background: -o-linear-gradient(#f9886e, #f16141);

    float: left;

}



.pro-remen .side .inside {

    width: 100%;

    height: 100%;

    background: url("../img/moneyImg.png") no-repeat 28px 90px;

    position: relative;

}



.pro-remen .side h2 {

    font-size: 26px;

    padding: 28px 0 25px;

    color: #fff;

}



.pro-remen .side p {

    font-size: 16px;

    color: #fff;

    line-height: 36px;

    padding-left: 16px;

    background: url("../img/dotWhite.png") no-repeat left center;

    margin: 0;

}



.pro-remen .side .more {

    position: absolute;

    right: 20px;

    bottom: 32px;

    color: #fff;

}



.pro-remen .detail {

    width: 990px;

    height: 254px;

    float: left;

    background: #fff;

    border-top: 1px solid #f7856c;

    border-bottom: 1px solid #e5e5e5;

    padding: 0 0 0 15px;

}



.pro-remen .detail .title {

    font-size: 18px;

    color: #333;

    line-height: 18px;

    padding: 34px 0 26px;

    border-bottom: 1px solid #e5e5e5;

    margin-bottom: 38px;

}



.platformDis {

    display: inline-block;

    color: #fff;

    font-size: 14px;

    width: 105px;

    height: 26px;

    line-height: 26px;

    text-align: center;

    background: -webkit-linear-gradient(left, #f33a3a, #ff7322);

    background: -o-linear-gradient(right, #f33a3a, #ff7322);

    background: -moz-linear-gradient(right, #f33a3a, #ff7322);

    background: linear-gradient(to right, #f33a3a, #ff7322);

    margin-left: 8px;

    vertical-align: middle;

    border-radius: 4px;

}



.pro-remen .detail .list {

    width: 100%;

}



.pro-remen .detail .list tr {

    font-size: 14px;

    color: #7e7e7e;

    margin-bottom: 20px;

}



.pro-remen .detail .list tr td {

    text-align: center;

}



.pro-remen .detail .list tr td:nth-child(1) {

    text-align: left;

}



.pro-remen .detail .list tr td b {

    color: #333;

}



.pro-remen .detail .list tr .rate {

    color: #f0502b;

    font-size: 30px;

    padding-left: 40px;

}



.pro-remen .detail .list tr .rate strong {

    font-size: 36px;

}



.pro-remen .detail .list tr .rate i {

    font-size: 24px;

}



.pro-remen .detail .list tr .rateSame {

    padding-left: 40px;

}



.pro-remen .detail .list tr span {

    font-size: 26px;

    color: #333;

}



.pro-remen .detail .list tr .toInvest {

    width: 142px;

    height: 40px;

    margin: 0 auto;

    position: relative;

    border-radius: 6px;

    -webkit-border-radius: 6px;

}



.pro-remen .detail .list tr .toInvest.disable {

    background: #d1d1d1 !important;

    border: 0 none;

    color: #fff;

}



.pro-remen .detail .list tr .toInvest.disable:hover {

    transition-duration: 0;

}



.pro-remen .detail .list tr .toInvest.disable .invest-btn {

    margin: 0 auto;

    color: #fff !important;

}



.pro-remen .detail .list tr .toInvest.disable .invest-btn.nouse-btn {

    color: #fff !important;

}



.pro-remen .detail .list tr .toInvest:before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 18px;

    z-index: 1;

    background: none;

}



.pro-remen .toInvest .invest-btn {

    color: #f26545;

    border: 1px solid #f26545;

}



.pro-remen .toInvest:hover .invest-btn {

    background: #f26545;

    color: #fff;

    border-top: 1px solid #f26545;

}



.pro-remen .toInvest .invest-btn:hover:before {

    color: #fff;

    height: 38px;

    background: #f26545;

}



.pro-remen .toInvest .invest-btn.nouse-btn {

    color: #ed714e !important;

    border-color: #d3d3d3;

}



.pro-remen .toInvest:hover {

    background: #f26545;

}



.pro-remen .detail .list tr.bot td {

    border-right: 1px solid #e5e5e5;

}



.pro-remen .detail .list tr.bot td:last-child {

    border-right: none;

}



.pro-common {

    margin-top: 40px;

    display: flex;

    overflow: hidden;

    min-height: 335px;

}



.pro-common .side {

    color: #fff;

    width: 210px;

    padding-left: 25px;

    text-align: left;

    border-top: 2px solid #529cf7;

    background: linear-gradient(#5fa3fb, #2e88fd);

    background: -webkit-linear-gradient(#5fa3fb, #2e88fd);

    background: -moz-linear-gradient(#5fa3fb, #2e88fd);

    background: -ms-linear-gradient(#5fa3fb, #2e88fd);

    background: -o-linear-gradient(#5fa3fb, #2e88fd);

    position: relative;

}

.pro-common.remen .side {
    border-color:#f7856c;

    background: linear-gradient(#f9886e, #f16141);

    background: -webkit-linear-gradient(#f9886e, #f16141);

    background: -moz-linear-gradient(#f9886e, #f16141);

    background: -ms-linear-gradient(#f9886e, #f16141);

    background: -o-linear-gradient(#f9886e, #f16141);

}



.pro-common .side h2 {

    font-size: 26px;

    padding: 28px 0 45px;

    color: #fff;

}



.pro-common .side p {

    font-size: 16px;

    color: #fff;

    line-height: 36px;

    padding-left: 16px;

    background: url("../img/dotWhite.png") no-repeat left center;

    margin: 0;

}



.pro-common .side .inside {

    width: 100%;

    height: 100%;

    background: url(../img/packet.png) no-repeat 28px 150px;

    position: relative;

}

.pro-common.remen .side .inside {
    background: url(../img/moneyImg.png) no-repeat 28px 90px;
}



.pro-common .side .more {

    position: absolute;

    right: 20px;

    bottom: 32px;

    color: #fff;

}



.pro-common .data {

    width: 990px;

    cursor: pointer;

    border-top: 1px solid #78b2fc;

    transition: all 0.2s ease;

    padding: 18px 0 0 14px;

}

.pro-common.remen .data {
    border-color: #f7856c;
}



.pro-common .data .product-wrap {

    width: 100%;

}



.pro-common .data .product-wrap .product {

    width: 100%;

}



.pro-common .data .product-wrap .product ul {

    width: 100%;

}



.pro-common .data .product-wrap .product ul li {

    width: 235px;

    text-align: center;

    border: 1px solid #e4e4e4;

    border-bottom: none;

    border-radius: 8px;

    position: relative;

    margin-right: 12px;

    overflow: hidden;

    float: left;

}



.pro-common .data .product-wrap .product ul li:last-child {

    margin-right: 0;

}



.pro-common .data .product-wrap .product ul li .home-hot {

    position: absolute;

    right: -1px;

    top: -1px;

}



.pro-common .data .product-wrap .product ul li:hover {

    box-shadow: 0 0 10px rgba(189, 189, 189, 0.6);

}



.pro-common .data .product-wrap .product ul li:hover .home-hot {

    right: -2px;

    top: -2px;

}



.pro-common .data .product-wrap .product ul li:last-child .mode {

    border-right: none;

}



.pro-common .data .product-wrap .product ul li div.mode {

    position: relative;

    width: 100%;

    margin: 25px auto 0;

}



.pro-common .data .product-wrap .product ul li div.mode:hover {

    transform: translate(0, -2px);

}



.pro-common .data .product-wrap .product ul li div.mode .percentage-box.homepercent {

    width: 238px;

    padding: 25px 0 9px;

    margin: 0 auto;

}



.pro-common .data .product-wrap .product ul li div.mode .percentage-box.homepercent .percentage {

    width: 238px;

}



.pro-common .data .product-wrap .product ul li div.mode .percentage-box.homepercent .percentage.homeper {

    height: 6px;

    -moz-border-radius: 3;

    -webkit-border-radius: 3;

    border-radius: 3;

}



.pro-common .data .product-wrap .product ul li div.mode .percentage-box.homepercent .percentage.homeper span {

    height: 6px;

    border-radius: 0;

}



.pro-common .data .product-wrap .product ul li div.mode .percentage-box.homepercent .percentage span {

    background: -webkit-linear-gradient(left, #5e8bef, #73aaf2);

    background: -o-linear-gradient(right, #5e8bef, #73aaf2);

    background: -moz-linear-gradient(right, #5e8bef, #73aaf2);

    background: linear-gradient(to right, #5e8bef, #73aaf2);

}



.pro-common .data .product-wrap .product ul li div.mode .tearbag {

    width: 48px;

    height: 46px;

    background: url('../img/tearbag.png') no-repeat;

    position: absolute;

    right: 38px;

    top: 125px;

}



.pro-common .data .product-wrap .product ul li div.mode .tearbag i {

    position: absolute;

    left: -32px;

    top: 46px;

    display: none;

}



.pro-common .data .product-wrap .product ul li div.mode .tearbag:hover i {

    display: block;

}



.pro-common .data .product-wrap .product ul li div.mode .top {

    font-size: 18px;

    color: #333;

    text-align: center;

}



.pro-common .data .product-wrap .product ul li div.mode .top a {

    text-decoration: none !important;

    color: #333;

    display: block;

    padding: 0 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.pro-common .data .product-wrap .product ul li div.mode .top i {

    display: inline-block;

    vertical-align: top;

    margin: 2px 7px 0 0;

}



.pro-common .data .product-wrap .product ul li div.mode .top .platformDis {

    color: #fff;

    font-size: 14px;

    width: 105px;

    height: 26px;

    line-height: 26px;

    background: -webkit-linear-gradient(left, #f33a3a, #ff7322);

    background: -o-linear-gradient(right, #f33a3a, #ff7322);

    background: -moz-linear-gradient(right, #f33a3a, #ff7322);

    background: linear-gradient(to right, #f33a3a, #ff7322);

    margin: 13px auto 0;

    border-radius: 4px;

}



.pro-common .data .product-wrap .product ul li div.mode .data {

    width: 99%;

    border-top: none;

    margin: 12px auto 0;

    padding-left: 0;

}



.pro-common .data .product-wrap .product ul li div.mode .data span {

    position: relative;

    font-size: 32px;

    color: #ed714e;

}



.pro-common .data .product-wrap .product ul li div.mode .data span i {

    vertical-align: 0;

    margin-left: -8px;

    font-size: 20px;

}



.pro-common .data .product-wrap .product ul li div.mode .data span i .flag {

    position: absolute;

    top: -25px;

    right: 0;

    z-index: 9;

    display: inline-block;

    padding: 5px;

    background: #529cf7;

    font-size: 12px;

    color: #fff;

    height: 20px;

    line-height: 20px;

}



.pro-common .data .product-wrap .product ul li div.mode .data span i .flag:after {

    position: absolute;

    top: 100%;

    left: 45%;

    margin-left: -5px;

    z-index: 9;

    display: inline-block;

    content: '';

    width: 0;

    height: 0;

    border: 6px solid transparent;

    border-top-color: #529cf7;

}



.pro-common .data .product-wrap .product ul li div.mode .data p {

    font-size: 14px;

    color: #565656;

    padding: 5px 0;

}



.pro-common .data .product-wrap .product ul li div.mode .deadline {

    font-size: 14px;

    color: #7e7e7e;

    width: 236px;

    height: 14px;

    line-height: 14px;

    margin: 10px auto 36px;

}



.pro-common .data .product-wrap .product ul li div.mode .deadline i{

    font-style: normal;

}
.pro-common .data .product-wrap .product ul li div.mode .deadline p {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}


/*.pro-common .data .product-wrap .product ul li div.mode .deadline p:nth-child(1) {*/

/*    float: left;*/


/*}*/



/*.pro-common .data .product-wrap .product ul li div.mode .deadline p:nth-child(2) {*/

/*    float: right;*/

/*}*/



.pro-common .data .product-wrap .product ul li div.mode .deadline b {

    color: #333;

}



.pro-common .data .product-wrap .product ul li div.mode .percentage-box {

    padding: 44px 0 32px;

    width: 272px;

    margin: 0 auto;

}



.pro-common .data .product-wrap .product ul li div.mode .percentage-box .percentage {

    width: 170px;

    height: 9px;

    background: #e4e4e4;

}



.pro-common .data .product-wrap .product ul li div.mode .percentage-box .percentage span {

    height: 9px;

    background: #ed714e;

}



.pro-common .data .product-wrap .product ul li div.mode .percentage-box i {

    font-size: 14px;

    color: #646464;

}



.pro-common .data .product-wrap .product ul li div.mode .investBtn {

    display: inline-block;

    text-decoration: none;

    width: 100%;

    height: 54px;

    line-height: 54px;

    font-size: 16px;

    color: #fff;

    background: -webkit-linear-gradient(left, #318afd, #5ca2fb);

    background: -o-linear-gradient(right, #318afd, #5ca2fb);

    background: -moz-linear-gradient(right, #318afd, #5ca2fb);

    background: linear-gradient(to right, #318afd, #5ca2fb);

}

.pro-common.remen .data .product-wrap .product ul li div.mode .investBtn {
    background: -webkit-linear-gradient(left, #f16141, #f9886e);

    background: -o-linear-gradient(left, #f16141, #f9886e);

    background: -moz-linear-gradient(left, #f16141, #f9886e);

    background: linear-gradient(to right, #f16141, #f9886e);
}



.pro-common .data .product-wrap .product ul li div.mode .investBtn.nouse-btn {

    background: #d1d1d1 !important;

    cursor: default;

}



.pro-common .data .product-wrap .product ul li div.mode .investBtn:hover {

    background: #317dfa;
}

.pro-common.remen .data .product-wrap .product ul li div.mode .investBtn:hover {
    background: #f26545;
}



.news-wrap {

    margin: 23px 0 40px 0;

}



.news-wrap .news-con {

    margin: 0 auto;

    padding: 5px 0 28px 0;

    background: #fff;

    overflow: hidden;

}



.news-wrap .news-con .news {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width: 33%;

    float: left;

    padding: 0 20px;

}

.news-wrap .news-con .news.company {
  width: 100%;
  float: none;
}




.news-wrap .news-con .news .title {

    font-size: 18px;

    line-height: 60px;

    color: #333;

    margin-bottom: 26px;

    border-bottom: 1px solid #dedede;

}



.news-wrap .news-con .news .title .more {

    float: right;

    font-size: 14px;

    color: #6e6e6e;

    margin-top: 4px;

}



.news-wrap .news-con .news .title .more:hover {

    color: #2b6bee;

    text-decoration: none;

}



.news-wrap .news-con .news .title span {

    display: inline-block;

    color: #333;

}



.news-wrap .news-con .news .con {

    overflow: hidden;

}



.news-wrap .news-con .news .con ul {

    margin-top: -9px;

}



.news-wrap .news-con .news .con ul li {

    height: 35px;

    line-height: 35px;

}



.news-wrap .news-con .news .con ul li a {

    display: block;

    width: 262px;

    max-width: 262px;

    font-size: 14px;

    color: #8e8e8e;

    display: inline-block;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.news-wrap .news-con .news .con ul.report li a {

    width: 332px;

    max-width: 332px;

}



.news-wrap .news-con .news .con ul li a:hover {

    color: #2b6bee;

    text-decoration: none;

}



.news-wrap .news-con .news .con ul li span {

    float: right;

    font-size: 14px;

    color: #8e8e8e;

}



.news-wrap .news-con .news .con ul li i {

    display: inline-block;

    vertical-align: top;

    margin: 14px 7px 0 0;

}



.home-dot {

    height: 6px;

    width: 6px;

    border-radius: 50%;

    background: #d2d2d2;

}



.news-wrap .news-con .news .con ul li:hover i,

.news-wrap .news-con .news .con ul li:focus i {

    background: #2e6bec;

}



.partners {

    background: #fff;

    padding: 54px 40px 28px;

    overflow: hidden;

}



.partners .partner-in {

    width: 1200px;

    margin: 0 auto;

}



.partners .partner-title {

    display: flex;

    margin-bottom: 38px;

    border-bottom: 1px solid #dedede;

}



.partners .partner-title span {

    display: inline-block;

    vertical-align: top;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    width: 75px;

    font-size: 18px;

    line-height: 18px;

    height: 18px;

    color: #333;

    margin-bottom: 20px;

}



.partners .partner-title .more {

    flex: 1;

    text-align: right;

    color: #999;

    line-height: 34px;

}



.partners .partner-box {

    width: 100%;

}



.partners .partner-list li {

    float: left;

    width: 20%;

    border: 1px solid transparent;

    margin-bottom: 10px;

    text-align: center;

    overflow: hidden;

    cursor: pointer;

}



.partners .partner-list li a{

    display: block;

    height: 64px;

    background-position: center center;

    background-repeat: no-repeat;

}

.partners .partner-list li a img {
    max-height: 100%;
}


.partners .partner-list li:hover {

    border: 1px solid #5fa4fb;

    border-radius: 4px;

}



.footer-wrapper {

    width: 100%;

    background: #464646;

}



.footer-wrapper .foot-wrap {

    width: 1200px;

    margin: 0 auto;

    display: flex;

    padding: 36px 0 30px;

}



.footer-wrapper .foot-wrap .contact-wrap {

    float: left;

    position: relative;

    color: #fff;

    font-size: 16px;

    text-align: center;

    padding: 0 72px 0 18px;

    border-right: 1px solid #636363;

}



.footer-wrapper .foot-wrap .contact-wrap .serviceTime {

    display: block;

    line-height: 24px;

    margin-top: 15px;

}



.footer-wrapper .foot-wrap .contact-wrap strong {

    display: block;

    font-size: 28px;

    line-height: 45px;

    padding-top: 2px;

}



.footer-wrapper .foot-wrap .contact-wrap .footerqq {

    color: #fff;

    width: 200px;

    height: 29px;

    margin-top: 6px;

    position: relative;

    padding-left: 6px;

}



.footer-wrapper .foot-wrap .contact-wrap .footerqq .ico {

    float: left;

    margin-right: 10px;

    height: 29px;

    line-height: 29px;

    text-align: center;

    cursor: pointer;

}



.footer-wrapper .foot-wrap .contact-wrap .footerqq .ico a,

.footer-wrapper .foot-wrap .contact-wrap .footerqq .ico .together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con span,

.together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con .footer-wrapper .foot-wrap .contact-wrap .footerqq .ico span {

    width: 100%;

    display: inline-block;

    color: #fff;

}



.footer-wrapper .foot-wrap .contact-wrap .footerqq .ico a:hover,

.footer-wrapper .foot-wrap .contact-wrap .footerqq .ico .together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con span:hover,

.together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con .footer-wrapper .foot-wrap .contact-wrap .footerqq .ico span:hover {

    color: #5fa4fb;

    text-decoration: none;

}



.footer-wrapper .foot-wrap .contact-wrap .footerqq .ico.qqblue {

    float: left;

    background: url(../img/qqIcon.png) no-repeat left center;

}



.footer-wrapper .foot-wrap .contact-wrap .footerqq .ico.qqblue:hover {

    background: url(../img/qqhover.png) no-repeat left center;

}



.footer-wrapper .foot-wrap .contact-wrap .footerqq .ico.emailblue {

    float: right;

    background: url(../img/emailIcon.png) no-repeat left center;

}



.footer-wrapper .foot-wrap .contact-wrap .footerqq .ico.emailblue:hover {

    color: #5fa4fb;

    background: url(../img/emailhover.png) no-repeat left center;

}



.footer-wrapper .foot-wrap .contact-wrap .footerqq .ico .text {

    margin-left: 38px;

}



.footer-wrapper .foot-wrap .contact-wrap .footerqq .emailhover {

    position: absolute;

    top: -2px;

    right: -128px;

    border: 0;

}



.footer-wrapper .foot-wrap .contact-wrap .footerqq .emailhover a,

.footer-wrapper .foot-wrap .contact-wrap .footerqq .emailhover .together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con span,

.together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con .footer-wrapper .foot-wrap .contact-wrap .footerqq .emailhover span {

    display: inline-block;

}



.footer-wrapper .foot-wrap .contact-wrap .footerqq .emailhover a img,

.footer-wrapper .foot-wrap .contact-wrap .footerqq .emailhover .together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con span img,

.together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con .footer-wrapper .foot-wrap .contact-wrap .footerqq .emailhover span img {

    width: 135px;

}



.footer-wrapper .foot-wrap .foot-nav {

    font-size: 16px;

    position: relative;

    padding: 0 95px;

    border-right: 1px solid #636363;

}



.footer-wrapper .foot-wrap .foot-nav .nav-mod {

    float: left;

}



.footer-wrapper .foot-wrap .foot-nav .nav-mod:nth-child(1) {

    margin-right: 90px;

}



.footer-wrapper .foot-wrap .foot-nav .nav-mod p {

    font-size: 18px;

    font-weight: bold;

    color: #fff;

    line-height: 18px;

}



.footer-wrapper .foot-wrap .foot-nav .nav-mod li a,

.footer-wrapper .foot-wrap .foot-nav .nav-mod li .together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con span,

.together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con .footer-wrapper .foot-wrap .foot-nav .nav-mod li span {

    display: inline-block;

    font-size: 16px;

    color: #fff;

    line-height: 16px;

    margin-top: 25px;

}



.footer-wrapper .foot-wrap .modeline {

    float: left;

    width: 4px;

    height: 209px;

    background: url('../img/modeline.png');

    margin-top: 19px;

}



.footer-wrapper .foot-wrap .foot-code {

    margin: 0 auto;

}



.footer-wrapper .foot-wrap .foot-code .mode {

    float: left;

    text-align: center;

    margin: 0 30px;
}



.footer-wrapper .foot-wrap .foot-code .mode .box {

    width: 152px;

    height: 152px;

    margin: 0 auto;

}



.footer-wrapper .foot-wrap .foot-code .mode .box img {

    display: block;

    width: 100%;

}



.footer-wrapper .foot-wrap .foot-code .mode p {

    color: #fff;

    font-size: 16px;

    line-height: 16px;

    padding-top: 18px;

}



.footer-wrapper .online {

    float: left;

    padding: 6px 0 0 50px;

}



.footer-wrapper .online a,

.footer-wrapper .online .together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con span,

.together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con .footer-wrapper .online span {

    float: left;

    margin-right: 9px;

    width: 32px;

    height: 36px;

    padding: 6px 8px;

    border-radius: 2px;

    border: 1px solid #dedede;

    font-size: 14px;

    text-align: center;

    line-height: 18px;

    color: #999;

}



.footer {
  width: 100%;
  background: #464646;
  border-top: 2px solid #B91C1C;
}
.footer .footer-content {
  width: 100%;
  overflow: hidden;
  padding: 40px 0 30px;
  border-bottom: 1px solid #525252;
}
.footer .footer-copyright {
  padding: 15px 0;
}

.footer-menu {
  overflow: hidden;
}
.footer-menu ul {
  float: left;
  width: 33.33%;
}
.footer-menu ul li a {
  font-size: 14px;
  line-height: 30px;
  color: #dcdcdc;
  display: block;
}
.footer-menu ul li a:hover {
  color: #fff;
}
.footer-menu ul li a.menu-title {
  font-size: 18px;
  color: #f0f0f0;
  font-weight: bold;
  margin-bottom: 11px;
}
.footer-contact .tel {
  font-size: 16px;
  color: #999;
  line-height: 27px;
  text-align: right;
  margin-top: 5px;
}
.footer-contact .tel span {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  padding-top: 5px;
  display: block;
}
.footer-code {
  margin: 0 -10px;
}
.footer-code dl {
  float: right;
  width: 33.33%;
  padding: 0 10px;
  text-align: center;
}
.footer-code dl dt img {
  max-width: 100%;
}
.footer-code dl dd {
  font-size: 14px;
  color: #f0f0f0;
  line-height: 30px;
}

.footer-link {
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  color: #ccc;
  margin-bottom: 12px;
}
.footer-link .link-title {
  font-size: 16px;
}
.footer-link .link-list li {
  display: inline-block;
  padding: 0 10px;
}
.footer-link .link-list li a {
  color: #ccc;
}
.footer-link .link-list li a:hover {
  color: #fff;
}

.footer-desc p {
  text-align: center;
  font-size: 14px;
  color: #ccc;
  margin-bottom: 10px;
}
.footer-desc p.declaration {
  line-height: 1.8;
  margin-bottom: 0;
}

.footer-desc a {
  color: #ccc;
}
.footer-desc a:hover {
  color: #fff;
}




.right-wrapper {

    width: 100%;

    background: #555;

    overflow: hidden;

}



.right-wrapper .foot-right {

    width: 1200px;

    margin: 0 auto;

    padding-top: 10px;

    color: #b4b4b4;

    text-align: center;

}



.right-wrapper .foot-right .partner-nav a,

.right-wrapper .foot-right .partner-nav .together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con span,

.together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con .right-wrapper .foot-right .partner-nav span {

    color: #b4b4b4;

}



.right-wrapper .foot-right .partner-nav span {

    color: #b4b4b4;

    margin: 0 10px;

}

.right-wrapper .foot-right .right-link {
    margin-bottom: 5px;
}
.right-link .link-title {
    font-size: 15px;
}
.right-link .link-list {
    overflow: hidden;
}
.right-link .link-list li {
    display: inline-block;
    padding: 0 6px;
}
.right-link .link-list li a {
    color: #b4b4b4;
}
.right-link .link-list li a:hover {
    color: #fff;
}


.right-wrapper .foot-right .right-text {

    padding: 0 0 18px;

    position: relative;

}



.right-wrapper .foot-right .right-text p {

    padding-top: 10px;

    font-size: 14px;

    margin-bottom: 0;

}

.right-wrapper .foot-right .right-text p.declaration {
    line-height: 1.8;
}



.bill-content-wrapper {

    width: 100%;

    padding: 0 0 80px;

    background: #f1f1f1;

}



.bill-content-wrapper .bill-list-wrap.past-list-wrap .filter-wrap {

    float: right !important;

    padding-right: 22px;

}



.bill-content-wrapper .bill-list-wrap .list-title {

    padding-left: 20px;

    height: 60px;

    border-bottom: 1px solid #ececec;

    background: #fafafa;

}



.bill-content-wrapper .bill-list-wrap .list-title .title {

    float: left;

    font-size: 18px;

    color: #555;

    font-weight: bold;

    margin-right: 42px;

}



.bill-content-wrapper .bill-list-wrap .list-title b {

    float: left;

    margin: 16px 8px 0 0;

}



.bill-content-wrapper .bill-list-wrap .list-title p {

    float: left;

    font-size: 20px;

    color: #145ccd;

    padding-right: 40px;

    font-weight: bold;

    line-height: 56px;

    margin: 0;

}



.bill-content-wrapper .bill-list-wrap .list-title .filter-wrap>ul>li>a,

.bill-content-wrapper .bill-list-wrap .list-title .together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con span,

.together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con .bill-content-wrapper .bill-list-wrap .list-title span {

    color: #666;

    text-decoration: none !important;

}





.bill-content-wrapper .bill-list-wrap .list-title .filter-wrap {

    float: right;

    line-height: 20px;

    font-size: 14px;

    color: #bbb;

    padding: 20px 0;

}

.bill-content-wrapper .bill-list-wrap .list-title .filter-wrap.search {
    padding: 14px 0;
    width: 250px;
    margin-right: 20px;
}



.bill-content-wrapper .bill-list-wrap .list-title .filter-wrap span {

    float: left;

    margin-right: 8px;

}



.bill-content-wrapper .bill-list-wrap .list-title .filter-wrap>ul {

    float: left;

    margin: 0;

    padding: 0;

    border: 0;

}



.bill-content-wrapper .bill-list-wrap .list-title .filter-wrap>ul>li {

    list-style-image: none;

    list-style-type: none;

    margin-left: 0;

    white-space: nowrap;

    float: left;

    padding-left: 0;

    padding-right: 0;

}



.bill-content-wrapper .bill-list-wrap .list-title .filter-wrap>ul>li:first-child {

    padding-left: 0;

}



.bill-content-wrapper .bill-list-wrap .list-title .filter-wrap>ul>li:last-child {

    padding-right: 0;

}



.bill-content-wrapper .bill-list-wrap .list-title .filter-wrap>ul>li.last {

    padding-right: 0;

}



.bill-content-wrapper .bill-list-wrap .list-title .filter-wrap>ul>li {

    margin-right: 21px;

    cursor: pointer;

}



.bill-content-wrapper .bill-list-wrap .list-title .filter-wrap ul li i.down {

    margin-top: 22px;

}



.bill-content-wrapper .bill-list-wrap .list-title .filter-wrap>ul>li.active,

.bill-content-wrapper .bill-list-wrap .list-title .filter-wrap>ul>li:hover,

.bill-content-wrapper .bill-list-wrap .list-title .filter-wrap>ul>li.active>a,

.bill-content-wrapper .bill-list-wrap .list-title .filter-wrap>ul>li:hover>a {

    color: #ed714e;

}



.bill-content-wrapper .bill-list-wrap .list-title .nums {

    float: right;

    padding-right: 26px;

    color: #999;

    font-size: 14px;

}



.bill-content-wrapper .bill-list-wrap .list-box {

    background: #fff;

}

.list-pager {
    text-align: center;
}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode {

    padding: 6px 0 27px;

    border-bottom: 1px solid #dedede;

    overflow: hidden;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode:hover {

    background: #f6f9fc;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode .bill-name {

    font-size: 18px;

    color: #424242;

    position: relative;

    height: 27px;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode .bill-name i {

    display: inline-block;

    width: 26px;

    height: 17px;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode .bill-name i.public-yin,

.bill-content-wrapper .bill-list-wrap .list-box .list-mode .bill-name i.public-shang {

    width: 15px;

    height: 15px;

    position: absolute;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode .bill-name i.public-yinicon,

.bill-content-wrapper .bill-list-wrap .list-box .list-mode .bill-name i.public-shangicon {

    position: absolute;

    left: 0;

    top: 5px;

    width: 15px !important;

    height: 15px !important;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode .bill-name .name {

    float: left;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode .bill-name .feature-box {

    float: left;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode .bill-name .feature-box .feature {

    float: left;

    padding: 2px 0 0 8px;

    margin: 0;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode .bill-name .feature-box .feature span {

    height: 24px;

    line-height: 24px;

    padding: 0 10px;

    border-radius: 3px;

    border: 1px solid #048eed;

    color: #048eed;

    font-size: 14px;

    font-weight: normal;

    display: block;

}

.bill-content-wrapper .bill-list-wrap .list-box .list-mode .bill-name .feature-box .feature.feature1 span {
    border-color: #ed714e;
    color: #ed714e;
}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode .bill-name .feature-box .lastPrize {

    float: right;

    margin-top: 11px;

    margin-right: 40px;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode .bill-name .lastPrize {

    float: right;

    margin: 4px 224px 0 0;

    font-size: 14px;

    color: #048eed;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul {

    margin: 0;

    padding: 0;

    border: 0;

    overflow: hidden;

    *zoom: 1;

    overflow: visible;

    padding-top: 19px;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li {

    list-style-image: none;

    list-style-type: none;

    margin-left: 0;

    white-space: nowrap;

    float: left;

    padding-left: 0;

    padding-right: 0;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li:first-child {

    padding-left: 0;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li:last-child {

    padding-right: 0;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.last {

    padding-right: 0;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li {

    text-align: center;

    white-space: normal;

    width: 225px;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.line {

    width: 1px;

    height: 48px;

    background: #e5e5e5;

    font-size: 0;

    line-height: 0;

    margin-top: 15px;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.rate-box {

    position: relative \9;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.rate-box i.addrate {

    color: #ed714e;

    vertical-align: top;

    margin-left: -8px;

    font-size: 30px;

    position: absolute;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.rate-box i.addrate img {

    position: absolute;

    left: 8px;

    top: -20px;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li p {

    font-size: 16px;

    color: #999;

    text-align: center;

    margin: 0;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li p span,
.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li p a {

    color: #555;

    margin-right: 5px;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li p b {

    font-size: 30px;

    font-weight: normal;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li p .rate {

    color: #ed714e;

    font-size: 20px;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li i.txt {

    font-size: 14px;

    color: #bbb;

    font-style: normal;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li .little-tip {

    color: #bbb;

    padding-top: 10px;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li .little-tip i {

    float: left;

    margin-right: 3px;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box {

    width: 133px;

    float: right;

    padding-left: 0;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .invest-btn,

.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .reset-passwd .sub-box .sub-btn,

.reset-passwd .sub-box .bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .sub-btn,

.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .reset-complete .sure-btn,

.reset-complete .bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .sure-btn,

.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .nouse-btn,

.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .account-home-wrap .content-wrap .show-mode .btn-wrap .recharge-btn,

.account-home-wrap .content-wrap .show-mode .btn-wrap .bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .recharge-btn,

.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .account-home-wrap .content-wrap .show-mode .btn-wrap .get-btn,

.account-home-wrap .content-wrap .show-mode .btn-wrap .bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .get-btn,

.bill-content-wrapper .bill-list-wrap .special-activity-wrapper .lottery-wrapper .list-wrap .list-box-shadow .list-box .list-mode ul li.invest-btn-box .special-box .show-wrap .product-table table td.invest-btn-box .nouse-btn,

.special-activity-wrapper .lottery-wrapper .list-wrap .list-box-shadow .bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .special-box .show-wrap .product-table table td.invest-btn-box .nouse-btn,

.bill-content-wrapper .bill-list-wrap .special-activity-wrapper .lottery-wrapper .list-wrap .list-box-shadow .list-box .special-box .show-wrap .product-table table td.invest-btn-box .list-mode ul li.invest-btn-box .nouse-btn,

.special-activity-wrapper .lottery-wrapper .list-wrap .list-box-shadow .bill-content-wrapper .bill-list-wrap .list-box .special-box .show-wrap .product-table table td.invest-btn-box .list-mode ul li.invest-btn-box .nouse-btn,

.bill-content-wrapper .bill-list-wrap .semiphone-wrapper .product-wrapper .product-wrap .list-box-shadow .list-box .list-mode ul li.invest-btn-box .special-box .show-wrap .product-table table td.invest-btn-box .nouse-btn,

.semiphone-wrapper .product-wrapper .product-wrap .list-box-shadow .bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .special-box .show-wrap .product-table table td.invest-btn-box .nouse-btn,

.bill-content-wrapper .bill-list-wrap .semiphone-wrapper .product-wrapper .product-wrap .list-box-shadow .list-box .special-box .show-wrap .product-table table td.invest-btn-box .list-mode ul li.invest-btn-box .nouse-btn,

.semiphone-wrapper .product-wrapper .product-wrap .list-box-shadow .bill-content-wrapper .bill-list-wrap .list-box .special-box .show-wrap .product-table table td.invest-btn-box .list-mode ul li.invest-btn-box .nouse-btn {

    width: 129px;

    height: 38px;

    line-height: 38px;

    margin-top: 18px;

    background: #ed714e;

}



.invest-btn,

.reset-passwd .sub-box .sub-btn,

.reset-complete .sure-btn,

.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .nouse-btn,

.account-home-wrap .content-wrap .show-mode .btn-wrap .recharge-btn,

.account-home-wrap .content-wrap .show-mode .btn-wrap .get-btn,

.special-activity-wrapper .lottery-wrapper .list-wrap .list-box-shadow .list-box .special-box .show-wrap .product-table table td.invest-btn-box .nouse-btn,

.semiphone-wrapper .product-wrapper .product-wrap .list-box-shadow .list-box .special-box .show-wrap .product-table table td.invest-btn-box .nouse-btn {

    width: 128px;

    height: 33px;

    line-height: 33px;

    text-align: center;

    color: #fff;

    background: #ed714e;

    font-size: 14px;

    display: block;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .invest-btn:hover,

.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .reset-passwd .sub-box .sub-btn:hover,

.reset-passwd .sub-box .bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .sub-btn:hover,

.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .reset-complete .sure-btn:hover,

.reset-complete .bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .sure-btn:hover,

.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .nouse-btn:hover,

.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .account-home-wrap .content-wrap .show-mode .btn-wrap .recharge-btn:hover,

.account-home-wrap .content-wrap .show-mode .btn-wrap .bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .recharge-btn:hover,

.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .account-home-wrap .content-wrap .show-mode .btn-wrap .get-btn:hover,

.account-home-wrap .content-wrap .show-mode .btn-wrap .bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .get-btn:hover,

.bill-content-wrapper .bill-list-wrap .special-activity-wrapper .lottery-wrapper .list-wrap .list-box-shadow .list-box .list-mode ul li.invest-btn-box .special-box .show-wrap .product-table table td.invest-btn-box .nouse-btn:hover,

.special-activity-wrapper .lottery-wrapper .list-wrap .list-box-shadow .bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .special-box .show-wrap .product-table table td.invest-btn-box .nouse-btn:hover,

.bill-content-wrapper .bill-list-wrap .special-activity-wrapper .lottery-wrapper .list-wrap .list-box-shadow .list-box .special-box .show-wrap .product-table table td.invest-btn-box .list-mode ul li.invest-btn-box .nouse-btn:hover,

.special-activity-wrapper .lottery-wrapper .list-wrap .list-box-shadow .bill-content-wrapper .bill-list-wrap .list-box .special-box .show-wrap .product-table table td.invest-btn-box .list-mode ul li.invest-btn-box .nouse-btn:hover,

.bill-content-wrapper .bill-list-wrap .semiphone-wrapper .product-wrapper .product-wrap .list-box-shadow .list-box .list-mode ul li.invest-btn-box .special-box .show-wrap .product-table table td.invest-btn-box .nouse-btn:hover,

.semiphone-wrapper .product-wrapper .product-wrap .list-box-shadow .bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .special-box .show-wrap .product-table table td.invest-btn-box .nouse-btn:hover,

.bill-content-wrapper .bill-list-wrap .semiphone-wrapper .product-wrapper .product-wrap .list-box-shadow .list-box .special-box .show-wrap .product-table table td.invest-btn-box .list-mode ul li.invest-btn-box .nouse-btn:hover,

.semiphone-wrapper .product-wrapper .product-wrap .list-box-shadow .bill-content-wrapper .bill-list-wrap .list-box .special-box .show-wrap .product-table table td.invest-btn-box .list-mode ul li.invest-btn-box .nouse-btn:hover {

    background: #eb5e37;

    color: #fff;

    text-decoration: none;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .invest-btn:focus,

.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .reset-passwd .sub-box .sub-btn:focus,

.reset-passwd .sub-box .bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .sub-btn:focus,

.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .reset-complete .sure-btn:focus,

.reset-complete .bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .sure-btn:focus,

.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .nouse-btn:focus,

.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .account-home-wrap .content-wrap .show-mode .btn-wrap .recharge-btn:focus,

.account-home-wrap .content-wrap .show-mode .btn-wrap .bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .recharge-btn:focus,

.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .account-home-wrap .content-wrap .show-mode .btn-wrap .get-btn:focus,

.account-home-wrap .content-wrap .show-mode .btn-wrap .bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .get-btn:focus,

.bill-content-wrapper .bill-list-wrap .special-activity-wrapper .lottery-wrapper .list-wrap .list-box-shadow .list-box .list-mode ul li.invest-btn-box .special-box .show-wrap .product-table table td.invest-btn-box .nouse-btn:focus,

.special-activity-wrapper .lottery-wrapper .list-wrap .list-box-shadow .bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .special-box .show-wrap .product-table table td.invest-btn-box .nouse-btn:focus,

.bill-content-wrapper .bill-list-wrap .special-activity-wrapper .lottery-wrapper .list-wrap .list-box-shadow .list-box .special-box .show-wrap .product-table table td.invest-btn-box .list-mode ul li.invest-btn-box .nouse-btn:focus,

.special-activity-wrapper .lottery-wrapper .list-wrap .list-box-shadow .bill-content-wrapper .bill-list-wrap .list-box .special-box .show-wrap .product-table table td.invest-btn-box .list-mode ul li.invest-btn-box .nouse-btn:focus,

.bill-content-wrapper .bill-list-wrap .semiphone-wrapper .product-wrapper .product-wrap .list-box-shadow .list-box .list-mode ul li.invest-btn-box .special-box .show-wrap .product-table table td.invest-btn-box .nouse-btn:focus,

.semiphone-wrapper .product-wrapper .product-wrap .list-box-shadow .bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .special-box .show-wrap .product-table table td.invest-btn-box .nouse-btn:focus,

.bill-content-wrapper .bill-list-wrap .semiphone-wrapper .product-wrapper .product-wrap .list-box-shadow .list-box .special-box .show-wrap .product-table table td.invest-btn-box .list-mode ul li.invest-btn-box .nouse-btn:focus,

.semiphone-wrapper .product-wrapper .product-wrap .list-box-shadow .bill-content-wrapper .bill-list-wrap .list-box .special-box .show-wrap .product-table table td.invest-btn-box .list-mode ul li.invest-btn-box .nouse-btn:focus {

    background: #eb5e37;

    color: #fff;

    text-decoration: none;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .nouse-btn {

    background: #dccdb8;

    cursor: default;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box .nouse-btn:hover {

    background: #dccdb8;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode ul li.invest-btn-box p {

    width: 130px;

    height: 59px;

    display: block;

    margin-top: 6px;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode.end-mode {

    color: #a9a9a9;

}



.bill-content-wrapper .bill-list-wrap .list-box .list-mode.end-mode ul li p span {

    color: #a9a9a9;

}



.bill-content-wrapper .bill-list-wrap .list-box .page-wrap {

    padding-top: 54px;

}



.bill-content-wrapper .bill-list-wrap .billing-list {

    background: #fff;

    min-height: 500px;

}



.bill-content-wrapper .bill-list-wrap .billing-list.billing-act {

    margin-top: 22px;

}



.bill-content-wrapper .bill-list-wrap .billing-list .bread {

    height: 40px;

    line-height: 40px;

    font-size: 16px;

    color: #666;

    background: #f1f1f1;

}



.bill-content-wrapper .bill-list-wrap .billing-list .bread a,

.bill-content-wrapper .bill-list-wrap .billing-list .bread .together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con span,

.together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con .bill-content-wrapper .bill-list-wrap .billing-list .bread span {

    float: left;

    color: #666;

}



.bill-content-wrapper .bill-list-wrap .billing-list .bread i {

    float: left;

    margin: 13px 9px 0;

}



.bill-content-wrapper .bill-list-wrap .billing-list .bread span {

    float: left;

}





.bill-content-wrapper .bill-list-wrap .billing-list .bill-mode .list-box {

    background: none;

    margin-bottom: -1px;

}



.bill-content-wrapper .bill-list-wrap .billing-list .bill-mode .list-box .list-mode-box {

    position: relative;

    overflow: hidden;

}



.bill-content-wrapper .bill-list-wrap .billing-list .bill-mode .list-box .list-mode-box:hover {

    background: #f6f9fc;

}



.bill-content-wrapper .bill-list-wrap .billing-list .bill-mode .list-box .list-mode {

    width: 1078px;

    height: 169px;

    margin: 0 auto;

    padding: 0;

    overflow: visible;

    border-bottom: 1px solid #e0e0e0;

    overflow: hidden;

}



.bill-content-wrapper .bill-list-wrap .billing-list .bill-mode .list-box .list-mode .pasticon {

    position: absolute;

    right: 0;

    top: 0;

}



.bill-content-wrapper .bill-list-wrap .billing-list .bill-mode .list-box .list-mode {

    width: 1078px;

    height: 169px;

    margin: 0 auto;

    padding: 0;

    overflow: visible;

    border-bottom: 1px solid #e0e0e0;

    overflow: hidden;

}



.bill-content-wrapper .bill-list-wrap .billing-list .bill-mode .list-box .list-mode .beage {

    color: #fff;

    height: 20px;

    width: 100px;

    position: absolute;

    top: 10px;

    left: -30px;

    text-align: center;

    font-size: 13px;

    line-height: 20px;

    background-color: #fd483a;

    -moz-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



.bill-content-wrapper .bill-list-wrap .billing-list .bill-mode .list-box .list-mode .detail-btn {

    width: 118px;

    height: 34px;

    text-align: center;

    line-height: 34px;

    border: 1px solid #529cf7;

    display: block;

    color: #529cf7;

    font-size: 14px;

    cursor: pointer;

    border-radius: 2px;

    margin-top: 16px;

}



.bill-content-wrapper .bill-list-wrap .billing-list .bill-mode .list-box .list-mode .bill-name {

    margin: 21px 0 0 0;

    font-size: 18px;

    color: #555;

}



.bill-content-wrapper .bill-list-wrap .billing-list .bill-mode .list-box .list-mode .bill-name .name {

    color: #555;

}

.bill-content-wrapper .bill-list-wrap .billing-list .bill-mode .list-box a {

    text-decoration: none !important;

}



.bill-content-wrapper .bill-list-wrap .billing-list .bill-mode .list-box .list-mode.hot-mode .bill-name {

    font-weight: bold;

    color: #ed714e;

    position: relative;

}



.bill-content-wrapper .bill-list-wrap .billing-list .bill-mode .list-box .list-mode.hot-mode .bill-name i.public-yin,

.bill-content-wrapper .bill-list-wrap .billing-list .bill-mode .list-box .list-mode.hot-mode .bill-name .public-shang {

    position: absolute;

    left: 0;

    top: 5px;

    width: 15px !important;

    height: 15px !important;

}



.bill-content-wrapper .bill-list-wrap .past-list .past-title {

    height: 0;

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #fff;

    margin: 29px auto 2px;

}



.bill-content-wrapper .bill-list-wrap .past-list .past-title .title {

    font-size: 16px;

    color: #888;

    text-align: center;

    width: 120px;

    margin: -13px auto 0;

    background: #f1f1f1;

}



.bill-content-wrapper .bill-list-wrap .past-list .list-box {

    padding: 0;

    border: 1px solid #d5d5d5;

    overflow: hidden;

}



.bill-content-wrapper .bill-list-wrap .past-list .list-box .list {

    margin-bottom: -1px;

}



.bill-content-wrapper .bill-list-wrap .past-list .list-box .page-wrap {

    padding-bottom: 40px;

}



.bill-content-wrapper .bill-list-wrap .past-list .list-mode {

    height: 144px;

    padding: 0;

    background: #fafafa;

}



.bill-content-wrapper .bill-list-wrap .past-list .list-mode .home-icons-activity {

    width: 47px;

    height: 46px;

    background: url(../img/ico-leftheader.png);

    display: block;

    position: absolute;

    left: 0;

    top: 0;

}



.bill-content-wrapper .bill-list-wrap .past-list .list-mode .bill-name {

    margin: 15px 0 0 65px;

    font-size: 18px;

    color: #424242;

    position: relative;

    overflow: hidden;

}



.bill-content-wrapper .bill-list-wrap .past-list .list-mode .bill-name i {

    display: inline-block;

    width: 26px;

    height: 17px;

}



.bill-content-wrapper .bill-list-wrap .past-list .list-mode .bill-name i.public-yin,

.bill-content-wrapper .bill-list-wrap .past-list .list-mode .bill-name i.public-shang {

    width: 15px;

    height: 15px;

    position: absolute;

    left: 0;

    top: 5px;

}



.bill-content-wrapper .bill-list-wrap .past-list .list-mode .bill-name i.public-yinicon,

.bill-content-wrapper .bill-list-wrap .past-list .list-mode .bill-name i.public-shangicon {

    position: absolute;

    left: 0;

    top: 5px;

    width: 15px !important;

    height: 15px !important;

}



.bill-content-wrapper .bill-list-wrap .past-list .list-mode .bill-name .name {

    float: left;

    padding-left: 25px;

}



.bill-content-wrapper .bill-list-wrap .past-list .list-mode .bill-name i {

    position: absolute;

}



.bill-content-wrapper .bill-list-wrap .past-list .list-mode ul {

    padding-left: 17px;

}



.bill-content-wrapper .bill-list-wrap .past-list .list-mode li.invest-btn-box {

    width: 191px !important;

    position: relative;

}



.bill-content-wrapper .bill-list-wrap .past-list .list-mode li.invest-btn-box p {

    right: 0;

    top: -54px;

    position: absolute;

    width: 49px !important;

    height: 52px !important;

    margin: 0 !important;

}



.bill-content-wrapper .bill-list-wrap .past-list .detail-btn {

    width: 128px;

    height: 33px;

    text-align: center;

    line-height: 33px;

    background: #fef1ea;

    border: 1px solid #ed714e;

    display: block;

    color: #ed714e;

    font-size: 15px;

    cursor: pointer;

}



.bill-content-wrapper .past-page-wrap {

    padding: 28px 0 0;

}



.listicon-sprite,

.listicon-act,

.listicon-exclusiveIco,

.listicon-ju,

.listicon-lastPrize,

.listicon-my-publicwelfare,

.listicon-old,

.listicon-past,

.listicon-you,

.listicon-zhifu-publicwelfare {

    background-image: url('../img/listicon.png');

    background-repeat: no-repeat;

}



.listicon-act {

    background-position: 0 0;

    height: 26px;

    width: 26px;

}



.listicon-exclusiveIco {

    background-position: 0 -26px;

    height: 27px;

    width: 23px;

}



.listicon-ju {

    background-position: 0 -53px;

    height: 26px;

    width: 26px;

}



.listicon-lastPrize {

    background-position: 0 -79px;

    height: 16px;

    width: 63px;

}



.listicon-my-publicwelfare {

    background-position: 0 -95px;

    height: 25px;

    width: 25px;

}



.listicon-old {

    background-position: 0 -120px;

    height: 15px;

    width: 8px;

}



.listicon-past {

    background-position: 0 -135px;

    height: 26px;

    width: 26px;

}



.listicon-you {

    background-position: 0 -161px;

    height: 26px;

    width: 26px;

}



.new-bread-wrapper {

    background: #f2f2f2;

}



.bread-nav-wrapper {

    width: 100%;

    border-top: 1px solid #f2f2f2;

}

.bread-nav-wrapper .breadcrumb {

    padding:8px 0;

    margin-bottom: 0;

}



.bread-nav-wrapper .bread-box {

    height: 38px;

    line-height: 38px;

    color: #333;

    font-size: 14px;

}



.bread-nav-wrapper .bread-box a {

    color: #333;

    text-decoration: none !important;

}



.bread-nav-wrapper .bread-box span {

    color: #B6B6B6;

}



.bill-detail-wrap {

    width: 100%;

    padding: 0 0 30px;

    background: #f1f1f1;

}



.bill-detail-wrap .bill-detail-box {

    overflow: hidden;

}



.bill-detail-wrap .bill-detail-box .bill-detail {

    width: 735px;

    min-height: 500px;

    margin-right: 15px;

    background: #fff;

    border-right: 1px solid #f2f2f2;

    float: left;

}

.bill-detail-wrap .bill-detail-box .bill-detail.company {

    width: 100%;

    float: none;

}
.bill-detail-wrap .bill-detail-box .bill-detail.company  .detail-box {

    width: 100%;

    float: none;

}


.bill-detail-wrap .bill-detail-box .bill-detail .detail-box {

    padding: 0 30px;

    float: left;
    width: 800px;

}



.bill-detail-wrap .bill-detail-box .bill-detail .detail-box .title {

    position: relative;

    padding-top: 19px;

    height: 54px;

    line-height: 35px;

}



.bill-detail-wrap .bill-detail-box .bill-detail .detail-box .title b {

    font-size: 20px;

    font-weight: normal;

    color: #000;

    margin-right: 14px;

    position: relative;

    float: left;

}



.bill-detail-wrap .detail-box .feature-box {

    height: 30px;

    float: right;

}

.bill-detail-wrap .bill-detail-box .bill-detail {
    width: 100%;
    margin-right: 0;
    border-right: 0;
}


.bill-detail-wrap .bill-detail-box .bill-detail .list-wrap {

    padding: 40px 0 20px;

    border-bottom: 1px solid #f2f2f2;

}

.bill-detail-wrap .bill-detail-box .bill-detail .list-wrap .desc {
    color: #000;
    padding-left: 30px;
    font-size: 18px;
    margin: 10px 0 0 0;
}
.bill-detail-wrap .bill-detail-box .bill-detail .list-wrap .desc .icon {
    float: left;
    font-size: 30px;
    margin-right: 8px;
    color: #145ccd;
}


.bill-detail-wrap .bill-detail-box .bill-detail .list-wrap ul {

    margin: 0;

    padding: 0;

    border: 0;

    overflow: hidden;

    overflow: visible;

}



.bill-detail-wrap .bill-detail-box .bill-detail .list-wrap ul li {

    width: 33.33%;

    text-align: center;

    color: #777;

    font-size: 14px;

    min-height: 110px;

    border-right: 1px solid #f2f2f2;

    float: left;

}



.bill-detail-wrap .bill-detail-box .bill-detail .list-wrap ul li.rate-mod {

    text-align: left;

    padding-left: 30px;

    width: 300px;

}



.bill-detail-wrap .bill-detail-box .bill-detail .list-wrap ul li .rate {

    color: #ed714e;

}



.bill-detail-wrap .bill-detail-box .bill-detail .list-wrap ul li div {

    height: 68px;

    line-height: 90px;

    margin-top: -5px;

}



.bill-detail-wrap .bill-detail-box .bill-detail .list-wrap ul li .rate b {

    margin: 0;

    position: relative;

    font-size: 21px;

}



.bill-detail-wrap b em {

    font-size: 42px !important;

    color: #ed714e;

    font-weight: normal;

    font-style: normal;

}



.bill-detail-wrap .bill-detail-box .bill-detail .list-wrap ul li:last-child {

    padding-right: 0;

    border-right: 0;

}



.bill-detail-wrap .bill-detail-box .bill-detail .list-mod {

    min-height: 39px;

    line-height: 39px;

    color: #777;

    font-size: 14px;

    padding: 0 30px;

    overflow: hidden;

}



.bill-detail-wrap .bill-detail-box .list-mod p {

    width: 43%;

    text-align: left;

    margin: 0;

}

.bill-detail-wrap .bill-detail-box .list-mod p label {
    margin-bottom: 0;
    font-weight: initial;
    float: left;
    width: 70px;
}


.bill-detail-wrap .bill-detail-box .list-mod p span {

    color: #000;

    padding-left: 70px;
    display: block;

}



.bill-detail-wrap .bill-detail-box .bill-detail .list-mod p.detail {

    width: 100%;

}



.bill-detail-wrap .bill-detail-box .bill-detail .list-mod .detail1 {

    float: left;

}



.bill-detail-wrap .bill-detail-box .bill-detail .list-mod .detail2 {

    float: right;

}



.bill-detail-wrap .bill-detail-box .bill-form-wrap {

    width: 400px;

    min-height: 500px;

    background: #fff;

    float: left;

    padding: 40px 0;

}



.bill-detail-wrap .bill-detail-box .bill-form-wrap .toask {

    text-align: center;

    color: #7a7979;

    margin: 0 auto;

    margin-bottom: 30px;

}



/* .bill-detail-wrap .bill-detail-box .bill-form-wrap .headPortrait {

    display: inline-block;

    font-size: 0;

    border-radius: 50%;

    width: 130px;

    height: 130px;

    text-align: center;

    background: #f1f1f1;

} */



.bill-detail-wrap .bill-detail-box .bill-form-wrap .headPortrait .icon {

    font-size: 100px;

}



.bill-detail-wrap .bill-detail-box .bill-form-wrap .toask .desc {

    font-size: 18px;

    color: #999;

}



.bill-detail-wrap .bill-detail-box .bill-form-wrap .ask-form {

    padding: 0 30px;

}

.ask-form .form-control {
    background: #f1f1f1;
    border: none;
    outline: 0;
    box-shadow: none;
}



.bill-detail-wrap .bill-detail-info {

    margin-top: 22px;

    padding-bottom: 65px;

    background: #fff;

}





.info-title {

    padding: 20px 0 10px 15px;

}



.bill-detail-wrap .bill-detail-info .info-wrap h1 {

    color: #048eed;

    font-size: 24px;

    font-weight: normal;

    margin-top: 40px;

}



.bill-detail-wrap .bill-detail-info .info-wrap h1:first-child {

    margin-top: 0;

}



.bill-detail-wrap .bill-detail-info .info-wrap {

    padding: 30px;

    font-size: 16px;

}

.bill-detail-wrap .bill-detail-info .info-wrap h3 {
    font-size: 20px;
    font-weight: bold;
    color: #145ccd;
}
.bill-detail-wrap .bill-detail-info .info-wrap p {
    line-height: 40px;
}

.bill-info-title {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #f1f1f1;
}

.bill-info-title .tab-nav li {
    float: left;
}
.bill-info-title .tab-nav li a{
    text-decoration: none;
    display: block;
    padding: 0 47px;
    font-size: 18px;
    color: #555;
    border-right: 1px solid #f1f1f1;
}
.bill-info-title .tab-nav li.active a {
    background: #145ccd;
    color: #fff;
    position: relative;
    height: 45px;
    line-height: 45px;
    cursor: default;
}

.my-account-wrapper {

    background: #f1f1f1;

    padding: 0 0 30px;

}



.my-account-wrapper .wqq-my-account-side {

    border: 1px solid #dcdcdc;

    box-sizing: border-box;

    width: 230px;

    background: #fff;

    overflow: hidden;

    display: block;

    float: left;

}



.my-account-wrapper .wqq-my-account-side .wqq-side-mode-list {

    background-color: #FFFFFF;

}



.my-account-wrapper .wqq-my-account-side .mode-list-nav {

    font-size: 14px;

    padding-left: 20px;

    height: 36px;

    background-color: #F9F9F9;

    line-height: 36px;

    border-bottom: 1px solid #dcdcdc;

}



.my-account-wrapper .wqq-my-account-side .side-mode {

    position: relative;

    overflow: hidden;

}



.my-account-wrapper .wqq-my-account-side .side-mode a{

    border-bottom: 1px solid #dcdcdc;

}

.my-account-wrapper .wqq-my-account-side .side-mode:last-child a {

    border-bottom: 0;

}



.my-account-wrapper .wqq-my-account-side .side-mode .parentMenu {

    display: block;

    font-size: 16px;

    color: #333;

    padding-left: 52px;

    position: relative;

    font-weight: bold;

}



.my-account-wrapper .wqq-my-account-side .side-mode .mode-title {

    height: 60px;

    line-height: 60px;

    cursor: pointer;

    display: block;

}



.my-account-wrapper .wqq-my-account-side .side-mode .parentMenu:hover,

.my-account-wrapper .wqq-my-account-side .side-mode.active .parentMenu {

    text-decoration: none;

    color: #529cf7;

}



.my-account-wrapper .wqq-my-account-side .side-mode .parentMenu:hover::before,

.my-account-wrapper .wqq-my-account-side .side-mode.active .parentMenu::before {

    content: '';

    border-left: 2.5px solid #529cf7;

    border-right: 2.5px solid #529cf7;

    border-radius: 2.5px;

    height: 20px;

    position: absolute;

    left: 20px;

    top: 20px;

    background: #529cf7;

}



.my-account-wrapper .wqq-my-account-content {

    border: 1px solid #dcdcdc;

    box-sizing: border-box;

    width: 950px;

    float: left;

    background: #fff;

    min-height: 600px;

    margin-left: 20px;

    overflow: hidden;

}

.my-account-wrapper .wqq-my-account-content .content {

    font-size: 18px;

    text-indent: 2em;

    padding: 20px;

    line-height: 2;

}


.news-wrap1 {

    padding: 0 20px;

}




.news-wrap1 ul li {

    height: 220px;

    border-bottom: 1px solid #e4e4e4;

    padding: 30px 0;

    box-sizing: border-box;

}



.news-wrap1 ul li .left {

    width: 225px;

    background-image: url(../img/xwmr.png);

    background-size: 100% 100%;

}

.news-wrap1 ul li .left img {

    width: 100%;

    height: 100%;

    background: #fff;

}

.news-wrap1 ul li div {

    float: left;

    height: 100%;

    box-sizing: border-box;

}



.news-wrap1 ul li .right {

    width: 665px;

    padding-left: 20px;

}

.news-wrap1 ul li .right .gsdt-title {

    display: block;

    color: #333;

    font-weight: bold;

    font-size: 16px;

}

.news-wrap1 ul li .right p {

    margin-top: 15px;

    height: 90px;

    margin-bottom: 10px;

}

.news-wrap1 ul li .right .ckxq {

    color: #529cf7;

    float: right;

    font-size: 12px;

}



.news-content-wrap {

    padding: 40px 70px;

}

.news-content-wrap .news-title {

    font-size: 30px;

    font-weight: bold;

    color: #555;

    text-align: center;

    position: relative;

    padding-bottom: 30px;

}

.news-content-wrap .news-aside hr {

    margin: 5px 0;

}

.news-content-wrap .news-content .desc {

    font-size: 16px;

    line-height: 25px;

    color: #333;

    padding: 20px;

    background: #f6f6f6;

    margin: 20px 0;

    position: relative;

}

.news-content-wrap .news-content .detail {

    font-size: 18px;

    line-height: 2;

}





.empty-tips {

    display: inline-block;

    width: 100%;

    color: #999;

    font-size: 16px;

    height: 200px;

    line-height: 200px;

    text-align: center;

}




.inviteFriends {

    max-width: 100%;

    overflow-x: hidden;

  }

  /* line 31, ../sass/_inviteFriends.scss */

  .inviteFriends .quick-register-wrap.inviteBanner {

    background: url("/images/inviteFriends/bannerBg.png") center top;

    min-height: 596px;

    background-color: #EBF8FF;

    background-size: cover;

  }

  /* line 36, ../sass/_inviteFriends.scss */

  .inviteFriends .quick-register-wrap.inviteBanner .wqq-quick-register-wrap-box {

    width: 1370px;

    margin: -66px auto 0;

    position: relative;

    z-index: 9;

  }

  /* line 42, ../sass/_inviteFriends.scss */

  .inviteFriends .quick-register-wrap.inviteBanner .invitephone {

    width: 1218px;

    margin: 0 auto;

    text-align: left;

    padding: 64px 0 0 113px;

    font-size: 28px;

    color: #fff;

    z-index: 999;

    font-weight: bold;

  }

  /* line 51, ../sass/_inviteFriends.scss */

  .inviteFriends .quick-register-wrap.inviteBanner .invitephone span {

    color: #fcff00;

  }

  /* line 58, ../sass/_inviteFriends.scss */

  .inviteFriends .chooseReason {

    float: left;

    width: 100%;

    margin: 0 auto;

    padding-bottom: 82px;

    background: #f9f9f9;

  }

  /* line 64, ../sass/_inviteFriends.scss */

  .inviteFriends .chooseReason .title {

    margin: 50px auto 79px;

  }

  /* line 68, ../sass/_inviteFriends.scss */

  .inviteFriends .chooseReason table {

    width: 70%;

    margin: 0 auto;

  }

  /* line 71, ../sass/_inviteFriends.scss */

  .inviteFriends .chooseReason table td {

    font-size: 16px;

    color: #333;

    text-align: center;

  }

  /* line 75, ../sass/_inviteFriends.scss */

  .inviteFriends .chooseReason table td span {

    margin-bottom: 3px;

    display: inline-block;

    font-size: 20px;

  }

  /* line 80, ../sass/_inviteFriends.scss */

  .inviteFriends .chooseReason table td p {

    color: #7e7e7e;

  }

  /* line 83, ../sass/_inviteFriends.scss */

  .inviteFriends .chooseReason table td i {

    display: inline-block;

    margin-bottom: 18px;

  }

  /* line 92, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt {

    margin: 0 auto;

    background: #19150d;

  }

  /* line 96, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .imgs {

    text-align: center;

  }

  /* line 98, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .imgs img {

    float: left;

    max-width: 100%;

    margin: 0 auto;

    display: inline-block;

    padding: 0;

    border: 0;

  }

  /* line 108, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples {

    width: 100%;

    display: inline-block;

    text-align: center;

  }

  /* line 111, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples.noneLogin .info .box {

    padding-top: 22px;

  }

  /* line 115, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples.noneLogin table {

    width: 90%;

  }

  /* line 117, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples.noneLogin table td {

    width: 50%;

  }

  /* line 123, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples.login .title {

    font-size: 22px;

    background: url("/images/inviteFriends/inviteLogin05.png") center center no-repeat;

  }

  /* line 126, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples.login .title .ins {

    width: 590px;

  }

  /* line 128, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples.login .title .ins div {

    float: left;

  }

  /* line 130, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples.login .title .ins div span {

    color: #f8d920;

    font-size: 30px;

  }

  /* line 134, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples.login .title .ins div.border1 {

    width: 1px;

    height: 27px;

    border-left: 1px solid #ccc;

    padding: 0 12px;

    background: transparent;

    line-height: 70px;

    margin-top: 25px;

    margin-left: 26px;

  }

  /* line 149, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples.login .info .box.name {

    height: 60px;

    padding-top: 22px;

  }

  /* line 153, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples.login .info .box.name table td {

    font-weight: bold;

  }

  /* line 158, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples.login .info .box table {

    width: 100%;

  }

  /* line 160, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples.login .info .box table td {

    width: auto;

    font-size: 19px;

  }

  /* line 163, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples.login .info .box table td span {

    font-size: 14px;

  }

  /* line 166, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples.login .info .box table td:first-child {

    width: 27%;

  }

  /* line 169, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples.login .info .box table td:nth-child(2) {

    width: 27%;

  }

  /* line 172, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples.login .info .box table td:nth-child(3) {

    width: 20%;

  }

  /* line 175, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples.login .info .box table td:nth-child(4) {

    width: 26%;

  }

  /* line 186, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples .title {

    width: 100%;

    margin: 0 auto;

    background: url("/images/inviteFriends/invite_05.png") center center no-repeat;

    padding-left: 45px;

    font-size: 26px;

    color: #fff;

    height: 72px;

    line-height: 72px;

  }

  /* line 195, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples .title .ins {

    width: 418px;

    margin: 0 auto;

  }

  /* line 198, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples .title .ins .fire {

    float: left;

    width: 34px;

    margin-top: 16px;

  }

  /* line 203, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples .title .ins span {

    color: #f8d920;

  }

  /* line 208, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples .info {

    width: 100%;

    height: 456px;

    margin: 0 auto;

    background: url("/images/inviteFriends/invite_06.png") center center no-repeat;

  }

  /* line 213, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples .info .box {

    width: 888px;

    height: 245px;

    margin: 0 auto;

    overflow: hidden;

  }

  /* line 218, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples .info .box table {

    margin: 0 auto;

  }

  /* line 220, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples .info .box table thead {

    font-size: 20px;

    color: #6b3c00;

  }

  /* line 224, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .peoples .info .box table td {

    line-height: 60px;

    font-size: 20px;

    color: #c6ac85;

    text-align: center;

  }

  /* line 236, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .ruls {

    float: left;

    width: 100%;

    font-size: 17px;

    color: #fff;

    background-color: #3b2f1d;

    padding: 60px;

  }

  /* line 243, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .ruls .rulswidth {

    width: 1090px;

    margin: 0 auto;

  }

  /* line 246, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .ruls .rulswidth div {

    margin: 0 auto;

  }

  /* line 249, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .ruls .rulswidth .title {

    margin-top: 10px;

    font-size: 18px;

  }

  /* line 252, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .ruls .rulswidth .title span {

    color: #f8d920;

  }

  /* line 257, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .ruls .rulswidth .txt ul {

    margin-left: 40px;

    color: #e6d09c;

  }

  /* line 260, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .ruls .rulswidth .txt ul li {

    text-align: left;

    white-space: nowrap;

    line-height: 42px;

    color: #a99471;

  }

  /* line 271, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .toInvite {

    width: 100%;

    float: left;

    text-align: center;

    color: #ffd62c;

    font-size: 26px;

    padding: 26px 0 0px;

    background-color: #1f1a10;

    position: fixed;

    bottom: 0;

  }

  /* line 281, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .toInvite .ins {

    width: 70%;

    margin: 0 auto;

    float: right;

  }

  /* line 285, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .toInvite .ins span {

    float: left;

    display: inline-block;

    line-height: 58px;

    vertical-align: baseline;

  }

  /* line 290, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .toInvite .ins span.trangle {

    margin: 0 30px;

  }

  /* line 298, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .footer {

    width: 100%;

    float: left;

    background: #585858;

    padding: 30px 0;

    text-align: center;

  }

  /* line 304, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .footer p {

    font-size: 14px;

    color: rgba(255, 255, 255, 0.6);

    padding-bottom: 2px;

  }

  /* line 309, ../sass/_inviteFriends.scss */

  .inviteFriends .cnt .footer h4 {

    font-size: 14px;

    color: rgba(255, 255, 255, 0.6);

  }

  /* line 318, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont {

    width: 88%;

    margin: 0 auto;

  }

  /* line 321, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont .account-common-title {

    margin-bottom: 30px;

    margin: 30px 0 30px 0;

    padding: 0;

    border-bottom: 1px solid #eee;

  }

  /* line 327, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont .account-common-con {

    padding: 0;

  }

  /* line 330, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont .account-common-con .topCnt .txt {

    font-size: 16px;

    line-height: 26px;

    color: #666;

    margin: 25px auto 50px;

  }

  /* line 336, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont .account-common-con .topCnt img {

    max-width: 100%;

    margin: 0 auto;

  }

  /* line 340, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont .account-common-con .topCnt .prize {

    text-align: center;

  }

  /* line 345, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont .account-common-con .task-detail .titles {

    border: 1px solid #eee;

    background: #fbfbfb;

    margin-top: 64px;

  }

  /* line 350, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont .account-common-con .task-detail .titles li {

    display: inline-block;

    font-size: 0;

  }

  .inviteFriends .friCont .account-common-con .task-detail .titles a {

    display: block;

    font-size: 14px;

    color: #555;

    height: 38px;

    line-height: 38px;

    padding: 0 35px;

    text-decoration: none;

  }

  /* line 358, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont .account-common-con .task-detail .titles li a {

    border-right: 1px solid #eee;

  }

  .inviteFriends .friCont .account-common-con .task-detail .titles li:last-child a {
      border-right: 0;
  }

  /* line 361, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont .account-common-con .task-detail .titles li.active a {

    color: #048eed;

    border-bottom: 2px solid #048eed;

  }

  /* line 367, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont .account-common-con .task-detail .share-wrap {

    padding-top: 54px;

  }

  /* line 369, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont .account-common-con .task-detail .share-wrap .share-mode {

    margin: 0 40px;

  }

  /* line 376, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont .account-common-con .task-detail .friend-table th span {

    display: inline-block;

  }

  /* line 384, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont .ruls {

    float: left;

    width: 100%;

    font-size: 16px;

    color: #fff;

    background-color: none;

    padding: 0px;

  }

  /* line 391, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont .ruls .rulswidth {

    margin: 0 auto;

  }

  /* line 393, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont .ruls .rulswidth div {

    margin: 0 auto;

  }

  /* line 396, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont .ruls .rulswidth .title {

    margin-top: 10px;

    font-size: 18px;

  }

  /* line 399, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont .ruls .rulswidth .title span {

    color: #f8d920;

  }

  /* line 403, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont .ruls .rulswidth .txt {

    font-size: 14px;

  }

  /* line 405, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont .ruls .rulswidth .txt ul {

    margin-left: 20px;

    color: #e6d09c;

  }

  /* line 408, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont .ruls .rulswidth .txt ul li {

    text-align: left;

    white-space: nowrap;

    line-height: 30px;

    color: #616161;

  }

  /* line 417, ../sass/_inviteFriends.scss */

  .inviteFriends .friCont .ruls.actRuls {

    margin-top: 70px;

  }





  .my-account-wrapper {

    background: #f1f1f1;

    padding-bottom: 30px;

}

.my-account-wrapper .my-account-wrap {

    margin-top: 30px;

}

.my-account-wrapper .my-account-wrap .my-account-side {

    width: 200px;

    float: left;

    background: #fff;

    margin-right: 15px;

    overflow: hidden;

}

.my-account-wrapper .my-account-wrap .my-account-side .line {

    display: block;

    height: 4px;

    font-size: 0;

    line-height: 0;

    background: #529cf7;

}

.my-account-wrapper .my-account-wrap .my-account-side .tree-menu {

    border: 0;

    border-radius: 0;

}

.my-account-wrapper .my-account-wrap .my-account-side .tree-menu>li > a {

    font-size: 16px;

    padding: 14px 20px;

    border-bottom-color: #eee;

    margin-bottom: 0;

}

.tree-menu li > ul {

    padding: 10px 0;

}

.my-account-wrapper .tree-menu li li a {

    padding: 10px 0 10px 55px;

    font-size: 14px;

}

.my-account-wrapper .tree-menu li li a:hover,

.my-account-wrapper .tree-menu li li a:focus {

    color: #529cf7;

    background: none;

}

.my-account-wrapper .tree-menu>li > a:hover, 

.my-account-wrapper .tree-menu>li > a:active, 

.my-account-wrapper .tree-menu>li > a:focus,

.my-account-wrapper .tree-menu>li > .list-toggle:hover + a, 

.my-account-wrapper .tree-menu>li > .list-toggle:active + a, 

.my-account-wrapper .tree-menu>li > .list-toggle:focus + a,

.my-account-wrapper .tree-menu>li.active > a,

.my-account-wrapper .tree-menu>li.open > a{

    color: #fff;

    background-color: #529cf7;

}



.my-account-wrapper .tree-menu li > a:hover .icon, 

.my-account-wrapper .tree-menu li > a:active .icon, 

.my-account-wrapper .tree-menu li > a:focus .icon,

.my-account-wrapper .tree-menu li:hover .list-toggle,

.my-account-wrapper .tree-menu li.open .list-toggle,

.my-account-wrapper .tree-menu li.open .icon,

.my-account-wrapper .tree-menu li.active .list-toggle,

.my-account-wrapper .tree-menu li.active .icon {

    color: #fff !important;

}

.my-account-wrapper .tree-menu li > a > .icon {

    color: #529cf7;

    font-size: 20px;

    vertical-align: -1px;

    margin-right: 15px;

    opacity:1;

}

.my-account-wrapper .tree-menu li .list-toggle {

    top: 15px;

    right: 12px;

    opacity: 1;

}



.my-account-wrapper .my-account-wrap .my-account-content {

    /* border: 1px solid #dcdcdc; */

    width: 985px;

    float: left;

    background: #fff;

    padding-bottom: 54px;

    min-height: 600px;

}

.account-home-wrap .title {

    padding: 0 40px;

    padding-right: 0;

    height: 80px;

    line-height: 20px;

    font-size: 16px;

    color: #555;

    margin: 39px auto 34px 41px;

    border: 0;

    background: #fff;

}

.account-home-wrap .title .leftT {

    width: 522px;

    float: left;

    border-right: 1px solid #f1f1f1;

}

.title .leftT .insTop {

    float: left;

    background: url(../img/noavatar.png) no-repeat 5px 5px;


    padding-left: 81px;

    overflow: hidden;

}

.account-home-wrap .title .hello {

    margin-right: 33px;

}

.accInfo .hello {

    height: 17px;

    margin-top: 6px;

}

.account-home-wrap .title .icons {

    position: relative;

    float: left;

    padding-top: 18px;

}

.account-home-wrap .title .icons .icons-title {

    font-size: 14px;

    color: #666;

    float: left;

}

.account-home-wrap .title .icons a {

    margin-right: 20px;

    cursor: pointer;

    float: left;

    display: block;

    height: 25px;

    width: 25px;

    text-align: center;

    border-radius: 50%;

    color: #fff;

    background: #b1b1b1;

    text-decoration: none;

}

.account-home-wrap .title .icons a.active {

    background: #529cf7;

}

.account-home-wrap .title .icons a .icon {

    line-height: 25px;

}

.account-home-wrap .title .rightT {

    float: left;

    margin-left: 40px;

}

.account-home-wrap .title .rightT span {

    display: block;

    width: 100%;

}

.account-home-wrap .title .rightT * {

    font-size: 17px;

    line-height: 30px;

}

.account-home-wrap .title .rightT span.num {

    color: #e46150;

    font-size: 28px !important;

}

.account-home-wrap .content-wrap {

    padding: 0 26px 0 74px;

}

.account-home-wrap .content-wrap .show-mode {

    padding: 10px 0;

    overflow: hidden;

}

.account-home-wrap .content-wrap .show-mode .mode-title {

    height: 60px;

    line-height: 60px;

    font-size: 16px;

    font-weight: bold;

    color: #555;

}

.account-home-wrap .content-wrap .show-mode .mode-title a.more, .account-home-wrap .content-wrap .show-mode .mode-title .together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con span.more, .together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con .account-home-wrap .content-wrap .show-mode .mode-title span.more {

    float: right;

    font-size: 13px;

    color: #287ecb;

    font-weight: normal;

    padding-right: 10px;

    display: inline-block;

}

.account-home-wrap .content-wrap .show-mode .show-table, .account-home-wrap .content-wrap .show-mode .data-table {

    border: 0;

    font-size: 14px;

    width: 100%;

}

.account-home-wrap .content-wrap .show-mode tbody tr:first-child {

    border-top: 1px solid #f1f1f1;

}

.account-home-wrap .content-wrap .show-mode .show-table tr, .account-home-wrap .content-wrap .show-mode .data-table tr {

    border-bottom: 1px solid #f1f1f1;

}

.account-home-wrap .content-wrap .show-mode .show-table .first, .account-home-wrap .content-wrap .show-mode .data-table .first {

    text-align: left;

    padding-left: 20px;

}

.account-home-wrap .content-wrap .show-mode .show-table th, .account-home-wrap .content-wrap .show-mode .data-table th {

    background: #fff;

}

.account-home-wrap .content-wrap .show-mode .show-table th, .account-home-wrap .content-wrap .show-mode .data-table th {

    height: 40px;

    background: #f9f9f9;

    color: #9399a3;

    text-align: center;

}

.account-home-wrap .content-wrap .show-mode .show-table td {

    font-weight: normal;

}





.account-common-title {

    font-size: 20px;

    color: #555;

    font-weight: bold;

    height: 40px;

    padding: 30px 0 0 62px;

    font-weight: bold;

}

.invite-link-wrapper {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 10;

  }

  /* line 731, ../sass/_invite.scss */

  .invite-link-wrapper .invite-linkbanner {

    position: relative;

  }

  /* line 733, ../sass/_invite.scss */

  .invite-link-wrapper .invite-linkbanner .invitephone {

    position: absolute;

    left: 297px;

    top: 65px;

    font-size: 22px;

    color: #fff;

  }

  /* line 741, ../sass/_invite.scss */

  .invite-link-wrapper .con {

    width: 410px;

    padding-top: 98px;

    margin: 0 auto;

    font-size: 14px;

    color: #7c2819;

  }

  /* line 747, ../sass/_invite.scss */

  .invite-link-wrapper .con .phone {

    text-align: center;

    font-size: 16px;

  }

  /* line 750, ../sass/_invite.scss */

  .invite-link-wrapper .con .phone span {

    color: #e14538;

  }

  /* line 754, ../sass/_invite.scss */

  .invite-link-wrapper .con p {

    padding: 18px 0 23px;

  }

  /* line 757, ../sass/_invite.scss */

  .invite-link-wrapper .con .one, .invite-link-wrapper .con .two {

    line-height: 25px;

    padding-left: 18px;

    position: relative;

    z-index: 5;

  }

  /* line 759, ../sass/_invite.scss */

  .invite-link-wrapper .con .one span, .invite-link-wrapper .con .two span {

    color: #ff3b00;

    font-weight: bold;

  }

  /* line 767, ../sass/_invite.scss */

  .invite-link-wrapper .con .copyone, .invite-link-wrapper .con .copytwo {

    color: #fff;

    text-stroke: 2px #fff;

    -webkit-text-stroke: 2px #fff;

    z-index: 1;

  }

  /* line 773, ../sass/_invite.scss */

  .invite-link-wrapper .con .copyone {

    margin-top: -24px;

  }

  /* line 776, ../sass/_invite.scss */

  .invite-link-wrapper .con .copytwo {

    margin-top: -100px;

  }

  /* line 779, ../sass/_invite.scss */

  .invite-link-wrapper .con .two {

    padding: 30px 0 21px 18px;

  }

  /* line 783, ../sass/_invite.scss */

  .invite-link-wrapper .con .bot a, .invite-link-wrapper .together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con .bot span, .together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .invite-link-wrapper .con .bot span {

    color: #e14538;

  }

  /* line 788, ../sass/_invite.scss */

  .invite-link-wrapper .bottom {

    padding-top: 48px;

    text-align: center;

    color: #fff;

  }

  /* line 792, ../sass/_invite.scss */

  .invite-link-wrapper .bottom span {

    display: block;

    font-size: 18px;

    font-weight: bold;

  }

  /* line 797, ../sass/_invite.scss */

  .invite-link-wrapper .bottom p {

    font-size: 14px;

    padding: 4px 0 6px;

  }

  /* line 801, ../sass/_invite.scss */

  .invite-link-wrapper .bottom a, .invite-link-wrapper .bottom .together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con span, .together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con .invite-link-wrapper .bottom span {

    display: block;

    margin: 0 auto;

    width: 167px;

  }



  .task-detail-wrap .account-common-con .task-detail {

    padding-top: 30px;

    /* border-top: 1px solid #cfcfcf; */

  }

  /* line 207, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .invite-banner, .task-detail-wrap .account-common-con .task-detail .invite-bannerone {

    position: relative;

  }

  /* line 209, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .invite-banner .invite-detail-num, .task-detail-wrap .account-common-con .task-detail .invite-bannerone .invite-detail-num {

    position: absolute;

    text-align: center;

    line-height: 62px;

    font-size: 22px;

    color: #7c2819;

    right: 7px;

    top: 18px;

  }

  /* line 217, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .invite-banner .invite-detail-num span, .task-detail-wrap .account-common-con .task-detail .invite-bannerone .invite-detail-num span {

    color: #f54b31;

    font-size: 36px;

    margin: 0 5px;

  }

  /* line 224, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .time {

    height: 33px;

    line-height: 33px;

    padding: 20px 0 22px;

    font-size: 14px;

    color: #7d7d7d;

    text-align: center;

  }

  /* line 231, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .time span {

    margin-right: 15px;

    display: inline-block;

    width: 86px;

    height: 31px;

    line-height: 31px;

    text-align: center;

    color: #009900;

    border: 1px solid #009900;

  }

  /* line 240, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .time span.end {

    color: #b0b0b0;

    border-color: #d7d7d7;

  }

  /* line 246, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .total-box {

    height: 71px;

    border: 1px solid #f4f4f4;

    background: #fafafa;

  }

  /* line 250, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .total-box .total-add, .task-detail-wrap .account-common-con .task-detail .total-box .total-no {

    width: 300px;

    height: 43px;

    line-height: 43px;

    margin: 13px 0 0 37px;

    float: left;

    border-right: 1px solid #c4c4c4;

    font-size: 14px;

    color: #797979;

    text-align: center;

  }

  /* line 260, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .total-box .total-add strong, .task-detail-wrap .account-common-con .task-detail .total-box .total-no strong {

    font-size: 16px;

    margin-left: 17px;

  }

  /* line 265, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .total-box .total-no {

    margin-left: 0;

    border: none;

  }

  /* line 268, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .total-box .total-no strong i {

    color: #ed714e;

  }

  /* line 273, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .total-box .get-now {

    width: 143px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    float: right;

    margin: 15px 34px 0 0;

    border-radius: 4px;

    font-size: 14px;

    color: #fff;

    display: block;

    background: #d7d7d7;

  }

  /* line 285, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .total-box .get-now.noget {

    background: #ed714e;

    cursor: pointer;

  }

  /* line 288, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .total-box .get-now.noget:hover {

    background: #f82920;

    text-decoration: none;

  }

  /* line 295, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .share-wrap {

    overflow: hidden;

    padding: 32px 0 0;

    width: 1000px;

  }

  /* line 299, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .share-wrap .share-mode {

    margin-right: 61px;

    width: 395px;

    height: 219px;

    float: left;

    background: #f9f9f9;

    border: 1px solid #f1f1f1;

    position: relative;

    overflow: hidden;

  }

  /* line 308, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .share-wrap .share-mode .invite-micona,

  .task-detail-wrap .account-common-con .task-detail .share-wrap .share-mode .invite-miconb {

    position: absolute;

    left: 0;

    top: 0;

  }

  /* line 314, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .share-wrap .share-mode .title {

    padding-top: 13px;

    font-size: 18px;

    color: #6f6f6f;

    text-align: center;

  }

  /* line 319, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .share-wrap .share-mode .title i {

    display: inline-block;

    margin: 4px 7px 0 0;

    vertical-align: top;

  }

  /* line 325, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .share-wrap .share-mode .taskcode-wrap {

    padding: 18px 0 0 19px;

  }

  /* line 327, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .share-wrap .share-mode .taskcode-wrap .taskcode-box {

    width: 142px;

    height: 135px;

    background: #fff;

    float: left;

    text-align: center;

    padding-top: 7px;

    position: relative;

    z-index: 10;

  }

  /* line 336, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .share-wrap .share-mode .taskcode-wrap .taskcode-box #taskcode {

    width: 130px;

    height: 130px;

    margin: 0 auto;

  }

  /* line 342, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .share-wrap .share-mode .taskcode-wrap .con {

    float: left;

    padding: 26px 0 0 20px;

    font-size: 16px;

    color: #7d7d7d;

    line-height: 30px;

  }

  /* line 350, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .share-wrap .share-mode p {

    color: #7d7d7d;

    font-size: 16px;

    padding: 12px 0 18px;

    text-align: center;

    position: relative;

    z-index: 10;

  }

  /* line 358, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .share-wrap .share-mode textarea {

    width: 334px;

    height: 42px;

    background: #fff;

    font-size: 14px;

    color: #7d7d7d;

    line-height: 20px;

    resize: none;

    text-align: center;

    padding: 4px 8px;

    margin: 0 auto;

    display: block;

    border: 1px solid #ccc;

    border-right: none;

    border-bottom: none;

    outline: none;

  }

  /* line 374, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .share-wrap .share-mode .fin {

    height: 26px;

    line-height: 26px;

    text-align: center;

    background: #fcfbdc;

    position: absolute;

    left: 0;

    top: 137px;

    color: #fe0000;

    font-size: 12px;

    width: 100%;

  }

  /* line 386, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .share-wrap .share-mode .copy {

    margin: 18px auto 0;

    width: 135px;

    height: 37px;

    font-size: 14px;

    color: #fff;

    line-height: 37px;

    text-align: center;

    background: #ffac58;

    display: block;

  }

  /* line 396, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .share-wrap .share-mode .copy:hover {

    background: #ff972e;

    text-decoration: none;

  }

  /* line 400, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .share-wrap .share-mode .copy.fincopy {

    background: #d4d4d4;

    cursor: default;

  }

  /* line 403, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .share-wrap .share-mode .copy.fincopy:hover {

    background: #d4d4d4;

  }

  /* line 410, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .ad {

    height: 70px;

    line-height: 30px;

    padding-left: 12px;

    font-size: 14px;

    color: #646464;

    background: #fcfbdc;

    padding-top: 7px;

    margin-top: 27px;

  }

  /* line 419, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .ad span {

    color: #cc4b46;

  }

  /* line 422, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .ad a, .task-detail-wrap .account-common-con .task-detail .ad .together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con span, .together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con .task-detail-wrap .account-common-con .task-detail .ad span {

    float: right;

    color: #c83736;

    margin-right: 12px;

  }

  /* line 428, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .reward-table {

    margin: 25px auto 0;

    width: 100%;

  }

  /* line 432, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .reward-table .top th {

    border: 1px solid #f3c240;

    background: #ffec99;

    font-size: 18px;

    color: #7c2819;

    text-align: center;

    height: 53px;

    font-weight: bold;

  }

  /* line 442, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .reward-table td {

    height: 57px;

    text-align: center;

    font-size: 14px;

    color: #343434;

    background: #fefeef;

    border: 1px solid #ffec99;

    border-top: none;

  }

  /* line 451, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .reward-table td .best {

    width: 39px;

    height: 39px;

    font-size: 10px;

    color: #da3939;

    transform: rotate(30deg);

    font-weight: bold;

    border: 2px solid #c83736;

    border-radius: 200px;

    display: inline-block;

    margin-left: 20px;

    margin-right: -60px;

    vertical-align: middle;

  }

  /* line 458, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .reward-table td .best i {

    font-size: 15px;

  }

  /* line 471, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .reward-table td.all {

    font-size: 16px;

  }

  /* line 474, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .reward-table td span {

    font-size: 18px;

    font-weight: bold;

  }

  /* line 477, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .reward-table td span.red {

    color: #c83736;

  }

  /* line 481, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .reward-table td p {

    font-size: 14px;

    color: #c83736;

  }

  /* line 485, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .reward-table td.bot {

    height: 45px;

  }

  /* line 489, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .reward-table .bot td {

    height: 92px;

  }

  /* line 493, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .my-total {

    height: 57px;

    line-height: 57px;

    color: #7d7d7d;

    font-size: 14px;

  }

  /* line 498, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .my-total span {

    color: #e43635;

  }

  /* line 502, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .friend-table {

    width: 100%;

    border: 1px solid #f1f1f1;

    margin-bottom: 20px;

  }

  /* line 506, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .friend-table .top {

    border-bottom: 1px solid #f1f1f1;

  }

  /* line 509, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .friend-table th {

    background: #f9f9f9;

    height: 40px;

    text-align: center;

    font-size: 14px;

  }

  /* line 515, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .friend-table td {

    height: 63px;

    text-align: center;

    font-size: 14px;

    color: #343434;

    border-bottom: 1px solid #f9f9f9;

  }

  /* line 521, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .friend-table td p {

    color: #aeaeae;

  }

  /* line 523, ../sass/_invite.scss */

  .task-detail-wrap .account-common-con .task-detail .friend-table td p.noget {

    color: #e43635;

  }



  .task-detail-wrap .record-wrap {

      padding-top: 40px;

  }

  

  /* line 812, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-title p {

    float: right;

    padding-right: 58px;

    font-size: 16px;

    color: #000;

    font-weight: normal;

  }

  /* line 818, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-title p span {

    color: #ed714e;

    font-size: 24px;

    margin: 0 7px;

  }

  /* line 827, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .topCnt .total-table {

    width: 100%;

    font-size: 18px;

    color: #1a1a1a;

    margin: 26px auto;

  }

  /* line 832, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .topCnt .total-table span {

    color: #f45d4d;

    font-weight: bold;

    font-size: 24px;

    vertical-align: bottom;

  }

  /* line 838, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .topCnt .total-table .friend {

    text-align: center;

    border-right: 1px solid #c8c8c8;

    line-height: 36px;

  }

  /* line 846, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .act-info {

    margin-top: 20px;

    height: 93px;

    border: 1px solid #ebebeb;

    padding-left: 37px;

  }

  /* line 851, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .act-info p {

    padding-top: 17px;

    font-size: 16px;

    color: #0d0d0d;

  }

  /* line 856, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .act-info div {

    padding-top: 12px;

    color: #646464;

    font-size: 14px;

  }

  /* line 860, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .act-info div a, .invite-myfriend-wrap .account-common-con .act-info div .together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con span, .together-wrapper .together-wrap .together-box .together-list .list-wrap .mode .con .invite-myfriend-wrap .account-common-con .act-info div span {

    color: #ed714e;

    margin-left: 20px;

    text-decoration: underline;

  }

  /* line 867, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .stitle {

    padding-top: 32px;

    font-size: 20px;

    color: #333;

  }

  /* line 871, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .stitle i {

    float: left;

    width: 4px;

    height: 22px;

    background: #f45d4d;

    border-radius: 10px;

    margin: 5px 10px 0 0;

  }

  /* line 880, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail {

    padding: 0;

  }

  /* line 882, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .topimg {

    display: block;

    margin-top: 30px;

  }

  /* line 886, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail img {

    max-width: 855px;

  }

  /* line 889, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .share-wrap {

    width: 100%;

    padding-top: 14px;

    display: flex;

    align-items: center;

    justify-items: center;

  }

  /* line 896, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .share-wrap .share-mode {

    flex: 1;

    height: 318px;

    margin: 0 60px;

  }

  /* line 901, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .share-wrap .share-mode .invite-metha,

  .invite-myfriend-wrap .account-common-con .task-detail .share-wrap .share-mode .invite-methb,

  .invite-myfriend-wrap .account-common-con .task-detail .share-wrap .share-mode .invite-methc {

    position: absolute;

    left: 0;

    top: 0;

  }

  /* line 908, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .share-wrap .share-mode .title {

    font-size: 20px;

    padding-top: 15px;

  }

  /* line 911, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .share-wrap .share-mode .title i {

    margin: 0 10px 0 0;

  }

  /* line 914, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .share-wrap .share-mode .title.titlea {

    color: #feab14;

  }

  /* line 916, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .share-wrap .share-mode .title.titlea i {

    margin-top: 5px;

  }

  /* line 920, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .share-wrap .share-mode .title.titleb {

    color: #73df71;

  }

  /* line 923, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .share-wrap .share-mode .title.titlec {

    color: #73d5da;

  }

  /* line 927, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .share-wrap .share-mode p {

    line-height: 30px;

    padding-top: 14px;

  }

  /* line 931, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .share-wrap .share-mode .invitecode-wrap {

    padding-top: 8px;

    text-align: center;

  }

  /* line 934, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .share-wrap .share-mode .invitecode-wrap span {

    font-size: 18px;

    color: #7d7d7d;

    display: block;

    padding-bottom: 8px;

  }

  /* line 940, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .share-wrap .share-mode .invitecode-wrap input {

    width: 248px;

    height: 46px;

    border: 1px solid #ddd;

    color: #f7912b;

    font-weight: bold;

    background: #fff;

    text-align: center;

    font-size: 24px;

    outline: none;

  }

  /* line 952, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .share-wrap .share-mode .taskcode-wrap {

    padding: 0;

    margin-top: -11px;

  }

  /* line 955, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .share-wrap .share-mode .taskcode-wrap .taskcode-box {

    padding: 0;

    width: 178px;

    height: 166px;

    margin: 0 auto;

    border: 1px solid #e6e6e6;

    float: none;

    padding-top: 12px;

  }

  /* line 965, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .share-wrap .share-mode .copy-wrap {

    padding-top: 4px;

  }

  /* line 967, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .share-wrap .share-mode .copy-wrap input {

    width: 218px;

    height: 46px;

    line-height: 46px;

    padding: 0 10px 0 20px;

    border: 1px solid #ddd;

    background: #fff;

    color: #7d7d7d;

    font-size: 14px;

    display: block;

    margin: 0 auto;

  }

  /* line 979, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .share-wrap .share-mode .copy-wrap .fin {

    top: 255px;

  }

  /* line 985, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .total-table {

    width: 100%;

    font-size: 18px;

    color: #1a1a1a;

    margin: 26px auto;

  }

  /* line 990, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .total-table span {

    color: #f45d4d;

    font-weight: bold;

    font-size: 24px;

  }

  /* line 995, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .total-table .friend {

    text-align: right;

    padding-right: 54px;

    border-right: 1px solid #c8c8c8;

    height: 43px;

  }

  /* line 1001, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .total-table .invest {

    padding-left: 54px;

  }

  /* line 1006, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .friend-table .top {

    border: none;

  }

  /* line 1009, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .friend-table th {

    height: 46px;

    font-size: 14px;

  }

  /* line 1012, ../sass/_invite.scss */

  .invite-myfriend-wrap .account-common-con .task-detail .friend-table th span {

    display: block;

    color: #f45d4d;

    font-size: 12px;

  }



  .invite-sprite, .invite-account, .invite-amount, .invite-app, .invite-appdownload, .invite-apphow, .invite-apprecbg, .invite-bag, .invite-balloon, .invite-banner, .invite-bannerfour, .invite-bannernum, .invite-bannerone, .invite-best, .invite-bga, .invite-bgb, .invite-bgc, .invite-bgr, .invite-botbg, .invite-cal, .invite-calnew, .invite-copy, .invite-crown, .invite-deadline, .invite-detail-num, .invite-down, .invite-downwrap, .invite-get, .invite-investbanner, .invite-invitebtn, .invite-line, .invite-link, .invite-linkbanner, .invite-linkr, .invite-lizi, .invite-logbtn, .invite-login, .invite-metha, .invite-methb, .invite-methc, .invite-methoda, .invite-methodb, .invite-micona, .invite-miconb, .invite-nolog, .invite-nologin, .invite-num, .invite-partone, .invite-parttwo, .invite-pc, .invite-red-pop, .invite-rulesbg, .invite-shareicon, .invite-titlea, .invite-titleb, .invite-titlec, .invite-top, .invite-topback, .invite-topnum, .invite-view, .invite-viewfour, .invite-viewone, .invite-wechat-icon, .invite-wechat, .invite-window, .invite-wx, .invite-actRuls, .invite-chooseTitle, .invite-gzbj, .invite-hegj, .invite-hot, .invite-ruls, .invite-yyzj, .invite-zjtg {

    background-image: url(../img/invite.png);

    background-repeat: no-repeat;

}



  



.invite-metha {

    background-position: 0 -347px;

    height: 62px;

    width: 62px;

}

.invite-methb {

    background-position: 0 -409px;

    height: 62px;

    width: 62px;

}

.invite-shareicon {

    background-position: 0 -515px;

    height: 28px;

    width: 30px;

}

.invite-linkr {

    background-position: 0 -313px;

    height: 34px;

    width: 34px;

}


.home-index-index-page {
    background: url(../img/homeBg.png) repeat;
}


.lc-box {
    width: 100%;
    box-sizing: border-box;
    background: #f6f6f6;
    font-size: 14px;
    line-height: 26px;
    color: #333;
    margin-bottom: 10px;
    padding: 15px 20px;
}
.lc-box .t1 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 6px;
}


.member-open-login .navbar-fixed-top,
.member-open-register .navbar-fixed-top{
    position: static;
}

.getinfo-box {
    padding: 25px;
    margin-bottom: 30px;
}

.getinfo-box p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
}
.getinfo-box .btn {
    background-color: #fff;
    border-color: #fff;
}


.company-name-list, .company-name-list a {
  color: #8e8e8e;
}

.company-name-list a:hover {
  color: #2b6bee;
}
.company-name-list span {
  margin: 0 6px;
}