body {
    background-color: #f9f9f9;
}

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

.iw::after {
    content: "";
    display: block;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

img.zoom_img {
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}

img.zoom_img:hover {
    -webkit-transform: scale(1.1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;
}

.glod {
    padding-left: 5px;
    vertical-align: middle;
    color: #ed4702;
}

.glod i {
    padding-left: 15px;
    background: url(../img/home.png) no-repeat 0px 3px;
}

.v {
    padding-right: 15px;
    background: url(../img/home.png) no-repeat -65px 3px;
}

.point_dynamic a {
    color: #19e;
}

.point_dynamic a:hover {
    color: #19e;
}

.point_dynamic span {
    color: #f00;
}

/*右侧固定栏*/
.right_bar {
    position: fixed;
    bottom: 60px;
    right: 0;
    z-index: 888;
}

.right_bar ul {
    background-color: #fff;
}

.right_bar ul li {
    padding: 8px;
    border-bottom: solid 1px #eee;
}

.right_bar ul li a {
    display: block;
    width: 30px;
    height: 30px;
}

.right_bar ul .bar-1 a {
    background: #fff url(../img/home.png) no-repeat -48px -25px;
}

.right_bar ul .bar-1 a:hover {
    background: #fff url(../img/home.png) no-repeat -48px -55px;
}

.right_bar ul .bar-2 a {
    background: #fff url(../img/home.png) no-repeat 3px -24px;
}

.right_bar ul .bar-2 a:hover {
    background: #fff url(../img/home.png) no-repeat 3px -55px;
}

.right_bar ul .bar-3 a {
    background: #fff url(../img/home.png) no-repeat -24px -24px;
}

.right_bar ul .bar-3 a:hover {
    background: #fff url(../img/home.png) no-repeat -24px -54px;
}

.right_bar .app_down {
    position: absolute;
    top: 0px;
    right: 46px;
    background-color: #eee;
    text-align: center;
    display: none;
}

.right_bar .app_down p {
    margin-top: 20px;
    color: #999;
}

.right_bar .app_down img {
    margin: 20px;
}

/*top*/
.top {
    width: 100%;
    min-width: 1200px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #555;
    background-color: #f4f4f4;
    border-bottom: #E4E4E4 solid 1px;
}

.top p {
    font-size: 12px;
    color: #777;
    float: left;
}

.top h1 {
    font-size: 12px;
    font-weight: normal;
    color: #777;
}

.top ul {
    float: right;
}

.top ul li {
    float: left;
    margin-left: 10px;
}

.top ul .i {
    margin: 15px 0 0 10px;
    width: 1px;
    height: 10px;
    background-color: #9A9A9A;
}

.top ul img {
    margin-top: 8px;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background-color: #fff;
}

/*header*/
.header {
    width: 100%;
    min-width: 1200px;
    border-bottom: solid 2px #19e;
    background-color: #fff;
}

.head_a {
    position: relative;
    padding: 30px 0;
    overflow: visible;
}

.logo {
    display: block;
}

.search {
    position: absolute;
    margin-left: -170px;
    margin-top: -20px;
    left: 50%;
    top: 50%;
}

.search_text {
    position: relative;
    width: 480px;
    height: 36px;
    border: solid 2px #19e;
    float: left;
}

.search_text .select {
    padding-left: 10px;
    width: 56px;
    height: 36px;
    line-height: 36px;
    border-right: solid 2px #19e;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
}

.search_text input {
    padding-left: 10px;
    width: 400px;
    height: 36px;
    height: 31px\9;
    line-height: 36px;
    border: none;
    float: left;
}

.search_text i {
    position: absolute;
    top: 16px;
    left: 48px;
    vertical-align: middle;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.search_text .dropdown {
    position: absolute;
    width: 66px;
    height: 150px;
    line-height: 30px;
    background-color: #fff;
    border: solid 2px #19e;
    top: 36px;
    left: -2px;
    z-index: 1200;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
}

.search_text .dropdown li {
    padding-left: 10px;
}

.search_text .dropdown li:hover {
    color: #fff;
    background: #19e;
    cursor: pointer;
}

#search_button {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-color: #19e;
    text-align: center;
}

#search_button:hover {
    background-color: #048efd
}

.search .hot-search {
    padding-left: 2px;
    width: 522px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
}

.search .hot-search li {
    display: inline-block;
    line-height: 30px;
    margin-right: 25px;
}

.search .hot-search li a {
    font-size: 12px;
    color: #ee541e;
}

.search .hot-search li a:hover {
    color: #19e;
}

.header .upload {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    background: #f27a1e;
}

.header .upload i {
    padding-right: 25px;
    background: url(../img/home.png) no-repeat -55px -214px;
}

.header .upload:hover {
    background-color: #f60;
    cursor: pointer;
}

.head_b {
    height: 50px;
}

.nav {
    background-color: #19e;
    width: 220px;
    height: 50px;
    float: left;
}

.nav>p {
    padding-left: 30px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

.nav>p i {
    margin-right: 10px;
}

.nav>p>a {
    color: #fff;
}

.nav.down>p {
    cursor: pointer;
}

.nav.down>ul {
    display: none;
    cursor: pointer;
    background: rgba(79, 79, 79, 0.90);
}

.nav_list {
    position: absolute;
    z-index: 5000;
    width: 220px;
}

.nav_list>li {
    position: static;
    /*hack*/
    *zoom: 1;
    /*hack*/
    line-height: 50px;
    background: #000;
    filter: Alpha(opacity=40);
    background-color: rgba(0, 0, 0, 0.4);
    cursor: pointer;
}

.nav.home li:nth-child(n+10) {
    display: none;
}

.nav_list>li:hover {
    filter: Alpha(opacity=60);
    background-color: rgba(0, 0, 0, 0.6);
}

.nav_list>li>h2>a,
.nav_list>li>a {
    position: relative;
    /*hack*/
    display: block;
    margin: 0 auto;
    padding: 0 10px;
    width: 160px;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    border-bottom: solid 1px #888;
}

.nav_list>li:hover>h2>a,
.nav_list>li:hover>a {
    border-bottom: solid 1px rgba(0, 0, 0, 0.6);
}

.nav_list>li>h2>a>i,
.nav_list>li>a>i {
    position: absolute;
    top: 19px;
    right: 5px;
    color: #ccc;
}

.nav_list .nav_extend {
    position: absolute;
    top: 2px;
    left: 220px;
    width: 678px;
    min-height: 460px;
    background: #fff url(../img/list_bg.png) no-repeat;
    filter: Alpha(opacity=100);
    display: none;
}

.nav_second>h2 a,
.nav_second>a {
    display: block;
    margin: 10px 30px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    border-bottom: 1px dashed #ce8b70;
}

.nav_second>h2 a,
.nav_second>a {
    color: #f7703b;
}

.nav_second>span {
    display: block;
    margin: 0 20px;
    line-height: 20px;
}

.nav_second>span>h2 {
    display: inline;
}

.nav_second>span a {
    display: inline-block;
    padding: 5px 10px;
    color: #666;
    font-weight: normal;
    font-size: 14px;
}

.nav_second>span a:hover {
    color: #f83;
}

.nav_bar>li {
    float: left;
    margin-left: 50px;
    height: 50px;
    line-height: 50px;
}

.nav_bar>li>a {
    display: inline-block;
    color: #666;
    font-size: 16px;
}

.nav_bar>li a:hover {
    color: #19e;
}

.nav_bar>li a.active {
    color: #19e;
}

.crumbs {
    height: 50px;
    line-height: 50px;
}

.crumbs p {
    font-size: 14px;
    color: #666;
}

/*banner*/
.banner {
    position: relative;
    height: 457px;
    width: 100%;
    min-width: 1200px;
}

.banner_wrapper {
    position: relative;
    height: 457px;
    overflow: hidden;
}

#banner {
    position: relative;
    height: 457px;
    overflow: hidden;
}

#banner ul {
    position: relative;
}

#banner ul li {
    height: 457px;
    font-size: 0;
}

#banner ul li img {
    width: 100%;
    height: 100%;
}

.banner_prev,
.banner_next {
    position: absolute;
    top: 215px;
    width: 30px;
    height: 60px;
    line-height: 50px;
    text-align: center;
    font-size: 40px;
    background: #333;
    color: #fff;
    opacity: .5;
    cursor: pointer;
}

.banner_prev {
    left: 0px;
}

.banner_next {
    right: 0px;
}

.banner_prev:hover,
.banner_next:hover {
    opacity: 1;
    background: #333;
}

.banner_pagination {
    position: absolute;
    bottom: 10px;
    left: 50%;
}

.banner_pagination a {
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    min-width: 14px;
    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;
    margin-right: 2px;
    opacity: .75;
}

.banner_pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
}

.banner_notice {
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: 320px;
    background: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: Alpha(opacity=50);
    width: 280px;
    height: 307px;
    border-radius: 5px;
    z-index: 50;
    overflow: hidden;
}

.banner_notice div {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
}

.banner_notice div p {
    margin-left: 15px;
    color: #474747;
    font-size: 16px;
    font-weight: bold;
}

.banner_notice div a {
    padding-right: 15px;
    color: #888;
    font-size: 14px;
}

.banner_notice div a:hover {
    color: #19e;
}

.banner_notice ul {
    width: 250px;
    margin: 5px auto;
}

.banner_notice ul li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 32px;
}

.banner_notice ul li a {
    color: #666;
    font-size: 14px;
}

.banner_notice ul li a.import {
    color: #F7794E;
}

.banner_notice ul li a:hover {
    font-size: 14px;
    color: #19e;
}

.banner_notice ul li span {
    margin-right: 5px;
}

/*交易动态*/
.point_a {
    background-color: #fff;
    margin-top: 0px;
    height: 120px;
    padding: 0 10px;
}

.point_a ul li {
    float: left;
    margin: 30px 10px;
}

.point_a ul li:hover h4 {
    color: #19e;
}

.point_a i {
    float: left;
    width: 50px;
    height: 50px;
}

.point_a div {
    float: left;
}

.point_a div h4 {
    color: #545454;
    font-size: 18px;
    font-weight: inherit;
}

.point_a div p {
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999;
    line-height: 30px;
    font-size: 14px;
}

.point_a .point1 i {
    background: url(../img/point1.png) no-repeat 0 0;
}

.point_a .point2 i {
    background: url(../img/point2.png) no-repeat 0 0;
}

.point_a .point3 i {
    background: url(../img/point3.png) no-repeat 0 0;
}

.point_a .point4 i {
    background: url(../img/point4.png) no-repeat 0 0;
}

.point_b {
    height: 60px;
    line-height: 60px;
    background-color: #fff;
    border-top: solid 1px #eee;
}

.point_b p {
    color: #555;
    font-size: 14px;
    margin-left: 30px;
    float: left;
}

.point_b p i {
    margin-right: 5px;
    padding: 1px 11px;
    background: url(../img/home.png) no-repeat -18px 0px;
}

.point_dynamic {
    position: relative;
    margin-top: 19px;
    padding-left: 50px;
    color: #888;
    width: 1030px;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}

.point_dynamic ul {
    position: relative;
}

.point_dynamic a {
    color: #888;
}

.point_dynamic a:hover {
    color: #19e;
}

/*首页内容块head*/
.block_head {
    margin: 10px 0;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}

.block_head span {
    font-size: 20px;
    font-family: Regular;
    font-weight: lighter;
    color: #555;
    float: left;
}

.block_head>.unselect {
    display: block;
    margin: 20px 3px 0 0;
    width: 20px;
    height: 15px;
    line-height: 10px;
    font-size: 20px;
    border: solid 1px #aaa;
    text-align: center;
    float: right;
}

.block_head>.unselect:hover {
    border: solid 1px #19e;
    cursor: pointer;
}

.block_head .more {
    margin-right: 8px;
    font-size: 80%;
    float: right;
    color: #888;
}

.block_head ul {
    margin-left: 40px;
    float: left;
}

.block_head ul li {
    margin: 0 10px;
    float: left;
}

.block_head ul li a {
    font-size: 14px;
    color: #666;
    border-bottom: transparent solid 2px;
    cursor: pointer;
}

.block_head ul li a:hover,
.block_head ul li a.active {
    color: #19e;
    border-bottom: solid 2px #19e;
}

/*推荐文档*/
.home_imp {
    margin: 20px 0;
}

.home_imp_body {
    position: relative;
    overflow: hidden;
}

.home_imp_body ul {
    position: relative;
    width: 999999px;
}

.home_imp_body ul li {
    margin-right: 30px;
    width: 380px;
    float: left;
    overflow: hidden;
}

.home_imp_body .home_imp_a1 {
    position: relative;
    height: 100px;
    border-radius: 5px;
    overflow: hidden;
}

.home_imp_body .home_imp_a1 img {
    width: 100%;
}

.home_imp_body .home_imp_a1 span {
    position: absolute;
    top: 40px;
    left: 150px;
    color: #fff;
}

.home_imp_body .home_imp_a2 {
    height: 240px;
    overflow: hidden;
}

.home_imp_body .home_imp_a2 a {
    display: block;
    margin: 12px 15px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home_imp_body .home_imp_a2 p {
    padding: 3px 15px;
    font-size: 12px;
    color: #333;
    border: solid 1px #E0E0E0;
    border-radius: 20px;
}

.home_imp_body .home_imp_a2 a:hover p {
    color: #fff;
    background-color: #19e;
}

.home_imp_body .home_imp_a3 {
    margin: 0 20px;
    line-height: 50px;
    border-top: solid 1px #E0E0E0;
    text-align: right;
}

.home_imp_body .home_imp_a3 a {
    font-size: 14px;
}

.home_imp_body .home_imp_a3 a i {
    padding-left: 10px;
}

/*最新文档*/

.ranking {
    width: 250px;
    float: right;
}

.thum_ul {
    height: 686px;
    background: #f5f5f5;
    overflow: hidden;
}

.thum_ul li {
    float: left;
    margin: 20px 0px 20px 22px;
}

.thum {
    position: relative;
    font-size: 0;
    border: 1px solid #eee;
    overflow: hidden;
}

.thum:hover {
    border: 1px solid #E9B26A;
}

.thum img {
    width: 172px;
    height: 240px;
}

.thum img.s {
    width: 77px;
    height: 110px;
}

.thum img.l {
    width: 120px;
    height: 170px;
}

/* .thum .lt {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
} */

.thum .rb {
    position: absolute;
    right: -3px;
    bottom: 3px;
    height: 20px;
}

.thum .mf,
.thum .vmf,
.thum .ff {
    position: absolute;
    padding: 0 3px;
    font-size: 12px;
    color: #fff;
    border-radius: 3px;
    opacity: 0.95;
}

.thum .mf {
    top: 3px;
    right: 3px;
    background: #5FB41B;
}

.thum .vmf {
    top: 3px;
    right: 3px;
    line-height: 18px;
    height: 20px;
    background: #f00;
}

.thum .ff {
    bottom: 3px;
    left: 3px;
    background: #555;
}

/* .thum .mf {
    background: transparent url(../img/home.png) no-repeat -55px -91px;
} 

.thum .ff {
    background: transparent url(../img/home.png) no-repeat 0 -141px;
}

.thum .ff span {
    display: block;
    margin: -6px auto auto 12px;
    color: #fff;
    font-size: 14px;
    transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
}
*/
.thum_tit {
    display: block;
    width: 174px;
    line-height: 30px;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.thum_ul .thum_bottom {
    color: #999;
    font-size: 12px;
    text-align: center;
}

/*畅读*/
.ranklist {
    width: 240px;
    height: 702px;
    font-size: 14px;
    float: right;
    overflow: hidden;
}

.ranklist ul li {
    padding: 15px 5px;
    overflow: hidden;
}

.ranklist ul li:hover {
    background-color: #fff;
}

.ranklist li p {
    float: left;
    width: 20px;
    height: 20px;
    background-color: #999;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-weight: 600;
    font-style: italic;
}

.ranklist li:nth-child(1) p {
    background-color: #ed4702;
}

.ranklist li:nth-child(2) p {
    background-color: #ff8536;
}

.ranklist li:nth-child(3) p {
    background-color: #ff9d02;
}

.ranklist li div {
    float: left;
    padding-left: 5px;
    height: 20px;
    line-height: 19px;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ranklist li span {
    color: #999;
    float: right;
}

.ranklist li span i {
    padding-left: 22px;
    background: url(../img/home.png) no-repeat 0 -187px;
}

.ranklist .ad {
    margin-top: 15px;
    width: 100%;
    overflow: hidden;
}

.ranklist .ad img {
    width: 100%;
}

/*文档悬赏*/
.reward {
    width: 950px;
    float: left;
}

.reward_start {
    padding: 10px 20px;
    width: 240px;
    height: 308px;
    color: #666;
    background-color: #fff;
    text-align: center;
    float: left;
}

.reward_start .shead {
    border-bottom: solid 1px #ddd;
    line-height: 40px;
    text-align: left;
    color: #555;
    font-size: 16px;
}

.reward_start div {
    padding: 30px 0;
    border-bottom: solid 1px #ddd;
}

.reward_start div>h4 {
    line-height: 70px;
    font-size: 18px;
    font-weight: lighter;
    color: #333;
}

.reward_start div>h4>i {
    padding: 5px 15px;
    background: url(../img/home.png) no-repeat -77px -144px;
}

.reward_start div>span {
    height: 20px;
    font-size: 12px;
}

.reward_start .sfoot {
    margin-top: 20px;
    line-height: 40px;
    font-size: 12px;
}

.reward_start .sfoot span {
    color: #19e;
}

.reward_start a {
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    background: #ff6802;
    border-radius: 5px;
    opacity: 0.8;
}

.reward_start a i {
    padding-left: 20px;
    background: transparent url(../img/home.png) no-repeat -0px -214px;
}

.reward_start a:hover {
    opacity: 1;
}

.reward_day {
    margin-left: 10px;
    padding: 10px 20px;
    width: 620px;
    color: #666;
    background-color: #fff;
    float: left;
}

.reward_day .shead {
    line-height: 40px;
    color: #555;
    font-size: 16px;
}

.reward_day .shead p {
    display: inline-block;
}

.reward_day .shead a.more {
    margin-left: 10px;
    font-size: 12px;
    color: #19e;
}

.reward_day .shead a.change {
    display: block;
    margin-top: 5px;
    width: 70px;
    height: 25px;
    line-height: 25px;
    color: #999;
    font-size: 12px;
    border: solid 1px #999;
    text-align: center;
    border-radius: 3px;
    float: right;
}

.reward_day .shead a.change i {
    padding-right: 5px;
}

.reward_day .shead a.change:hover {
    color: #fff;
    background: #19e;
}

.reward_day .sbody {
    height: 268px;
    overflow: hidden;
}

.reward_day .sbody ul li {
    width: 290px;
    margin: 10px 20px 0 0;
    float: left;
}

.reward_day .sbody ul li:nth-of-type(odd) {
    margin: 10px 40px 0 0;
}

.reward_day .sbody ul li:nth-of-type(even) {
    margin: 10px 0 0 0;
}

.reward_day .reword_h1 span {
    display: inline-block;
    width: 40px;
    height: 20px;
    line-height: 20px;
    border: solid 1px #ff8536;
    color: #ff8536;
    border-radius: 5px;
    text-align: center;
    vertical-align: top;
}

.reward_day .reword_h1 p {
    display: inline-block;
    margin-left: 5px;
    width: 238px;
    height: 22px;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.reward_day .reword_h2 p {
    font-size: 12px;
    line-height: 35px;
    color: #999;
}

.reward_day .reword_h2 p i {
    margin-right: 5px;
}

.reward_day .reword_h2 p span {
    color: #19e;
}

/*悬赏动态*/
.dynamic {
    font-size: 14px;
    width: 240px;
    height: 388px;
    overflow: hidden;
    float: right;
}

.dynamic .sbody {
    position: relative;
    padding-left: 20px;
    height: 328px;
    background: #fff url(../img/l.png) no-repeat 0px 0;
    overflow: hidden;
}

.dynamic .sbody ul {
    position: relative;
}

.dynamic .sbody ul li {
    padding: 14px 5px;
}

.dynamic .sbody img {
    width: 50px;
    height: 50px;
    border-radius: 3px;
}

.dynamic .sbody div {
    width: 150px;
    line-height: 25px;
    float: right;
}

.dynamic .sbody div span {
    width: 70px;
    color: #19e;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
}

.dynamic .sbody div a {
    float: right;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*推荐用户*/
.imp-user {}

.imp-user .sbody {
    margin-left: -24px;
}

.imp-user .sbody>ul>li {
    margin-left: 24px;
    margin-bottom: 20px;
    background-color: #fff;
    text-align: center;
    float: left;
}

.imp-user .user-head {
    padding: 20px 0;
    background: #CEE8F9;
}

.imp-user .user-head img {
    width: 120px;
    height: 120px;
    border-radius: 60px;
}

.imp-user .user-head span {
    display: block;
}

.imp-user .user-info {
    padding: 10px 0;
    overflow: hidden;
}

.imp-user .user-info li {
    float: left;
    width: 60px;
}

.imp-user .user-info p {
    color: #daa963;
}

.imp-user .user-info span {
    color: #888;
}

.new_dynamic {
    font-size: 14px;
    width: 240px;
    overflow: hidden;
    float: right;
}

.new_dynamic .sbody ul li {
    padding: 15px 5px;
}

.new_dynamic .sbody img {
    width: 50px;
    height: 50px;
    border-radius: 3px;
}

.new_dynamic .sbody div {
    width: 170px;
    line-height: 25px;
    float: right;
}

.new_dynamic .sbody div span {
    width: 70px;
    color: #19e;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.new_dynamic .sbody div a {
    float: right;
}

.home_ad2 {
    width: 1200px;
    height: 120px;
}

.home_ad2 img {
    width: 100%;
    height: 100%;
}

.partner ul {
    margin-left: -20px;
}

.partner ul li {
    width: 181px;
    height: 85px;
    margin: 0 0 20px 20px;
    background-color: #fff;
    border: #e2e2e2 1px solid;
    float: left;
}

.partner ul li:hover {
    border: #ff8536 1px solid;
}

.partner ul li img {
    width: 100%;
    height: 100%;
}

.links ul {}

.links ul li {
    display: inline;
    margin-right: 15px;
}

.home-ad {
    margin: 20px 0 20px 0;
    clear: both;
}

/* type */
.nav-list {}

.nav-list .type-f1 {
    padding: 20px;
    margin: 10px 0;
    background: #fff;
}

.nav-list .type-f1>a {
    display: block;
    width: 150px;
    font-size: 18px;
    font-weight: bold;
    color: #19e;
    text-align: center;
}

.nav-list .type-f2 {
    margin-left: 220px;
}

.nav-list .type-f2 a {
    font-size: 16px;
    font-weight: bold;
    color: #f60;
}

.nav-list .type-f3 {
    display: inline-block;
    padding: 15px 20px 15px 0px;
}

.nav-list .type-f3 a {
    font-size: 14px;
    font-weight: normal;
    color: #333;
}

/*upload*/
.upload_step {
    position: relative;
    background-color: #fff;
    height: 63px;
    border-bottom: solid 1px #eee;
    text-align: center;
}

.upload_step ul li {
    display: inline-block;
    width: 190px;
    line-height: 60px;
    text-align: center;
    border-bottom: solid 3px #fff;
    padding-left: 80px;
}

.upload_step ul li span {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #999;
    background-color: #ddd;
    text-align: center;
    border-radius: 50%;
    margin-top: 17px;
}

.upload_step ul li.active span {
    background-color: #19e;
    color: #fff;
}

.upload_step ul li p {
    color: #545454;
    font-weight: 600;
    font-size: 16px;
    padding-left: 10px;
}

.upload_step .upload_step_hd {
    position: absolute;
    top: 60px;
    width: 150px;
    height: 3px;
    background: #19e;
    left: 245px;
    bottom: -1px;
    transition: all .3s;
}

.upload_stepone {
    padding-top: 100px;
    height: 350px;
    background-color: #fff;
}

.upload_center {
    position: relative;
    width: 700px;
    height: 200px;
    margin: 0 auto;
    background-color: #fafafa;
    border: dashed 1px #ddd;
    text-align: center;
}

.upload_center .progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 200px;
    width: 0;
    background-color: #f9e4d5;
}

.webuploader-container {
    position: relative;
}

.webuploader-pick {
    position: relative;
    width: 160px;
    height: 50px;
    line-height: 50px;
    padding-left: 110px;
    margin: 50px auto 30px auto;
    font-size: 16px;
    color: #fff;
    background: #ff6802 url(../img/up.png) no-repeat 75px 12px;
    text-align: left;
    border-radius: 5px;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.webuploader-pick-hover {
    background-color: #fb4a00;
}

.webuploader-pick-disable {
    opacity: 0.6;
    pointer-events: none;
}

.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.upload_center p {
    position: relative;
    line-height: 25px;
    font-size: 14px;
    color: #888;
}

.upload_center p span {
    color: #ff6802;
}

.upload_stepone>p {
    text-align: center;
    font-size: 16px;
    color: #999;
    margin-top: 60px;
}

.upload_steptwo {
    display: none;
}

.steptwo_h1 {
    height: 50px;
    line-height: 50px;
    background: #f2f2f2;
}

.steptwo_h1 h3 {
    font-size: 20px;
    margin-left: 20px;
    color: #333;
    font-weight: normal;
}

.steptwo_h1 a {
    display: inline-block;
    margin-left: 730px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    border: solid 1px #ddd;
    text-align: center;
    border-radius: 5px;
}

.steptwo_h1 a i {
    padding-right: 5px;
    color: #666;
}

.steptwo_h1 a:hover {
    background-color: #19e;
    color: #fff;
}

.steptwo_h1 a:hover i {
    color: #fff;
}

.steptwo_h1 .checkbox {
    margin-left: 5px;
    color: #FF6802;
}

.steptwo_h2 {
    margin-top: 10px;
    height: 50px;
    line-height: 50px;
    background: #f2f2f2;
}


.steptwo_h2 a {
    margin: 10px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #f60;
    border: solid 1px #f60;
    text-align: center;
    border-radius: 5px;
    float: right;
}

.steptwo_h2 a i {
    padding-right: 5px;
}

.steptwo_h2 a:hover {
    background-color: #f60;
    color: #fff;
}

.steptwo_div {
    background: #fff;
    border-top: solid 1px #f2f2f2;
}

.steptwo_title {
    position: relative;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
}

.steptwo_title a {
    margin-right: 20px;
    font-size: 14px;
    color: #999;
    cursor: pointer;
}

.steptwo_title a:hover {
    color: #19e;
}

.steptwo_title .index {
    position: absolute;
    top: 12px;
    left: 10px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background-color: #19e;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    transition: all 1s ease;
}

.steptwo_title .tip {
    padding-right: 10px;
    font-weight: bold;
    color: #FE5F32;
}

.steptwo_title .tit {
    color: #999;
    font-size: 16px;
    padding-left: 80px;
    display: none;
}

.steptwo_title .tit span {
    color: #666;
}

.steptwo_title .tit i {
    margin-right: 5px;
    vertical-align: middle;
}

.steptwo_body {
    margin-top: -10px;
    padding-bottom: 10px;
}

.steptwo_body .up-l {
    display: inline-block;
    width: 598px;
    border-right: dashed 1px #ddd;
}

.steptwo_body .up-r {
    position: relative;
    width: 599px;
    float: right;
}

.steptwo_body .doc_title,
.steptwo_body .doc_keywd,
.steptwo_body .doc_type,
.steptwo_body .doc_filter,
.steptwo_body .doc_readpay,
.steptwo_body .doc_preview,
.steptwo_body .doc_downpay,
.steptwo_body .doc_isdown {
    height: 60px;
    line-height: 60px;
}

.steptwo_body .doc_short {
    padding: 14px 0;
}

.steptwo_body .doc_readpay,
.steptwo_body .doc_preview,
.steptwo_body .doc_downpay,
.steptwo_body .doc_isdown {
    float: left;
}

.steptwo_body .doc_preview {
    margin-left: 35px;
}

.steptwo_body .doc_isdown {
    margin-left: -64px;
}

.steptwo_body .btn_upload {
    position: absolute;
    display: block;
    width: 110px;
    height: 35px;
    right: 20px;
    top: 340px;
    line-height: 35px;
    color: #fff;
    background-color: #19e;
    border: solid 1px #ddd;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}

.steptwo_body .btn_upload i {
    padding-right: 5px;
}

.steptwo_body .btn_upload:hover {
    background-color: #025598;
    color: #fff;
}

.steptwo_body .btn_upload.pi {
    background-color: #FF6802;
}

.steptwo_body .btn_upload.pi:hover {
    background-color: #C75305;
}

.steptwo_body label {
    display: inline-block;
    padding-right: 10px;
    width: 120px;
    font-size: 14px;
    color: #666;
    text-align: right;
    vertical-align: top;
}

.steptwo_body label i {
    color: #f00;
    padding-right: 3px;
    font-style: normal;
}

.steptwo_body input,
.steptwo_body .doc_short textarea,
.steptwo_body .doc_type .input {
    width: 408px;
    height: 30px;
    border: #ddd solid 1px;
    font-size: 14px;
    color: #555;
}

.steptwo_body .doc_title input {
    text-indent: 8px;
    width: 388px;
}

.steptwo_body .doc_keywd input {
    text-indent: 10px;
}

.steptwo_body .doc_short .checkbox {
    color: #666;
}

.steptwo_body .doc_short textarea {
    margin: 10px 0 0 134px;
    width: 388px;
    height: 100px;
    line-height: 25px;
    padding: 10px;
    outline: none;
}

.steptwo_body .doc_readpay input,
.steptwo_body .doc_preview input,
.steptwo_body .doc_downpay input {
    text-indent: 10px;
    width: 60px;
}

.steptwo_body .doc_type .input {
    display: inline-block;
    line-height: 30px;
    text-indent: 10px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
}

.steptwo_body .doc_type a {
    color: #FF6802;
}

.steptwo_body input:focus,
.steptwo_body textarea:focus,
.steptwo_body .input.active {
    border: #31A5E7 solid 1px;
    color: #333;
    outline: 0;
}

.steptwo_body input.error,
.steptwo_body textarea.error,
.steptwo_body .input.error {
    border: 1px solid #f66;
}

.upload_stepthr {
    display: none;
    padding-top: 100px;
    height: 300px;
    background-color: #fff;
    text-align: center;
}

.upload_stepthr .p1 {
    height: 55px;
    line-height: 55px;
    font-size: 30px;
    color: #555;
}

.upload_stepthr .p1 i {
    margin-right: 10px;
    height: 35px;
    line-height: 35px;
    font-size: 35px;
    color: #ee541e;
}

.upload_stepthr .p2 {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #999;
}

.upload_stepthr .p3 {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #999;
}

.upload_stepfour {
    display: none;
    padding-top: 100px;
    height: 300px;
    background-color: #fff;
    text-align: center;
}

.upload_stepfour .p1 {
    height: 55px;
    line-height: 55px;
    font-size: 30px;
    color: #555;
}

.upload_stepfour .p1 i {
    margin-right: 10px;
    height: 35px;
    line-height: 35px;
    font-size: 35px;
    color: #ee541e;
}

.upload_info {
    margin-top: 10px;
    background-color: #fff;
    height: 400px;
}

.upload_info h3 {
    margin: 0 20px 5px 20px;
    font-size: 16px;
    line-height: 50px;
    border-bottom: solid 1px #eaeaea;
}

.upload_info p {
    clear: left;
    margin-left: 20px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #555;
}

.upload_info ul {
    margin-left: 30px;
}

.upload_info ul li {
    display: inline-block;
    padding: 0 10px;
    line-height: 25px;
    color: #666;
}

.upload_info p a {
    color: #FF6802;
}

/* corpub */
.topic-type {
    background: #fff;
    border-bottom: 2px solid #f60;
}

.topic-type li {
    display: inline-block;
}

.topic-type li a {
    display: inline-block;
    padding: 10px 15px;
    font-size: 15px;
}

.topic-type li a.active {
    background: #f60;
    color: #fff;
}

.topic-type li.last {
    float: right;
}

.topic-type li.last a {
    padding: 5px 15px;
    margin: 5px;
    background: #19e;
    color: #fff;
    border-radius: 16px;
}

.topic-list {
    margin: 0 auto;
    margin-left: -20px;
    overflow: hidden;
}

.topic-list ul {
    margin-left: 20px;
    margin-top: 20px;
    padding: 20px;
    border: 1px dotted #ccc;
    background: #fff;
    float: left;
}

.topic-list li {
    line-height: 25px;
    color: #999;
}

.topic-list img {
    width: 342px;
    height: 200px;
    border: 1px solid #eee;
}

.topic-list li span {
    display: inline-block;
    width: 170px;
}

.topic-list h2 {
    display: block;
    width: 342px;
    line-height: 40px;
    font-size: 18px;
    font-weight: normal;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.topic-list li span a {
    display: inline-block;
    max-width: 116px;
    color: #999;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
}

.topic-more {
    margin: 20px 0;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #19e;
    color: #fff;
    cursor: pointer;
}

.topic-pub {

    background: #fff;
    border: 1px solid #eee;
}

.topic-pub .head {
    padding: 10px 40px;
    font-size: 18px;
    background: #fafafa;
    border-bottom: 1px solid #eee;
}

.topic-pub .body {
    padding: 10px 30px;
    overflow: hidden;
}

.topic-pub .body input,
.topic-pub .body textarea {
    width: 820px;
}

.topic-pub .body textarea {
    display: block;
}

.topic-pub .body .type {
    display: inline-block;
    padding: 10px 10px;
    width: 811px;
    border: 1px solid #ddd;
    background: #f8f8f8;
}

.topic-pub .body .type.error {
    border: 1px solid #f00;
}

.topic-pub .body .type .ui-checkbox {
    padding: 5px;
}

.topic-pub .body input[name="downpay"],
.topic-pub .body input[name="discount"] {
    width: 65px;
}

.topic-pub .body input[name="discount"] {
    margin-left: 100px;
}

.topic-pub .body p.tip {
    color: #f60;
    padding: 5px 0px;
}

.topic-pub .body .panel-doc {
    margin: 10px;
    background: #fafafa;
    border: 1px solid #fafafa;
}

.topic-pub .body .panel-doc.error {
    border: 1px solid #f00;
}

.topic-pub .body .panel-doc h5 {
    padding: 10px;
    font-size: 14px;
    font-weight: normal;
    background: #f2f2f2;
}

.topic-pub .body .panel-doc h5 span,
.topic-pub .body .panel-doc h5 ss {
    padding: 0 5px;
    color: #f60;
}

.topic-pub .body .panel-doc .doc-add {
    padding: 6px 12px;
    color: #19e;
    border: 1px solid #19e;
    border-radius: 5px;
}

.topic-pub .body .panel-doc .doc-del {
    padding: 6px 12px;
    color: #f00;
    float: right;
}

.topic-pub .body .panel-doc .txt-doc {
    width: 486px;
}

.topic-pub .body .panel-doc li {
    display: block;
    margin: 0 10px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.topic-pub .body .panel-doc li .fa {
    padding: 5px;
    color: #f00;
    float: right;
    cursor: pointer;
}

.topic-pub .body .ui-btn {
    margin: 15px 10px 10px 0;
    padding: 8px 25px;
}

.select-docs {
    width: 1000px;
    height: 539px;
    overflow: auto;
}

.topic-pub .finish {
    display: none;
    padding-top: 100px;
    height: 300px;
    background-color: #fff;
    text-align: center;
}

.topic-pub .finish .p1 {
    height: 55px;
    line-height: 55px;
    font-size: 30px;
    color: #555;
}

.topic-pub .finish .p1 i {
    margin-right: 10px;
    height: 35px;
    line-height: 35px;
    font-size: 35px;
    color: #ee541e;
}

.topic-pub .finish .p2 {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #999;
}

.topic-pub .finish .p3 {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #999;
}

.topic-left {
    width: 900px;
    float: left;
}

.topic-right {
    width: 280px;
    float: right;
}

.topic-view {
    padding: 20px;
    background: #fff;
    height: 202px;
}

.topic-view>img {
    width: 342px;
    height: 200px;
    border: 1px solid #eee;
    float: left;
}

.topic-view>div {
    margin-left: 20px;
    float: left;
}

.topic-view>div>h2 {
    display: block;
    width: 496px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: normal;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topic-view>div>.user-tip-p {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}

.topic-view>div>.user-tip-p>a>img {
    margin-right: 10px;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    vertical-align: top
}

.topic-view>div>span {
    font-size: 12px;
    color: #aaa;
}

.topic-view>div>i {
    line-height: 30px;
    color: #aaa;
    cursor: pointer;
    float: right;
}

.topic-view>div>p {
    width: 496px;
    max-height: 50px;
    line-height: 25px;
    overflow: hidden;
}

.topic-view>div>.downpay {
    margin-top: 14px;
}

.topic-view>div>.downpay h5 {
    padding: 6px 0;
    width: 150px;
    font-size: 14px;
    font-weight: normal;
    color: #999;
    float: left;
}

.topic-view>div>.downpay span {
    padding: 6px 12px;
    font-weight: bold;
    background: #f60;
    color: #fff;
    border-radius: 20px;
    cursor: pointer;
    float: right;
}


.topic-word {
    margin-top: 20px;
    padding: 10px;
    background: #fff
}

.topic-pannel {
    margin-top: 20px;
    background: #fff;
}

.topic-pannel>ul {
    background: #eee;
    overflow: hidden;
}

.topic-pannel>ul li {
    float: left;
    padding: 15px 12px;
    background: #eee;
    border-right: 1px solid #e5e5e5;
    cursor: pointer;
}

.topic-pannel>ul li.active {
    background: #fff;
}

.topic-pannel>div {
    display: none;
}

.topic-pannel .topic-doclist {
    padding: 5px 10px;
}

.topic-pannel .topic-doclist li {
    display: block;
    margin: 0 10px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.topic-pannel .topic-doclist li span {
    margin-left: 10px;
    line-height: 23px;
    font-size: 12px;
    color: #888;
}

.topic-pannel .topic-downlist li {
    display: block;
    margin: 0 20px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.topic-pannel .topic-downlist img {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.topic-pannel .topic-downlist span {
    vertical-align: middle;
}

.topic-pannel .topic-downlist span.fr {
    line-height: 30px;
    font-size: 12px;
    color: #888;
}

/*list*/
.list_left {
    width: 220px;
    float: left;
}

.list_type {
    line-height: 50px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
}

/*
.list_type .type_all a{
    display: block;
}
.list_type .type_all p {
    float: left;
}

.list_type .type_all span {
    padding-right: 10px;
    color: #888;
    float: right;
}

.list_type .type_parent li {
    background-color: #fff;
    border-top: #d5d6bc 1px dashed;
    overflow: hidden;
}

.list_type .type_parent li.active {
    background-color: #f5f5f5;
}

.list_type .type_parent li{
    padding-left: 20px;
}

.list_type .type_parent i{
    padding-right: 5px;
    cursor: pointer;
}

.list_type .type_parent i.fa-plus-square-o ~ ul{
    display: none;
}

.list_type .type_parent i.fa-minus-square-o ~ ul{
    display: block;
}

.type_all {
    padding-left: 15px;
}
*/

.list_type p {
    float: left
}

.list_type span {
    padding-right: 10px;
    color: #888;
    float: right
}

.list_type a {
    display: block;
    background-color: #fff;
    border-left: 2px solid #fff;
    border-bottom: #d5d6bc 1px dashed;
    overflow: hidden
}

.list_type a:hover {
    border-left: 2px solid #ee541e;
    background-color: #f5f5f5
}

.list_type a.active {
    border-left: 2px solid #1a8fee;
    background-color: #f5f5f5
}

.type_all {
    padding-left: 15px
}

.type_parent>li>a {
    padding-left: 35px
}

.type_chlid>li>a {
    padding-left: 55px
}

.list_ad {
    margin-top: 50px;
}

.list_ad img {
    width: 100%;
    height: 100%;
}

.list_right {
    width: 960px;
    float: right;
    overflow: hidden;
}

.list-filter {
    margin-bottom: 10px;
    font-size: 13px;
    background: #fff;
    border: solid 1px #eee;
}

.list-filter>div {
    line-height: 40px;
    border-bottom: solid 1px #eee;
}

.list-filter h7 {
    padding: 10px 20px;
    letter-spacing: 5px;
    float: left;
}

.list-filter .filter-items {
    padding: 10px 0;
    margin-left: 84px;
}

.list-filter a {
    margin-left: 10px;
    padding: 4px 6px;
}

.list-filter a.active {
    color: #fff;
    background: #19e;
    border-radius: 3px;
}

.list-header {
    height: 40px;
    background-color: #fff;
    margin-top: 20px;
    line-height: 40px;
}

.list-header ul li {
    float: left;
    width: 100px;
    text-align: center;
}

.list-header ul a {
    display: inline-block;
    width: 120px;
    font-size: 14px;
    color: #666;
}

.list-header ul a i {
    padding-left: 20px;
}

.list-header ul a:hover,
.list-header ul a.active {
    color: #1a8fee;
}

.list-header ul a:hover i,
.list-header ul a.active i {
    background: url(../img/home.png) no-repeat 8px -302px;
}

.list-header div {
    padding-right: 10px;
}

.list-header div>a {
    display: block;
    margin: 12px 3px 0 0;
    width: 20px;
    height: 15px;
    line-height: 10px;
    font-size: 20px;
    border: solid 1px #aaa;
    text-align: center;
    float: right;
}

.list-header div>a:hover {
    border: solid 1px #19e;
}

.list_body {
    background-color: #fff;
    overflow: hidden;
    margin-top: 20px;
}

.list_body>ul>li {
    padding: 15px 20px;
    overflow: hidden;
    border: solid 1px #eee;
    border-bottom: none;
}

.list_body>ul>li:hover {
    background-color: #f8f8f8;
}

.list_body .thum {
    position: relative;
    overflow: hidden;
    float: left;
}

.list_body .thumlist {
    width: 820px;
    float: right;
}

.list_body .thumlist>h2 a {
    display: block;
    margin-top: 3px;
    line-height: 30px;
    font-weight: bold;
    font-size: 16px;
}

.list_body .thumlist .h2 i {
    padding-left: 50px;
    background: url(../img/home.png) no-repeat 0 -274px;
}

.list_body .thumlist li {
    margin-right: 40px;
    line-height: 30px;
    color: #888;
    float: left;
}

.list_body .thumlist .li1 a {
    display: block;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list_body .thumlist .li1 .fa {
    padding-right: 6px;
    color: #19e;
    font-size: 15px;
}

.list_body .thumlist .li4 .fa {
    padding-right: 3px;
    color: #888;
    font-size: 16px;
}

.list_body .thumlist>div {
    clear: both;
    margin-top: 25px;
    color: #888;
    line-height: 25px;
    font-size: 14px;
}

.list_body .thumlist>div>span {
    color: #888;
    font-size: 15px;
}

.list_body .thumlist>div>p {
    display: inline;
    word-break: break-all;
}

/* reward */
.reward-left {
    width: 900px;
    float: left;
}

.reward-right {
    width: 280px;
    float: right;
    overflow: hidden;
}

.search-input {
    height: 36px;
    border: solid 1px #eee;
    background: #fff;
}

.search-input:hover {
    border: solid 1px #ddd;
}

.search-input input {
    padding-left: 15px;
    width: 800px;
    height: 36px;
    line-height: 36px;
    border: none;
}

.search-input span {
    width: 60px;
    height: 36px;
    line-height: 36px;
    color: #333;
    background-color: #eee;
    text-align: center;
    cursor: pointer;
    float: right;
}

.search-input span:hover {
    background-color: #ddd;
}

.reward-filter {
    margin-top: 10px;
    padding: 0 20px;
    background: #fff;
    border: solid 1px #eee;
}

.reward-filter div {
    height: 50px;
    line-height: 50px;
    border-bottom: solid 1px #eee;
}

.reward-filter h7 {
    letter-spacing: 5px;
}

.reward-filter a {
    margin-left: 40px;
    padding: 4px 6px;
}

.reward-filter a.active {
    color: #fff;
    background: #19e;
    border-radius: 3px;
}

.reward-body {
    border-bottom: solid 1px #eee;
    background-color: #fff;
    overflow: hidden;
    margin-top: 20px;
}

.reward-body>li {
    overflow: hidden;
    border: solid 1px #eee;
    border-bottom: none;
}

.reward-body>li:hover {
    background-color: #f5f5f5;
}

.reward-body .fl {
    padding: 20px;
    border-right: solid 1px #eee;
}

.reward-body .fr {
    padding: 20px;
    width: 726px;
}

.reward-body .fl img {
    width: 90px;
    height: 90px;
    border-radius: 90px;
}

.reward-body .fl span {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #f00;
    text-align: center;
}

.reward-body .fr h2 {
    margin-bottom: 2px;
}

.reward-body .fr h2 a {
    display: inline-block;
    width: 660px;
    font-size: 16px;
    font-weight: normal;
    color: #01A0E0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reward-body .fr h2 a i {
    margin-right: 5px;
    padding: 0 5px;
    font-size: 14px;
    color: #fff;
    background: #E95C07;
    border-radius: 4px;
}

.reward-body .fr h2 span {
    color: #999;
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
    float: right;
}

.reward-body .fr h2 span:hover,
.reward-body .fr h2 span:active {
    color: #F6382D;
}

.reward-body .fr h2 span i {
    padding-right: 5px;
}

.reward-body .fr p {
    height: 62px;
    color: #666;
    overflow: hidden;
}

.reward-body .fr p span {
    font-weight: bold;
}

.reward-body .fr ul {
    margin-top: 5px;
}

.reward-body .fr li {
    margin-right: 30px;
    height: 25px;
    line-height: 25px;
    color: #999;
    float: left;
}

.reward-body .fr li span {
    color: #f60;
}

.reward-body .fr li.days {
    margin-right: 0;
    float: right;
}

.reward-body .fr li i {
    font-size: 15px;
    color: #f60;
}

.reward-pub {
    height: 150px;
    text-align: center;
    background: #fff;
}

.reward-pub div {
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    color: #333;
}

.reward-pub i {
    padding: 5px 15px;
    background: url(../img/home.png) no-repeat -77px -144px;
}

.reward-pub a {
    display: block;
    margin: 5px auto;
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #f60;
    border: 1px solid #f60;
    border-radius: 5px;
}

.reward-pub a:hover {
    background: #f60;
    color: #fff;
}

.reward-user {
    margin-top: 20px;
    background: #fff;
}

.reward-user div {
    padding: 8px 15px;
    font-size: 16px;
    background: #f0f0f0;
    overflow: hidden;
}

.reward-user li {
    padding: 5px 10px;
    height: 30px;
    line-height: 30px;
}

.reward-user li p {
    float: left;
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reward-user li p i {
    margin-right: 5px;
    padding: 0 5px;
    color: #fff;
    background: #19e;
    border-radius: 4px;
}

.reward-user li span {
    margin-left: 14px;
}

.reward-user li span h7 {
    color: #f60;
}

.reward-view {
    margin-top: 20px;
    border-bottom: solid 1px #eee;
    background-color: #fff;
    overflow: hidden;
}

.reward-view>li {
    position: relative;
    border: solid 1px #eee;
    border-bottom: none;
    overflow: hidden;
}

.reward-view>li:hover {
    background-color: #fefefe;
}

.reward-view .fl {
    padding: 20px;
    border-right: solid 1px #eee;
}

.reward-view .fr {
    padding: 20px;
    width: 727px;
}

.reward-view .fl img {
    width: 90px;
    height: 90px;
    border-radius: 90px;
}

.reward-view .fl span {
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    color: #888;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reward-view .fr a {
    display: block;
    width: 700px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    font-weight: normal;
    color: #01A0E0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reward-view .fr ul {
    margin-bottom: 10px;
    overflow: hidden;
}

.reward-view .fr li {
    margin-right: 20px;
    height: 25px;
    line-height: 25px;
    color: #999;
    float: left;
}

.reward-view .fr li span {
    color: #f60;
}

.reward-view .fr>span {
    font-size: 16px;
    color: #f60;
    float: right;
}

.reward-view li>i {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #f00;
}

.reward-view li>a {
    position: absolute;
    right: 10px;
    bottom: 10px;
    border-radius: 20px;
}

.reward-info {
    padding: 20px;
    border: solid 1px #eee;
    background: #fff;
}

.reward-info div h1 {
    display: inline;
    font-size: 16px;
    font-weight: normal;
}

.reward-info div>i {
    margin-right: 5px;
    padding: 0 5px;
    color: #999;
    font-size: 14px;
    cursor: pointer;
    float: right;
}

.reward-info div i:hover {
    color: #F6382D;
}

.reward-info div span i {
    padding-right: 5px;
}

.reward-info ul {
    margin-top: 5px;
    height: 30px;
    line-height: 30px;
    border-bottom: solid 1px #ddd;
    overflow: hidden;
}

.reward-info li {
    margin-right: 20px;
    height: 25px;
    line-height: 25px;
    color: #999;
    float: left;
}

.reward-info li span {
    color: #f60;
}

.reward-info li.days {
    margin-right: 0;
    float: right;
}

.reward-info li i {
    font-size: 15px;
    color: #f60;
}

.reward-info p {
    margin-top: 10px;
    color: #555;
}

.reward-upload {
    height: 133px;
    text-align: center;
    background: #fff;
}

.reward-upload div {
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    color: #333;
}

.reward-upload i {
    padding: 5px 15px;
    background: url(../img/home.png) no-repeat -77px -144px;
}

.reward-upload a {
    display: block;
    margin: 5px auto;
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #f60;
    border: 1px solid #f60;
    border-radius: 5px;
}

.reward-upload a:hover {
    background: #f60;
    color: #fff;
}

/*reward-pub*/
.reward_publish {
    border: 1px solid #eaeaea;
}

.reward_head {
    padding-left: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #333;
    background: #f0f0f0;
    border-bottom: solid 1px #eaeaea;
}

.reward_head i {
    padding: 5px 15px;
    background: url(../img/home.png) no-repeat -77px -144px;
}

.reward_body {
    background: #fff;
    overflow: hidden;
}

#reward_form {
    padding: 20px 0;
    width: 768px;
    float: left;
}

.reward_body .doc_title,
.reward_body .doc_keywd,
.reward_body .doc_reward {
    height: 60px;
    line-height: 60px;
}

.reward_body .doc_reward .ui-checkbox {
    line-height: 20px;
}

.reward_body .doc_short {
    margin: 10px 0;
}

.reward_body label {
    display: inline-block;
    padding-right: 10px;
    width: 180px;
    font-size: 14px;
    color: #666;
    text-align: right;
    vertical-align: top;
}

.reward_body label i {
    color: #f00;
    padding-right: 3px;
    font-style: normal;
}

.reward_body input {
    width: 408px;
    height: 30px;
    border: #ddd solid 1px;
    font-size: 14px;
    color: #555;
    text-indent: 10px;
}

.reward_body .doc_reward input {
    width: 100px;
}

.reward_body textarea {
    padding: 5px 10px;
    width: 388px;
    height: 100px;
    line-height: 25px;
    font-size: 14px;
    color: #555;
    border: #ddd solid 1px;
    outline: none;
}

.reward_body input:focus,
.reward_body textarea:focus {
    border: #31A5E7 solid 1px;
    color: #333;
}

.reward_body input.error,
.reward_body textarea.error {
    border: 1px solid #f66;
}

.reward_body .btn_upload {
    display: block;
    margin: 0 auto;
    margin-top: 65px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    background-color: #19e;
    border: solid 1px #ddd;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}

.reward_body .btn_upload i {
    padding-right: 5px;
}

.reward_body .btn_upload:hover {
    background-color: #025598;
    color: #fff;
}

.pub-info {
    padding: 10px 20px;
    background: #f9f9f9;
    width: 390px;
    float: left;
}

.pub-info p {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
}

.pub-info i {
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    background: #8BD442;
    text-align: center;
}

.pub-info span {
    display: inline-block;
    padding-left: 30px;
    height: 30px;
    line-height: 30px;
}

.reward_finish {
    padding-top: 100px;
    height: 250px;
    background-color: #fff;
    text-align: center;
    display: none;
}

.reward_finish .p1 {
    height: 55px;
    line-height: 55px;
    font-size: 30px;
    color: #555;
}

.reward_finish .p1 i {
    margin-right: 10px;
    height: 35px;
    line-height: 35px;
    font-size: 35px;
    color: #ee541e;
}

.reward_finish .p2 {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #999;
}

.reward_finish .p3 {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #999;
}

/* info */
.info-left {
    width: 900px;
    float: left;
}

.info-right {
    width: 280px;
    float: right;
    overflow: hidden;
}

.info-left .list-header {
    margin-top: 0;
    border: 1px solid #eee;
}

.info-left>ul {
    background: #fff;
}

.info-left .info {
    position: relative;
    padding: 20px 30px;
    border: 1px solid #eee;
    border-top: none;
}

.info-left .info>h2 {
    font-size: 22px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-left .info>ul {
    margin-top: 5px;
    font-size: 14px;
    color: #888;
}

.info-left .info>ul li {
    display: inline-block;
    margin-right: 5px;
}

.info-left .info>ul li .tag {
    color: #f60;
}

.info-left .info>ul li .goto {
    color: #888;
}

.info-left .info>a>img {
    position: absolute;
    display: block;
    width: 200px;
    height: 150px;
    right: 30px;
    top: 30px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.info-left .info>p {
    margin: 10px 0;
    line-height: 25px;
    height: 75px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-left .info>p.img {
    width: 610px;
}

.info-left .info-ln {
    margin-top: 10px;
}

.info-left .info-ln span {
    color: #333;
}

.info-left .info-ln>.last a,
.info-left .info-ln>.next a {
    margin-left: 5px;
    color: #19e;
}

.info-left .info-tj {
    margin-top: 10px;
    overflow: hidden;
}

.info-left .info-tj span {
    color: #333;
}

.info-left .info-tj a {
    display: block;
    width: 419px;
    height: 25px;
    line-height: 25px;
    float: left;
}

.info-tag {
    background: #fff;
    text-align: center;
}

.info-tag p {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border: 1px solid #eee;
    border-top: 2px solid #f60;
}

.info-tag ul {
    border-right: 1px solid #eee;
    overflow: hidden;
}

.info-tag a {
    display: block;
    width: 138px;
    height: 40px;
    line-height: 40px;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    float: left;
}

.info-tag a:hover {
    background: #F5F5F5;
}

.info-pub-a {
    display: block;
    margin-top: 20px;
    padding: 6px 12px;
    font-size: 16px;
    color: #fff !important;
    background: #4FBAF2;
    text-align: center;
}

.info-pub-a:hover {
    color: #fff;
    background: #06A6FA;
}

/* info-pub */
.info-pub {
    padding: 20px 30px;
    background-color: #fff;
    border: 1px solid #eee;
    overflow: hidden;
}

.info-pub span {
    display: block;
}

.info-pub .ui-text-group {
    display: inline-block;
    padding: 10px 0;
}

.info-pub .ui-text-group>input {
    width: 1017px;
}

.info-pub .btn {
    margin-top: 20px;
    float: right;
    padding: 6px 12px;
    background: #19e;
    color: #fff;
    cursor: pointer;
}

/* info-view */
.info-view {
    background: #fff;
    border: 1px solid #eee;
    padding: 15px 30px;
}

.info-view h1 {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: normal;
}

.info-view>ul {
    height: 35px;
    border-bottom: 1px solid #eee;
}

.info-view>ul>li {
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    color: #999;
    float: left;
}

.info-view>ul>li.last {
    margin-left: 20px;
    float: right;
}

.info-view>ul>li>a {
    color: #999;
}

.info-view div {
    padding-top: 10px;
}

.info-view div img {
    max-width: 838px;
}

.comment-body {
    margin-top: 20px;
    padding: 0 30px;
    background-color: #fff;
    border: 1px solid #eee;
}

.comment-body>ul>li {
    padding-top: 25px;
    border-bottom: solid 1px #eee;
}

.comment-body>ul>li:last-child {
    border-bottom: none;
}

.comment-body .pages {
    border-top: 1px solid #eee;
}

.comment-info {
    margin-left: 70px;
    overflow: hidden;
}

.comment-head {
    overflow: hidden;
}

.comment-head>li {
    margin-right: 10px;
    line-height: 35px;
    font-size: 13px;
    color: #666;
    float: left;
}

.comment-head>li:last-child {
    float: right;
    color: #888;
}

.comment-head>li .shafa {
    padding: 1px 5px;
    background: #f55;
    color: #fff;
}

.comment-head>li .bandeng {
    padding: 1px 5px;
    background: #f94;
    color: #fff;
}

.comment-head>li .diban {
    padding: 2px 5px;
    background: #79e;
    color: #fff;
}

.comment-head>li>a {
    color: #f60;
}

.comment-info>div {
    padding: 10px 0;
    clear: right;
}

.comment-info>div img {
    max-width: 768px;
}

.comment-info>blockquote {
    margin: 10px 0;
    padding: 23px 20px 23px 55px;
    background: #fafafa url(../img/blockup.png) 18px 20px no-repeat;
    border: 1px solid #f3f3f3;
    line-height: 28px;
}

.comment-info>blockquote>div {
    margin: 10px 0;
    background: #fafafa url(../img/blockdown.png) 100% 100% no-repeat;
}

.comment-foot>li {
    margin-left: 10px;
    font-size: 12px;
    line-height: 40px;
    color: #999;
    float: right;
}

.comment-post {
    margin-top: 20px;
    padding: 30px;
    background-color: #fff;
    border: 1px solid #eee;
    overflow: hidden;
}

.comment-post p {
    line-height: 100px;
    font-size: 16px;
    background: #f8f8f8;
    border: 1px solid #eee;
    text-align: center;
}

.comment-post a {
    color: #19e;
}

.comment-post .btn {
    margin-top: 20px;
    float: right;
    padding: 6px 12px;
    background: #19e;
    color: #fff;
    cursor: pointer;
}

.comment-edit {
    padding: 20px 30px;
    background-color: #fff;
    border: 1px solid #eee;
    overflow: hidden;
}

.comment-edit label {
    display: block;
    margin-bottom: 15px;
    margin-left: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comment-edit label a {
    color: #19e;
}

.comment-edit .btn {
    margin-top: 20px;
    float: right;
    padding: 6px 12px;
    background: #19e;
    color: #fff;
    cursor: pointer;
}

.user-photo {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    float: left;
    cursor: pointer;
}

.user-photo img {
    width: 100%;
    height: 100%;
}

.user-tip-p {
    position: relative;
    cursor: pointer;
}

.user-tip {
    position: absolute;
    padding: 20px;
    width: 200px;
    left: 0;
    top: 0;
    z-index: 1200;
    line-height: normal;
    background: #fff;
    border: 3px solid #eee;
    text-align: center;
    display: none;
}

.user-tip>a {
    display: block;
    color: #666;
}

.user-tip>a img {
    width: 100px;
    height: 100px;
    border-radius: 100px;
}

.user-tip>a span {
    display: block;
    margin-top: 10px;
}

.user-tip>ul {
    margin-top: 10px;
}

.user-tip>ul>li {
    display: inline-block;
    font-size: 12px;
    color: #888;
}

.user-tip>ul>li.line {
    margin: 0 10px;
    width: 1px;
    height: 25px;
    background-color: #ccc;
}

.user-tip>div {
    margin-top: 15px;
}

.user-tip>div>a {
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #19e;
}

/* ask */
.ask {
    border: 1px solid #eee;
    border-top: none;
}

.ask-info {
    padding: 20px;
    padding-bottom: 0;
}

.ask-info .ask-title {
    margin-left: 70px;
    overflow: hidden;
}

.ask-info .ask-title>h2 {
    font-size: 16px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ask-info .ask-title>ul {
    padding: 5px 0 20px 0;
    border-bottom: 1px solid #eee;
}

.ask-info:last-child .ask-title>ul {
    border-bottom: none;
}

.ask-info .ask-title>ul>li {
    display: inline-block;
    margin-right: 10px;
    color: #888;
    font-size: 12px;
}

.ask-info .ask-title>ul>li a {
    color: #888;
}

/*view*/
.view_left {
    width: 900px;
    float: left;
}

.view_right {
    width: 270px;
    float: right;
}

.view_title {
    overflow: hidden;
}

.view_title>h1 {
    color: #555;
    line-height: 30px;
    font-size: 18px;
}

.view_title h1 i {
    margin-right: 2px;
    vertical-align: middle;
}

.view_title .view_title_info li {
    margin-right: 40px;
    font-size: 12px;
    color: #666;
    float: left;
}

.view_title .view_title_info li a {
    display: block;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.view_title .view_title_info .li1 i {
    padding-right: 5px;
    color: #19e;
    font-size: 14px;
}

.view_title .view_title_info .li2 i {
    padding-left: 23px;
    background: url(../img/home.png) no-repeat -0px -188px;
}

.view_title .view_title_info .li3 i {
    padding-left: 20px;
    background: url(../img/home.png) no-repeat -58px -188px;
}

.view_title .view_title_info .li4 i {
    padding-right: 3px;
    color: #888;
    font-size: 14px;
}

.view_title .view_title_menu li {
    float: right;
}

.view_title .view_title_menu a {
    display: inline-block;
    margin-left: 20px;
    color: #666;
}

.view_title .view_title_menu .fa-heart {
    margin-right: 7px;
    color: #888;
    cursor: pointer;
}

.view_title .view_title_menu .fa-heart.active {
    color: #f00;
}

.view_title .view_title_menu .report i {
    padding: 1px 15px;
    background: url(../img/home.png) no-repeat 0 -357px;
}

.view_title .view_title_menu .report:hover i,
.view_title .view_title_menu .report.active i {
    background: url(../img/home.png) no-repeat -30px -357px;
}

.view_body {
    position: relative;
    /*vip 脚标 */
    margin-top: 10px;
    overflow: hidden;
}

.view_body .vip {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 0;
    height: 0;
    border-top: 60px solid red;
    border-left: 60px solid transparent;

}

.view_body .vip span {
    position: absolute;
    width: 51px;
    left: -49px;
    top: -46px;
    color: #fff;
    font-size: 14px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.view_seo>p {
    padding: 1px;
    margin-bottom: 10px;
    border: 1px solid #eee;
}

.view_body>div {
    padding: 1px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    background: #fff url(../img/888.gif) no-repeat center center;
    font-size: 0;
    /*img 间隔*/
}

.view_body>div>img,
.view_body>div>iframe,
.view_body>div>embed {
    width: 100%;
    min-height: 400px;
    display: block;
    /*img 间隔*/
}

.view_body>.view-ad {
    padding: 0;
    height: 100px;
    font-size: 14px;
    background: #fff;
    text-align: center;
    overflow: hidden;
}

.view_body>.view-ad img {
    width: 100%;
    height: 100%;
}

.view_body .view_error {
    padding-top: 80px;
    height: 200px;
    text-align: center;
}

.view_body .view_error h2 {
    line-height: 60px;
    font-size: 18px;
}

.view_body .view_error h3 {
    line-height: 60px;
    font-size: 14px;
    font-weight: normal;
}

.view_loding {
    margin-bottom: 10px;
    padding-top: 20px;
    height: 60px;
    background-color: #fff;
    border: 1px solid #eee;
    text-align: center;
}

.view_shang {
    margin-bottom: 10px;
    height: 150px;
    background-color: #fff;
    border: 1px solid #eee;
    text-align: center;
}

.view_shang>div {
    display: none;
    margin-top: 10px;
    vertical-align: top;
}

.view_shang>div>img {
    border: 1px solid #ccc;
    padding: 5px;
    height: 94px;
    width: 94px;
}

.view_shang>div>span {
    display: block;
    color: #fff;
}

.view_shang>span {
    display: inline-block;
    margin: 35px 100px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    color: #fff;
    background: #f60;
    font-size: 22px;
    border: 1px solid #f60;
    border-radius: 80px;
    cursor: pointer;
}

.view_foot .nextread,
.view_foot .payread,
.view_foot .readover {
    padding-top: 60px;
    height: 150px;
    background-color: #fff;
    border: 1px solid #eee;
    text-align: center;
    display: none;
}

.view_foot .nextread p {
    margin: 0 auto;
    width: 200px;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    border-top: solid 1px #dedede;
    border-bottom: solid 1px #dedede;
}

.view_foot .nextread p a {
    color: #19e;
}

.view_foot .nextread i {
    display: inline-block;
    margin-top: 20px;
    width: 15px;
    height: 15px;
    background: url(../img/home.png) no-repeat -55px -157px;
    cursor: pointer;
}

.view_foot .payread h3,
.view_foot .readover h3 {
    font-size: 14px;
    color: #555;
}

.view_foot .payread p,
.view_foot .readover p {
    line-height: 50px;
    font-size: 14px;
    color: #666;
}

.view_foot .payread p span,
.view_foot .readover p span {
    color: #ed4702;
    margin: 0 4px;
}

.view_foot .payread p s,
.view_foot .readover p s {
    padding: 0 4px;
}

.view_foot .payread a,
.view_foot .readover a {
    display: inline-block;
    padding: 6px 30px;
    font-size: 14px;
    color: #fff;
    background: #19e;
    border-radius: 5px;
}

.view_foot .payread a:hover,
.view_foot .readover a:hover {
    background: #0d66a5;
}

.view_foot .payread a.vip,
.view_foot .readover a.vip {
    background-color: #E0493C;
}

.view_foot .payread a.vip:hover,
.view_foot .readover a.vip:hover {
    background-color: #BB2A2A;
}

.view_user {
    padding-top: 70px;
}

.view_user img {
    float: left;
    margin-right: 15px;
    padding: 3px;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #ccc;
    overflow: hidden;
}

.view_user a {
    display: block;
    line-height: 35px;
}

.view_user p {
    line-height: 30px;
}

.view_user p span {
    color: #ff7324;
    padding: 0 5px;
}

.view_short {
    margin-top: 20px;
    clear: both;
}

.view_short span {
    margin: 10px;
    font-size: 15px;
    color: #333;
}

.view_short h2 {
    padding: 10px;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
    color: #888;
    background: #fff;
}

.link_docs {
    margin-top: 30px;
}

.link_docs h3 {
    color: #666;
    line-height: 40px;
    font-weight: normal;
    border-bottom: 1px solid #dfdfdf;
}

.link_docs div {
    height: 40px;
    line-height: 40px;
}

.link_docs div a {
    display: inline-block;
    width: 195px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.link_docs div a i {
    margin-right: 2px;
}

.link_docs div span {
    float: right;
    max-width: 50px;
    color: #999;
}

.link_docs div span i {
    padding-left: 22px;
    background: url(../img/home.png) no-repeat 0 -187px;
}

.view_keys {
    margin-top: 30px;
}

.view_keys h3 {
    color: #666;
    line-height: 40px;
    font-weight: normal;
    border-bottom: 1px solid #dfdfdf;
}

.view_keys div {
    padding-top: 5px;
}

.view_keys a {
    display: inline-block;
    margin: 5px;
    padding: 0 4px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.user_comment {
    margin-top: 30px;
}

.user_comment>div {
    overflow: hidden;
}

.user_comment>div>h3 {
    height: 40px;
    line-height: 40px;
    color: #666;
    font-weight: normal;
}

.user_comment>div>textarea {
    width: 256px;
    height: 80px;
}

.user_comment>div>.csubmit {
    float: right;
    margin-top: 5px;
    padding: 4px 12px;
    color: #fff;
    border: none;
    background-color: #E6453A;
}

.user_comment>div>.csubmit:hover {
    background-color: #A6150B;
}

.user_comment ul {
    margin-top: 20px;
    padding: 15px 0;
}

.user_comment ul li {
    margin: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}

.user_comment .comment_head {
    height: 50px;
    color: #888;
}

.user_comment .comment_head img {
    margin-right: 15px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    float: left;
}

.user_comment .comment_head a {
    display: block;
    line-height: 25px;
}

.user_comment .comment_head span {
    line-height: 25px;
}

.user_comment .comment_body {
    margin: 10px auto auto 65px;
}

.comment_foot {
    margin: 10px 0;
    padding-left: 200px;
}

.comment_foot .comment_up {
    display: inline-block;
    color: #888;
    cursor: pointer;
}

.comment_foot .comment_up i {
    padding-left: 20px;
    background: transparent url(../img/home.png) no-repeat 0 -386px;
}

.comment_foot .comment_up:hover i,
.comment_foot .comment_up.active i {
    background: transparent url(../img/home.png) no-repeat -32px -386px;
}

.comment_foot .comment_del i {
    margin-left: 5px;
    line-height: 0px;
    color: #888;
    font-size: 20px;
    cursor: pointer;
}

.comment_foot .comment_del i:hover {
    color: #EF412A;
}

/*浮窗*/
.view_share {
    position: fixed;
    top: 60%;
    margin-left: 900px;
    cursor: pointer;
}

.view_share>a {
    float: left;
}

.view_share>a {
    padding: 20px 20px;
    background: url(../img/home.png) no-repeat 0 -481px;
}

.view_share:hover>a {
    padding: 20px 20px;
    background: url(../img/home.png) no-repeat -45px -481px;
}

.view_share ul {
    display: none;
    float: left;
    padding: 5px;
    margin-top: -102px;
    background-color: #fff;
    border: #eaeaea solid 1px;
    border-radius: 5px;
}

.view_share:hover>ul {
    display: block;
}

.view_ad {
    margin-top: 30px;
}

.view_ad img {
    width: 100%;
}

.view_toolbar {
    position: fixed;
    height: 50px;
    line-height: 50px;
    width: 100%;
    bottom: 0;
    z-index: 777;
    font-size: 14px;
    color: #666;
    background-color: #f3f1f1;
    border-top: solid 1px #ddd;
}

.view_toolbar .full,
.view_toolbar .large,
.view_toolbar .small {
    margin-right: 25px;
    padding-left: 25px;
    cursor: pointer;
}

.view_toolbar .full {
    background: url(../img/home.png) no-repeat 0 -574px;
}

.view_toolbar .full:hover {
    background: url(../img/home.png) no-repeat -34px -574px;
}

.view_toolbar .large {
    background: url(../img/home.png) no-repeat 0 -548px;
}

.view_toolbar .large:hover {
    background: url(../img/home.png) no-repeat -34px -548px;
}

.view_toolbar .small {
    background: url(../img/home.png) no-repeat 0 -522px;
}

.view_toolbar .small:hover {
    background: url(../img/home.png) no-repeat -34px -522px;
}

.view_toolbar .prev {
    margin-left: 250px;
    cursor: pointer;
}

.view_toolbar .prev:hover {
    color: #19e;
}

.view_toolbar .cpage {
    margin-left: 8px;
    padding-right: 3px;
    width: 38px;
    border: 1px solid #ccc;
    text-align: right;
}

.view_toolbar .cpage:hover {
    border: 1px solid #19e;
}

.view_toolbar .pcount {
    padding-left: 1px;
}

.view_toolbar .next {
    margin-left: 3px;
    cursor: pointer;
}

.view_toolbar .downpay {
    float: right;
    margin-right: 5px;
    color: #f00;
}

/* .view_toolbar .downpay i {
    padding-left: 18px;
    background: url(../img/home.png) no-repeat 0 3px;
} */

.view_toolbar .downpay s {
    padding-right: 10px;
    color: #888;
}

.view_toolbar .download,
.view_toolbar .download2,
.view_toolbar .nodown {
    display: inline-block;
    margin-top: 10px;
    padding-left: 10px;
    width: 90px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background-color: #f5770d;
    border-radius: 3px;
    cursor: pointer;
    float: right;
}

.view_toolbar .nodown{
    background-color: #f00;
    cursor: default;
}

.view_toolbar .download i,
.view_toolbar .download2 i,
.view_toolbar .nodown i {
    padding-left: 20px;
    background: url(../img/home.png) no-repeat -29px -216px;
}

.view_toolbar .download:hover,
.view_toolbar .download2:hover {
    background-color: #f54715;
}

/*搜索*/
.search_left {
    width: 900px;
    float: left;
}

.search_right {
    margin-top: 50px;
    width: 280px;
    float: right;
}

.search_type {
    overflow: hidden;
}

.search_type ul {
    float: left;
}

.search_type li {
    float: left;
    padding: 5px;
    width: 80px;
    color: #666;
    text-align: center;
    cursor: pointer;
}

.search_type li.active {
    color: #fff;
    background: #106eee;
}

.search_type li:hover {
    color: #19e;
}

.search_sort {
    height: 40px;
    background-color: #fff;
    margin-top: 20px;
    line-height: 40px;
    overflow: hidden;
}

.search_sort ul li {
    float: left;
    width: 100px;
    text-align: center;
}

.search_sort ul a {
    display: inline-block;
    padding-right: 10px;
    width: 60px;
    font-size: 14px;
    color: #666;
}

.search_sort ul a i {
    padding-left: 20px;
}

.search_sort ul a:hover,
.search_sort ul a.active {
    color: #1a8fee;
}

.search_sort ul a:hover i,
.search_sort ul a.active i {
    background: url(../img/home.png) no-repeat 8px -302px;
}

.search_sort div>a {
    display: block;
    margin: 12px 3px 0 0;
    width: 20px;
    height: 15px;
    line-height: 10px;
    font-size: 20px;
    border: solid 1px #aaa;
    text-align: center;
    float: right;
}

.search_sort div>a:hover {
    border: solid 1px #19e;
}

.search_list {
    margin: 10px 0;
}

.search_list>ul>li {
    padding: 10px 20px;
    background-color: #fff;
    border-bottom: 1px solid #efefef;
}

.search_list .title h2 {
    display: inline;
}

.search_list .title a {
    margin-left: 8px;
    font-size: 16px;
    font-weight: normal;
}

.search_list .short {
    margin-top: 10px;
    line-height: 25px;
    max-height: 50px;
    color: #888;
}

.search_list .info {
    margin-top: 10px;
    line-height: 25px;
    overflow: hidden;
}

.search_list .info li {
    margin-right: 40px;
    color: #888;
    float: left;
}

.search_list .info .li1 a {
    display: block;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search_list .info .li1 .fa {
    padding-right: 6px;
    color: #19e;
    font-size: 15px;
}

.search_list .info .li4 .fa {
    padding-right: 3px;
    color: #888;
    font-size: 16px;
}

.search_list>ul>li>p {
    padding: 25px 0;
    color: #F85707;
    font-size: 20px;
    text-align: center;
}

.search_list .short p {
    display: inline;
    word-break: break-all;
}

/* about */
.about_left {
    width: 220px;
    float: left;
}

.about_right {
    width: 960px;
    float: right;
    overflow: hidden;
}

.about_left ul {
    border-bottom: 1px solid #eee;
}

.about_left p {
    display: block;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    color: #333;
    background: #eee;
    border-top: 1px solid #eee;
}

.about_left a {
    display: block;
    padding: 0 50px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    border-top: 1px solid #eee;
    cursor: pointer;
}

.about_left a.active {
    color: #f60;
    border-right: 3px solid #f60;
}

.footer {
    margin-top: 40px;
    padding: 40px 0;
    background-color: #323c45;
}

.footer_a {
    width: 20%;
    float: left;
}

.footer_a>img {
    width: 175px;
    height: 65px;
}

.footer_a>div {
    margin-top: 5px;
}

.footer_a>div>img {
    width: 80px;
    height: 80px;
    float: left;
}

.footer_a>div span {
    padding: 22px 10px;
    font-size: 12px;
    color: #b4bbc1;
    float: left;
}

.footer_b {
    width: 50%;
    float: left;
}

.footer_b li {
    margin-left: 30px;
    width: 120px;
    float: left;
}

.footer_b li p {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #b4bbc1;
    font-weight: bold;
}

.footer_b li a {
    display: block;
    line-height: 30px;
    font-size: 14px;
    color: #b4bbc1;
}

.footer_b li a:hover {
    color: #19e;
}

.footer_c {
    width: 25%;
    float: right;
}

.footer_c>p {
    margin-top: 12px;
    width: 74px;
    color: #b4bbc1;
    font-size: 18px;
    border-bottom: 1px solid #d9dcde;
}

.footer_c ul {
    margin-top: 10px;
    margin-left: -30px;
}

.footer_c li {
    margin-left: 30px;
    float: left;
}

.footer_c li p {
    line-height: 30px;
    font-size: 14px;
    color: #b4bbc1;
}

.zub {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #999;
    background-color: #333;
    text-align: center;
}

.zub p {
    float: left;
}

.zub strong {
    font-weight: normal;
}

.zub span span {
    cursor: pointer;
}

/*login*/
.login {
    background: url(../img/loginbg.png) no-repeat;
    min-width: 1200px;
    width: 100%;
    background-size: 100% 100%;
}

.login_bg {
    float: left;
    width: 523px;
    height: 577px;
    background: url(../img/loginbg_t.png) no-repeat;
}

.login_left {
    margin-top: 50px;
    min-width: 400px;
    float: right;
}

.login_input,
.login_erweima {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 3px 1px rgba(198, 201, 208, 0.5);
    overflow: hidden;
}

.login_erweima {
    background-color: #ebecec;
    display: none;
}

.change_ewm {
    position: absolute;
    width: 52px;
    height: 52px;
    right: 1px;
    top: 0px;
    background: url(../img/home.png) no-repeat 0 -602px;
    cursor: pointer;
}

.change_ewmtip {
    position: absolute;
    width: 96px;
    height: 21px;
    top: 3px;
    right: 50px;
    background: url(../img/erweima-tip.png) no-repeat;
}

.change_ewm2 {
    position: absolute;
    width: 52px;
    height: 48px;
    right: 1px;
    top: 0px;
    background: url(../img/home.png) no-repeat 0 -664px;
    cursor: pointer;
}

.change_ewmtip2 {
    position: absolute;
    width: 120px;
    height: 21px;
    top: 3px;
    right: 50px;
    background: url(../img/account-tip.png) no-repeat;
}

.login_input>ul {
    margin-top: 20px;
    border-bottom: solid 1px #eee;
    overflow: hidden;
}

.login_input>ul li {
    float: left;
    text-align: center;
    width: 50%;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600;
    color: #545454;
    border-bottom: solid 3px #fff;
    cursor: pointer;
}

.login_input .line {
    position: absolute;
    top: 72px;
    width: 138px;
    height: 2px;
    background: #f60;
    left: 16%;
    bottom: -1px;
    margin-left: -35px;
    transition: all .3s;
}

.login_input ul li.active {
    color: #19e;
    cursor: pointer;
}

.dipay_form,
.login_form,
.register_form {
    margin: 25px 30px;
    display: none;
}

.login_input>.dipay_form {
    display: block;
}

.login_input.userfirst>ul li {
    float: right;
}

.login_input.userfirst>.dipay_form {
    display: none;
}

.login_input.userfirst>.login_form {
    display: block;
}

.login_input form>input {
    display: block;
    margin: 0 auto;
    padding-left: 35px;
    width: 310px;
    height: 35px;
    line-height: 35px;
    color: #666;
    border: solid 1px #ccc;
}

.login_input form>input:focus {
    border: solid 1px #31A5E7;
}

.login_input form>input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 100px white inset;
    -webkit-text-fill-color: #333;
    width: 335px;
    padding-left: 10px !important;
}

.login_input form>span {
    color: #f00;
    line-height: 26px;
    margin-left: 2px;
}

.login_form .auto-forget {
    overflow: hidden;
}

.login_form .auto-forget .ui-checkbox {
    float: left;
}

.login_form .auto-forget .forget {
    display: block;
    color: #19e;
    text-align: right;
    float: right;
}

.login_form .forget:hover {
    color: #0278D7;
}

.login_input .btn {
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    background: #19e;
    letter-spacing: 2px;
    text-align: center;
    cursor: pointer;
}

.login_input .btn:hover {
    background: #106eee;
}

.login_form p {
    margin: 20px 0 10px 0;
    font-size: 16px;
    color: #555;
    font-weight: bold;
    text-align: left;
}

.login_form ul li {
    display: inline-block;
    font-size: 0;
}

.login_form ul img {
    height: 35px;
    width: 35px;
    border-radius: 35px;
}

.register_form .yzm {
    position: relative;
    display: block;
    left: 245px;
    top: -60px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #f60;
    border-left: 1px solid #ddd;
    text-align: center;
    cursor: pointer;
}

.register_form .agree {
    margin-top: -30px;
    color: #888;
    cursor: pointer;
}

.register_form .change_register {
    line-height: 30px
}

.register_form .change_register i {
    margin: 0 3px;
    color: #F54909;
    cursor: pointer;
}

.login_input .inout1 {
    background: transparent url(../img/home.png) no-repeat -73px -808px;
}

.login_input .inout2 {
    background: transparent url(../img/home.png) no-repeat -73px -839px;
}

.register_form .inout3 {
    background: transparent url(../img/home.png) no-repeat -73px -870px;
}

.register_form .inout4 {
    background: transparent url(../img/home.png) no-repeat -73px -896px;
}

.register_form .inout5 {
    background: transparent url(../img/home.png) no-repeat -73px -924px;
}

.login_error,
.register_error {
    color: #f00;
}


.login_form .login_close,
.register_form .register_close {
    font-size: 16px;
    color: #F84407;
    font-weight: bold;
    text-align: center;
}

.login_erweima .title {
    margin: 22px auto;
    width: 330px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-bottom: #f60 solid 2px;
}

.login_erweima .title p {
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

.login_erweima .head {
    width: 40%;
    margin: 30px auto;
    overflow: hidden;
}

.login_erweima .head i {
    margin: 5px 10px 5px 0;
    width: 30px;
    height: 30px;
    float: left;
    background: url(../img/home.png) no-repeat -50px -270px;
}

.login_erweima .header p {
    font-size: 14px;
    color: #666;
}

.login_erweima .head p span {
    color: #fc903b;
}

.login_erweima .app {
    display: block;
    width: 160px;
    height: 160px;
    margin: 0 auto;
}

.login_erweima .foot {
    margin-top: 30px;
    height: 85px;
    line-height: 85px;
    background-color: #e5e6e6;
    text-align: center;
}

.login_erweima .foot p {
    font-size: 14px;
    color: #666;
}

.login_erweima .foot p a {
    color: #106eee;
}

/* pay */
.login_form .register-a,
.register_form .login-a {
    display: block;
    margin-top: 8px;
    margin-right: 8px;
    color: #19e;
    float: right;
}

.login_form .register-a:hover,
.register_form .login-a:hover {
    color: #0278D7;
}

.modal_close i {
    position: absolute;
    left: 6px;
    top: -6px;
    z-index: 1202;
    color: #000;
    font-size: 28px;
    font-style: normal;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    cursor: pointer;
}

.modal_close i:hover {
    color: #f00;
    filter: alpha(opacity=60);
    opacity: .6;
}

.dipay_form>span,
.login_form>span {
    display: block;
    margin-top: 10px;
    height: 35px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.dipay_form>span>i,
.login_form>span>i {
    color: #f00;
}

/*forget*/
.forget_form {
    height: 500px;
    background-color: #fff;
    text-align: center;
}

.forget_form h1 {
    padding-top: 80px;
    font-weight: normal;
}

.forget_form p {
    padding-top: 40px;
    line-height: 50px;
    font-size: 15px;
}

.forget_form .tip {
    height: 80px;
    line-height: 30px;
    font-size: 15px;
    color: #f60;
}

.forget_form .tip i {
    display: block;
    line-height: 30px;
    color: #f60;
}

.forget_form form {
    margin: 0 auto;
    width: 350px;
    text-align: left;
}

.forget_form input {
    padding: 10px;
    width: 328px;
}

.forget_form .ui-btn {
    padding: 10px;
    width: 328px;
    border: 1px solid #2FA3E5;
}

.forget_form span {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #f60;
}

.forget-yzm {
    position: relative;
}

.forget-yzm img {
    position: absolute;
    right: 1px;
    top: 1px;
    height: 39px;
    width: 100px;
}

/*个人中心*/
.center_left {
    width: 200px;
    height: 1191px;
    background-color: #525967;
    text-align: center;
    float: left;
    overflow: hidden;
}

.center_right {
    padding: 20px;
    height: 1151px;
    width: 960px;
    background: #fff;
    float: right;
}

.center_left .user_photo {
    width: 100px;
    height: 100px;
    padding: 3px;
    border-radius: 3px;
    background-color: #fff;
    margin: 20px auto 10px auto;
    overflow: hidden;
}

.center_left .user_photo img {
    width: 100%;
    height: 100%;
}

.center_left .user_name {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}

.center_left .user_name a {
    height: 35px;
    line-height: 35px;
    color: #f60;
}

.center_left .user_vip {
    font-size: 14px;
    line-height: 45px;
}

.center_left .user_vip i {
    padding-right: 18px;
    background: url(../img/home.png) no-repeat -65px 3px;
}

.center_left .user_vip a {
    color: #f00;
}

.center_menu {
    margin-top: 10px;
}

.center_menu li a {
    display: block;
    margin-left: -40px;
    height: 55px;
    line-height: 55px;
    color: #fff;
    font-size: 15px;
    border-bottom: #666 solid 1px;
}

.center_menu li i {
    margin-right: 20px;
    padding: 1px 11px;
}

.center_menu li a:hover,
.center_menu li a.active {
    color: #FF6802;
}

.center_menu .menu1 i {
    background: transparent url(../img/home.png) no-repeat 0 -712px;
}

.center_menu .menu2 i {
    background: transparent url(../img/home.png) no-repeat 0 -712px;
}

.center_menu .menu3 i {
    background: transparent url(../img/home.png) no-repeat 0 -712px;
}

.center_menu .menu4 i {
    background: transparent url(../img/home.png) no-repeat 0 -745px;
}

.center_menu .menu5 i {
    background: transparent url(../img/home.png) no-repeat 0 -782px;
}

.center_menu .menu6 i {
    background: transparent url(../img/home.png) no-repeat 0 -850px;
}

.center_menu .menu7 i {
    background: transparent url(../img/home.png) no-repeat 0 -817px;
}

.center_menu .menu8 i {
    padding: 0;
    /*background: transparent url(../img/home.png) no-repeat 0 -850px;*/
}

.center_menu .menu9 i {
    background: transparent url(../img/home.png) no-repeat 0 -887px;
}

.center_header {
    border-bottom: #eee solid 1px;
    overflow: hidden;
}

.center_header>h4 {
    color: #555;
    line-height: 30px;
}

.center_docsum {
    width: 480px;
    float: left;
}

.center_glod {
    width: 480px;
    float: right;
}

.center_docsum li {
    width: 159px;
    border-right: 1px solid #eee;
    text-align: center;
    float: left;
}

.center_docsum li p {
    margin-top: 10px;
    font-size: 30px;
    font-weight: 600;
    color: #ff6802;
}

.center_docsum li span {
    font-size: 14px;
    color: #666;
}

.center_glod li {
    width: 159px;
    border-right: 1px solid #eee;
    text-align: center;
    float: left;
}

.center_glod li p {
    margin-top: 10px;
    font-size: 30px;
    font-weight: 600;
    color: #19e;
}

.center_glod li span {
    font-size: 14px;
    color: #666;
}

.center_glod li a {
    display: block;
    margin-top: 18px;
    font-size: 14px;
    color: #f00;
}

.center_income {
    padding-left: 30px;
    height: 60px;
    line-height: 60px;
    color: #D71A16;
    float: left;
}

.center_income span {
    padding-left: 5px;
    color: #555;
    border-left: 3px solid #FF6802;
}

.center_mydoc {
    margin-top: 10px;
}

/*任务*/
.growth_taskitem>i {
    padding: 4px 45px;
    background: url(../img/home.png) no-repeat 10px -237px;
    vertical-align: top;
}

.growth_taskitem div {
    display: inline-block;
    padding: 0 0 20px 20px;
    border-left: solid 1px #eee;
}

.growth_taskitem h3 {
    line-height: 30px;
    font-size: 16px;
    color: #333;
}

.growth_taskitem p {
    line-height: 25px;
    font-size: 14px;
    color: #666;
}

.growth_taskitem p a {
    display: inline-block;
    max-width: 500px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

.growth_taskitem p span {
    padding: 0 1px;
    color: #188eee;
}

.growth_taskitem .glod {
    color: #ed4702;
}

.growth_taskitem .btn {
    display: block;
    width: 100px;
    height: 25px;
    line-height: 25px;
    border: solid 2px #188eee;
    color: #188eee;
    border-radius: 5px;
    margin-top: 10px;
    text-align: center;
}

.growth_taskitem .btn:hover {
    background-color: #188eee;
    color: #fff;
}

.promo_info .tui {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #333;
}

.promo_info .tui input {
    border: 1px solid #2C89E5;
    width: 370px;
    color: #666;
}

.promo_info .tui i {
    position: relative;
    padding: 6px 12px;
    color: #fff;
    border-left: none;
    background-color: #2C89E5;
    cursor: pointer;
    top: 1px;
}

.promo_info .tui i:hover {
    color: #fff;
    background-color: #0670D7;
}

.promo_info .tip {
    margin-left: 128px;
    height: 30px;
    line-height: 30px;
}

.promo_list {
    margin-top: 20px;
}

.promo_list p {
    color: #333;
    font-size: 16px;
}

.promo_list table {
    margin-top: 10px;
}

.reward_taskitem {
    margin: 0 0 20px 20px;
    float: left;
    overflow: hidden;
}

.reward_taskitem a {
    display: inline-block;
    width: 220px;
    height: 160px;
    background: #fff url(../img/rewardbg.png) no-repeat 0 0;
}

.reward_taskitem a h5 {
    display: block;
    margin-top: 20px;
    font-size: 25px;
    color: #fff;
    text-align: center;
}

.reward_taskitem a h5 i {
    padding-left: 20px;
    background: url(../img/home.png) no-repeat -82px 9px;
}

.reward_taskitem a p {
    height: 44px;
    padding: 0 10px;
    margin-top: 10px;
    line-height: 22px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.reward_taskitem a span {
    display: block;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #FF6802;
    text-align: center;
    overflow: hidden;
}

/*vip*/
.vip_head {
    line-height: 40px;
    font-size: 20px;
    color: #555;
    border-bottom: 1px solid #eee;
}

.vip_stepzero h3,
.vip_stepone h3,
.vip_steptwo h3,
.vip_stepthr h3 {
    margin-top: 10px;
    line-height: 50px;
    font-size: 18px;
    color: #888;
}

.vip_stepzero>div {
    margin-left: -3px;
}

.vip_stepzero>div>input {
    width: 239px;
}

.vip_stepone>div {
    position: relative;
    display: inline-block;
    margin: 0 0 10px 10px;
    width: 144px;
    height: 144px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #eee;
    cursor: pointer;
}

.vip_stepone>div:hover,
.vip_stepone>div.active {
    color: #1c6;
    border-color: #1c6;
}

.vip_stepone>div.svip:hover,
.vip_stepone>div.svip.active {
    color: #f92;
    border-color: #f92;
}

.vip_stepone>div.active i {
    position: absolute;
    display: block;
    height: 27px;
    width: 27px;
    right: 0;
    bottom: 0;
    background: #fff url(../img/home.png) no-repeat -29px -923px;
}

.vip_stepone>div>ii {
    position: absolute;
    padding: 0 2px;
    font-size: 12px;
    left: 0;
    color: #fff;
    background: #f60;
}

.vip_stepone>div>h5 {
    height: 72px;
    line-height: 72px;
    font-size: 20px;
    color: #fff;
    background: #1c6;
}

.vip_stepone>div.svip>h5 {
    background: #f92;
}

.vip_stepone>div>h5>span {
    margin-left: 5px;
    font-weight: normal;
    font-size: 14px;
}

.vip_stepone>div>h6 {
    height: 72px;
    line-height: 72px;
    font-size: 20px;
    color: #f60;
}

.vip_stepone>div>h6>s {
    margin-left: 5px;
    font-weight: normal;
    font-size: 12px;
    color: #888;
}

.vip_steptwo {
    overflow: hidden;
}

.vip_steptwo div {
    position: relative;
    margin: 0 0 10px 10px;
    width: 250px;
    height: 50px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #eee;
    float: left;
    cursor: pointer;
}

.vip_steptwo div img {
    margin-top: 8px;
}

.vip_steptwo div:hover,
.vip_steptwo div.active {
    color: #1c6;
    border-color: #1c6;
}

.vip_steptwo div.active i {
    position: absolute;
    display: block;
    height: 27px;
    width: 27px;
    right: 0;
    bottom: 0;
    background: #fff url(../img/home.png) no-repeat -29px -923px;
}

.vip_stepthr h3 span {
    color: #F45234;
}

.vip_stepthr h3 tip {
    font-size: 12px;
    font-weight: normal;
    color: #666;
}

.weipayma,
.alipayma {
    position: relative;
    display: inline-block;
    margin: 10px;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #eee;
    cursor: pointer;
}

.weipayma span,
.alipayma span {
    display: block;
    margin-top: 5px;
    height: 15px;
    line-height: 15px;
}

.weipayma img,
.alipayma img {
    width: 170px;
    height: 170px;
}

.weipayma iframe,
.alipayma iframe {
    padding: 17px;
    width: 135px;
    height: 135px;
}

.weipayma span i {
    padding: 5px 15px;
    background: #fff url(../img/home.png) no-repeat 0 -952px;
}

.alipayma span i {
    padding: 5px 15px;
    background: #fff url(../img/home.png) no-repeat -33px -952px;
}

.weipayma ii {
    padding: 0px 5px;
    color: #f60;
}

.alipayma ii {
    padding: 0px 5px;
    color: #f60;
}

.vip_stepthr .olded,
.dipay_form .olded {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 30px;
    background: #000;
    filter: Alpha(opacity=470);
    background-color: rgba(0, 0, 0, 0.7);
    color: #f60;
    font-size: 25px;
    line-height: 170px;
    display: none;
}

.vipfinish p {
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #F38F30;
}

.vipfinish p span {
    color: #f00;
}

.vipfinish>span {
    display: block;
    margin-top: 10px;
    height: 35px;
    line-height: 35px;
    width: 100px;
    border: 1px solid #ccc;
    text-align: center;
}

.cash_stepzero h3,
.cash_steptwo h3,
.cash_stepthr h3 {
    margin-top: 10px;
    line-height: 50px;
    font-size: 18px;
    color: #888;
}

.cash_stepzero>div {
    margin-left: -3px;
}

.cash_stepzero>div>input {
    width: 239px;
}

.cash_steptwo .ui-dropdown-search {
    margin-left: 7px;
}

.cash_steptwo .ui-search {
    width: 416px;
}

.cash_steptwo .ui-search input {
    width: 400px;
}

.vip_stepthr .ui-btn {
    margin-left: 7px;
}

/* group */
.group-info {
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #eee;
    background-color: #39b;
    color: #fff;
}

.group-info span {
    color: #f00;
}

.group-info a {
    color: #fb4a00;
}

/* auth */
.tab_person form,
.tab_company form {
    float: left;
}

.tab_person form a,
.tab_company form a {
    margin-left: 230px;
    width: 100px;
}

.authpic-pre {
    margin-top: 10px;
    margin-left: 200px;
    float: left;
}

.authpic-pre label {
    height: 30px;
    line-height: 30px;
}

.authpic-pre img {
    display: block;
    margin-bottom: 10px;
    width: 220px;
    height: 150px;
    border: 1px solid #ccc;
}

/*user*/
.user-header {
    padding: 30px;
    background: #333;
    overflow: hidden;
}

.user-header .user-photo {
    width: 100px;
    height: 100px;
    padding: 3px;
    border-radius: 3px;
    background-color: #fff;
    float: left;
}

.user-header .user-photo img {
    width: 100%;
    height: 100%;
}

.user-header .user-name {
    margin: 10px auto auto 130px;
    color: #fff;
    font-size: 20px;
}

.user-header .user-info {
    margin: 15px auto auto 100px;
    text-align: center;
    overflow: hidden;
}

.user-header .user-info li {
    float: left;
    width: 100px;
}

.user-header .user-info p {
    color: #daa963;
}

.user-header .user-info span {
    color: #fff;
}

/*Notice*/
.notice {
    font-size: 16px;
    line-height: 30px;
}

.notice h1 {
    font-weight: normal;
    text-align: center;
    line-height: 80px;
}

.notice div {
    text-indent: 31px;
}

.notice h5 {
    font-size: 15px;
    font-weight: normal;
    color: #F92E1D;
    text-align: right;
}

.notice h6 {
    font-size: 14px;
    font-weight: normal;
    text-align: right;
}

/*view*/
.pc {
    position: relative;
    transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
}

.bf {
    position: absolute;
    border: 0;
    margin: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.bi {
    position: absolute;
    border: 0;
    margin: 0;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.c {
    position: absolute;
    border: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: block;
}

.t {
    position: absolute;
    white-space: pre;
    font-size: 1px;
    transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    unicode-bidi: bidi-override;
    -moz-font-feature-settings: "liga"0;
}

.t:after {
    content: '';
}

.t:before {
    content: '';
    display: inline-block;
}

.t span {
    position: relative;
    unicode-bidi: bidi-override;
}

._ {
    display: inline-block;
    color: transparent;
    z-index: -1;
}

::selection {
    background: rgba(49, 142, 253, 0.5);
}

::-moz-selection {
    background: rgba(49, 142, 253, 0.5);
}

.d {
    position: absolute;
    transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
}

.it {
    border: none;
    background-color: rgba(255, 255, 255, 0.0);
}

.ir:hover {
    cursor: pointer;
}