.bg_f {
    background: #FFFFFF
}

.mt10 {
    margin-top: 10px
}

.header {
    color: #333;
    position: relative;
    background: #fff;
    /*background: linear-gradient(to bottom, #22b14c, #22b14c)*/
}

.header:after {
    clear: both;
    content: ""
}

.header .top {
    height: 44px;
    padding: 0 15px;
    line-height: 44px;

    border-bottom: 1px solid #efefef
}

.header .top a {
    color: #333;
    font-size: 14px;
    display: inline-block
}

.header .top .icon-setting {
    padding-left: 22px;
    background-repeat: no-repeat;
    height: 16px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAByUlEQVQ4T62U61XCQBCFCRSAVgBUQIAChA6gArECsQM7ECpQKhAqAAsAYgWkBCwA4ndzdnKWGCSe4/5Jdh537rw2qPzzCX7D63a74yAI7n2bJEnm2+327ZLfr4C9Xu8AQIzzwQHc8G0AeFsKMAzDJobtKIqWgA35fz8ejy3uAq1IX6vV9vyONpvNgnuf/9j0sskYyrhare5IUSzszHEc+2wIpHSzMpDB4XQ6dQw0A8RwgTJEGYqM0sQoKkqN4NIrcARjsV8ReJQxFHUUK0vlUn2K5K5xr5RmQPx1ytCxa1JsRT47rpaPTjhT7fI2gEaUKkY3TAEtCik/ATo1B2sM8o80nSC4y2dhvibPaigFwhd/JJCtBYSs7wKf3V12Gq2JzaYPOIHBM7SzLgsQWYJs8CdAL+UHfwssZcBSZhwxTWfQyoJvSoT7WPKsKQgaCDr5ggtUKbkaTks1xcYGxzOGefCie+HYuOJqsNuaeu5XB5s069h/sl17/pe2UWerx3BrM+rGBIcZNU3TtZNfPeRfDHX4Y/Xk4B6Hpib+wuMQEnRnWyEb/rWhsQW8+nxhqNfFf75a/mjl63r1gdU4+E7Uq7DTpRiW6XLe5hsPsigkD8hQ1wAAAABJRU5ErkJggg==')
}

.header .top .to-manage {
    display: inline-block;
    float: right;
    color: #22b14c;
    }
.header .top .icon-manage {
     padding-left: 22px;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA9ElEQVQ4T82SUQ4BMRCGZ7qcQznBOgHeBIntCcQNHIUbuMGSLPHGEfYE1Al4x45W2FSWh3YrMUnf+n/5Z/4fwfOgZx78B5DHvRCRbYmyjhTr1NzSySGPu5xhkBLAiajalGJxfkGdgFrM40GbMVAuKT1Eq2YB+PzQsglJwSJEDIFovo9WY63NHTaWA7WB++yHyYOVA/VdACrqucxVSrGRb0AXzCeNcyjfDLyvHFRrTk5vl2NhZe+h1Jf9OQKOiOCMCDMbp1kGOymSXSGUF9TslQ34Y8o5FGCmujUpDdQAdc+pann7MExCL0BbiPn/dz0s48rU3gEBilQV7CtYawAAAABJRU5ErkJggg==') no-repeat;
    }
.header .info {
    height: 60px
    ;
    padding:20px;
}

.header .info .face {
    height: 60px;
    width: 60px;
    float: left
}

.header .info .face img {
    width:100% ;
    height: 100%;
    border-radius: 100px;
}

.header .info .user {
    float: left;
    padding-top: 5px;
    line-height: 22px;
    margin-left: 15px
}

.header .info .user a {
    display: block;
    color: #333
}
.header .info a i {
       height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: bottom;
}
.header .info a.id_no {
    display: inline-block;
    color: #f00;
    margin-top: 5px;
    border-radius: 8px;
    font-size: 10px !important;
    line-height: 20px
}
.header .info a.id_yes {
    display: inline-block;
    color: #22b14c;
    margin-top: 5px;
    border-radius: 8px;
    font-size: 10px !important;
    line-height: 20px
}
.header .info a.id_no i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABBElEQVQ4T62UARHCMAxFOwWAA3AyB4ADHAAK2BzMAgrAAUjAAUjYFMD/XNsrXbq2XHO32y5N3pI0SaUKS1WYp5KAb6Xm/DGM+1gAQSAgNZz3ePj+AiEE3vG0cHxIcBEIWKdhUwE1cG59gxEwABvgOBPojLRx9T9AneZNctS6k3C2AuRl9D7wioN1JvAMyC4ERJCimFpJEfYALkZAkJZQPv8Asp1spvajOJCRARpK2TS06Uc3kQFRWX3qpWw14SKUZPJSajhIbcPbp2yy2kannTIlhntEirS3Ehq9BhZSi7i+oynhYWw5HGDDMpix4wgy/S5rOfh1KrK+Ag0eVSct2CjFMfgAAZs5FdB6lJEAAAAASUVORK5CYII=);
}


.header .info a.id_yes i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABd0lEQVQ4T62U31ECMRDGdyP3LFbgYQVXAr6iCFSgdKAVKBWAHWAFwKC8SglXgZwViM8H+bwkHAZIDpghMzf3L/ntl90vy3TiwSfmUSEwHDTLJNKGIA5VYElISAajpDWc+4Q4gQokOO0S84NzIdCXCJ5c4B1gOKhFzOKTmcpF6QBoDsjrpDWJ7XkbQKWMeTHbB8sBBlqq2Eo3gJXRTZ+J748pFAhvs8bHOjVroM6bWPwcAlMQNS8PLmXpIlf5DxzXm0JisA+oYJDo2XmWLNvJ3aRvgqzG1ej2JXt81q/Ar74zn9sBXLDV/85X412tdwMBxNnVFszTHFoAU5xdYLi9Ze01vCoomIbb27SVS8GtpD4ebih0FkVDlx0ikdnJ701nURTdaRtk6oiqPm96baOAxthpzMyX+6ptaodvIIi8xjbQWmQXwwc2MDQLj16+WCsVac93akzFg8eDmoOtSLev0rKaGT5S37NqxrQ4mx7dvg7Jn2/OyTv2H7axzBX9+TxwAAAAAElFTkSuQmCC);

}
.box_bd .num {
    padding-top: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 60px;
    clear: both
}

.box_bd .num a {
    display: block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    position: relative
}

.box_bd .num a span {
    display: block;
    font-size: 12px
}

.box_bd .num a span:first-child {
    font-size:16px;
    font-weight: bold;
    color: #22b14c;
}

.box_bd .num a span:last-child {
    padding-top: 12px
}

.box_bd .num a:after {
    content: '';
    width: 0px;
    display: block;
    border-right: 1px solid #ddd;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: none
}

.box_hd {
    height: 45px;
    line-height: 45px;
    padding-left: 10px
}

.box_hd span {
    font-size: 12px;
    color: #7C7C7C
}

.box_bd .my_section {
    position: relative
}
.my_section .head {
    position: relative;
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    padding: 0 10px
}

.my_section a.head:after {
    content: '\20';
    border-color: #999;
    width: 8px;
    height: 8px;
    right: 10px;
    margin-top: -5px;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    position: absolute;
    top: 50%;
    border-top: 1px solid #7d7d7d;
    border-left: 1px solid #7d7d7d;
    background: 0 0;
}
.box_bd .my_section .head {
    padding-left: 35px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 0 center;
    margin: 0 15px;
    color: #000000;
    border-bottom: 1px solid #eee
}

.box_bd .my_section .head .help-text {
    font-size: 10px;
    color: #888;
    float: right;
    margin-right: 15px
}

.i-1 {
    background-image: url('../img/my/my-1.png')
}

.i-2 {
    background-image: url('../img/my/my-2.png')
}

.i-3 {
    background-image: url('../img/my/my-3.png')
}

.i-4 {
    background-image: url('../img/my/my-4.png')
}

.i-5 {
    background-image: url('../img/my/my-5.png')
}

.i-6 {
    background-image: url('../img/my/my-6.png')
}

.i-7 {
    background-image: url('../img/my/my-7.png')
}
.i-8 {
    background-image: url('../img/my/my-8.png')
}
.i-9 {
    background-image: url('../img/my/my-9.png')
}

.i-11 {
    background-image: url('../img/my/my-11.png')
}
.box_bd .my_section:before {
    content: '';
    height: 0px;
    display: block;
    border-bottom: 1px solid #ddd;
    position: absolute;
    left: 0;
    top: 0;
    right: 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .box_bd .my_section:before {
        -webkit-transform: scaleY(0.5);
        -webkit-transform-origin: 50% 100%
    }

}

.quickNav {
    background: #FFFFFF;
    overflow: hidden
}

.quickNav div {
    position: relative;
    width: 33.33%;
    height: 76px;
    float: left;
    text-align: center
}

.quickNav div:before {
    content: '';
    width: 0px;
    display: block;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0
}

.quickNav div:after {
    content: '';
    height: 0px;
    display: block;
    border-bottom: 1px solid #ddd;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.quickNav div span {
    display: block;
    padding-top: 12px;
    font-size: 12px
}

.quickNav div i {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 20px 20px
}

.quickNav div i.o-1 {
    background-image: url(../img/my/o-1.png)
}

.quickNav div i.o-2 {
    background-image: url(../img/my/o-2.png)
}

.quickNav div i.o-3 {
    background-image: url(../img/my/o-3.png)
}

.quickNav div i.o-4 {
    background-image: url(../img/my/o-4.png)
}

.quickNav div i.o-5 {
    background-image: url(../img/my/o-5.png)
}

.quickNav div i.o-6 {
    background-image: url(../img/my/o-6.png)
}

.my_info {
}

.my_info .single_face {
    height: auto;
    padding: 8px 0;
    overflow: hidden
}

.my_info .single_face .head {
    height: 50px;
    line-height: 50px
}

.my_info .face {
    float: right;
    margin-right: 20px
}

.my_info .input-info-page {
    display: none;
    margin-top: 10px
}

.my_info .input-info-page .item {
    position: relative;
    background: #FFFFFF;
    padding: 0 15px;
    overflow: hidden
}

.my_info .input-info-page .item:after {
    content: '';
    height: 0px;
    display: block;
    border-bottom: 1px solid #f3f5f7;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.my_info .text {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

.my_info .textarea {
    height: 150px;
    line-height: 22px;
    padding: 10px 0;
    resize: none
}

.my_info .input-info-page .item .tit {
    width: 60px;
    float: left;
    height: 35px;
    line-height: 35px;
    font-size: 13px
}

.my_info .input-info-page .item .phone {
    width: 150px;
    float: left;
    height: 35px;
    line-height: 35px;
    font-size: 12px
}

.my_info .input-info-page .item .get_code {
    float: right;
    height: 28px;
    line-height: 28px;
    background: #0095DF;
    color: #FFFFFF;
    padding: 0 15px;
    margin-top: 3px;
    font-size: 12px;
    border-radius: 3px
}

.my_info .input-info-page .item span.disable {
    background: #CDCDCD;
    color: #A7A6A6
}

.my_info .input-info-page .email_tip1 {
    font-size: 14px;
    color: #000000;
    padding: 15px
}

.my_info .input-info-page .email_tip1 span {
    font-size: 16px
}

.my_info .input-info-page .email_tip2 {
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    background: #F2EEC0;
    color: #000000;
    font-size: 12px
}

.my_info .input-info-page .link {
    color: #149DE2
}

.setting_out {
    background: #ffffff
}

.setting_out a {
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #B5B5B5;
    display: block
}

body.pzList {
    background-color: #efeff4
}

.pz_full {
    text-align: center;
    padding-top: 80px
}

.pz_full img {
    width: 148px
}

.pz_full p {
    font-size: 13px;
    color: #999;
    padding: 25px 0 40px
}

.pz_full a {
    display: inline-block;
    padding: 14px 30px;
    color: #fff;
    font-size: 13px;
    margin: 0 auto;
    background: #22b14c;
    border-radius: 5px
}

.pz_full a:active {
    background-color: #ddd
}

.pz_list_Ul {
    overflow: hidden;
}

.pz_list_Ul li {
    overflow: hidden;
    position: relative;
    padding: 5px 12px 10px
}

.pz_list_Ul li b {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 7px;
    top: 0
}
.pz_list_Ul li.empty {
    padding: 10px 0;
}
.pz_list_Ul li.do_f b {
    background: url(../img/other/pz_11.png) no-repeat left / 60px 60px
}

.pz_list_Ul li.do_i b {
    background: url(../img/other/pz_12.png) no-repeat left / 60px 60px
}

.pz_list_Ul li.do_w b {
    background: url(../img/other/pz_13.png) no-repeat left / 60px 60px
}

.pz_list_Ul li.do_y b {
    background: url(../img/other/pz_14.png) no-repeat left / 60px 60px
}

.pz_list_Ul li.do_a b {
    background: url(../img/other/pz_15.png) no-repeat left / 60px 60px
}

.pz_list_Ul li.do_s b {
    background: url(../img/other/pz_16.png) no-repeat left / 60px 60px
}

.pz_list_Ul li a {
    display: block;
    width: 100%;
    overflow: hidden
}
.pz_list_Ul li.empty a {
width: auto;
display: inline-block;
}

.pz_list_Ul li a .l {
    width: 105px;
    position: absolute;
    left: 10px;
    top: 5px
}

.pz_list_Ul li.pay_y a .l {
    background-color: #ff9933
}

.pz_list_Ul li.pay_y a:active .l {
    background-color: #d9822b
}

.pz_list_Ul li.pay_n a .l {
    background-color: #22b14c
}

.pz_list_Ul li.pay_n a:active .l {
    background-color: #0081c4
}

.pz_list_Ul li a .l i {
    display: block;
    width: 5px;
    height: 200px;
    float: left
}

.pz_list_Ul li.pay_y a .l i {
    background: url(../img/other/xf_bian_01.png) no-repeat 0 0 / 5px 200px
}

.pz_list_Ul li.pay_y a:active .l i {
    background: url(../img/other/xf_bian_01_on.png) no-repeat 0 0 / 5px 200px
}

.pz_list_Ul li.pay_n a .l i {
    background: url(../img/other/xf_bian_02.png) no-repeat 0 0 / 5px 200px
}

.pz_list_Ul li.pay_n a:active .l i {
    background: url(../img/other/xf_bian_02_on.png) no-repeat 0 0 / 5px 200px
}

.pz_list_Ul li a .l .y_k {
    display: block;
    width: 78px;
    height: 90px;
    margin: 6px 5px;
    float: left;
    border-radius: 5px;
    padding: 0 2px
}

.pz_list_Ul li.pay_y a .l .y_k {
    border: 1px solid #ffce9d
}

.pz_list_Ul li.pay_n a .l .y_k {
    border: 1px solid #7acaf4
}

.pz_list_Ul li a .l u {
    display: block;
    width: 1px;
    float: left;
    background: url(../img/other/xuXian_2.png) no-repeat 0 0 / 1px 140px;
    float: left
}

.pz_list_Ul li a .l .y_k p {
    color: #FFF;
    text-align: center
}

.pz_list_Ul li a .l .y_k p.fee_num {
    display: block;
    font-size: 15px;
    height: 16px;
    line-height: 16px
}

.pz_list_Ul li a .l .y_k p.fee_name {
    display: block;
    font-size: 11px;
    line-height: 16px;
    padding-top: 2px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.pz_list_Ul li a .l .y_k p.fee_null {
    display: block;
    font-size: 15px;
    height: 22px;
    line-height: 22px
}

.pz_list_Ul li a .r {
    padding-left: 102px;
    overflow: hidden
}

.pz_list_Ul li.pay_y a .r .k {
    overflow: hidden;
    border: 1px solid #ffc082;
    padding-bottom: 6px;
    min-height: 70px;
    background-color: #FFF
}

.pz_list_Ul li.pay_y a:active .r .k {
    overflow: hidden;
    border: 1px solid #d9822b
}

.pz_list_Ul li.pay_n a .r .k {
    overflow: hidden;
    border: 1px solid #80d3ff;
    padding-bottom: 6px;
    min-height: 70px;
    background-color: #FFF
}

.pz_list_Ul li.pay_n a:active .r .k {
    overflow: hidden;
    border: 1px solid #0081c4
}

.pz_list_Ul li a .r .k h3 {
    font-weight: normal;
    padding: 5px 5px 0 5px;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left
}

.pz_list_Ul li a .r .k p {
    padding: 0 5px;
    line-height: 18px;
    color: #666;
    font-size: 11px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left
}

.pz_list_Ul .wrap {
    overflow: hidden;
    padding: 0
}

.pz_list_Ul .wrap .top {
    height: 38px;
    line-height: 45px;
    color: #888;
    font-size: 12px;
    padding-left: 12px
}

.pz_list_Ul .wrap .list {
    height: 120px;
    background: #fff;
    border-bottom: 1px solid #efeff4
}

.pz_list_Ul .wrap .list a {
    display: block;
    padding: 15px 12px;
    height: 90px;
    width: auto
}

.pz_list_Ul .wrap .list .left {
    width: 90px;
    height: 90px;
    float: left
}

.pz_list_Ul .wrap .list .left img {
    width: 90px;
    height: 90px
}

.pz_list_Ul .wrap .list .right {
    height: 90px;
    padding-left: 102px;
    position: relative
}

.pz_list_Ul .wrap .list .right h3 {
    font-size: 16px;
    color: #000;
    padding-top: 2px;
    font-weight: normal;
    line-height: 23px;
    height: 47px;
    margin-bottom: 5px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.pz_list_Ul .wrap .list .right table td {
    font-size: 14px;
    color: #aaa;
    position: absolute;
    left: 102px;
    line-height: 18px;
    bottom: 0;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.pz_list_Ul .wrap .list .right .money {
    font-size: 18px;
    height: 20px;
    padding-left: 12px;
    color: #ff9933;
    position: absolute;
    right: 0px;
    bottom: 0
}

.pz_list_Ul .wrap .no_img {
    height: auto
}

.pz_list_Ul .wrap .no_img a {
    height: auto;
    padding: 10px 12px 15px
}

.pz_list_Ul .wrap .no_img .right {
    padding: 0;
    height: auto
}

.pz_list_Ul .wrap .no_img .right h3 {
    height: auto
}

.pz_list_Ul .wrap .no_img .right table td {
    left: 0;
    position: relative
}

.pz_list_Ul .wrap .bottom {
    height: 28px;
    font-size: 14px;
    background: #fff;
    padding: 8px 12px;
    line-height: 28px
}

.pz_list_Ul .wrap .bottom span {
    color: #aaa;
    display: inline-block
}

.pz_list_Ul .wrap .bottom a {
    height: 28px;
    text-align: center;
    color: #fff;
    padding: 0 15px;
    display: inline-block;
    background: #ff9933;
    border-radius: 3px;
    float: right;
    width: auto
}

.pz_list_Ul .wrap .bottom .back_blue {
    background-color: #22b14c
}

.pz_list_Ul .wrap .bottom .back_white {
    padding: 0;
    color: #000;
    background-color: #fff
}

.order_confirm_title {
    height: 120px;
    font-size: 16px;
    color: #fff;
    position: relative;
    padding: 30px 0 0 50px;
    background: #22b14c url(../img/other/order_confirm_bg.png) no-repeat center center;
    background-size: 100% 110%;
}

.order_confirm_title span {
    display: block;
    font-size: 12px;
    padding-top: 10px
}

.order_confirm_title i {
    position: absolute;
    left: 12px;
    top: 26px
}

.order_confirm_title i img {
    width: 24px
}

.order_confirm_con {
    height: 52px;
    line-height: 52px;
    font-size: 15px;
    color: #666;
    text-align: center;
    background: #f2f2f2
}

.order_confirm_con span {
    border-top: 1px solid #aaa;
    width: 30px;
    height: 4px;
    display: inline-block
}

.order_confirm_list {
    overflow: hidden
}

.order_confirm_list .list_li {
    margin-bottom: 10px;
    background: #fff
}

.order_confirm_list .list_li a {
    padding: 10px 12px 16px;
    display: block
}

.order_confirm_list .list_li h2 {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: normal;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.order_confirm_list .list_li img {
    width: 90px;
    height: 90px;
    float: right;
    margin-top: 10px
}

.order_confirm_list .list_li .box {
    margin: 10px 100px 0 0;
    height: 90px;
    position: relative
}

.order_confirm_list .list_li .box div {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}

.order_confirm_list .list_li .box .txt {
    font-size: 12px;
    line-height: 18px;
    color: #b3b3b3;
    padding: 0 0 5px 18px;
    background: url(../img/other/order_confirm_time.png) no-repeat left 3px;
    background-size: 12px
}

.order_confirm_list .list_li .box .map {
    background: url(../img/other/order_confirm_map.png) no-repeat 1px 3px;
    background-size: 11px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.order_confirm_list .list_li .box .sf {
    font-size: 12px;
    color: #ff9933;
    border-radius: 3px;
    padding: 2px 5px;
    border: 1px solid #ff9933;
    display: inline-block
}

.order_confirm_list .list_li .box .mf {
    font-size: 12px;
    color: #59b85e;
    border-radius: 3px;
    padding: 2px 5px;
    border: 1px solid #59b85e;
    display: inline-block
}

.order_confirm_list .list_li .box span {
    font-size: 12px;
    color: #b3b3b3;
    float: right
}

.order_confirm_list .list_li .box i {
    font-size: 18px;
    color: #da4643;
    font-style: normal
}

.zuji {
    font-size: 14px;
    padding: 15px;
}

.zuji .item {
    overflow: hidden
}

.zuji .r_1 {
    height: 22px;
    line-height: 22px
}

.zuji .r_2 {
    margin-left: 35px;
    height: 50px;
    line-height: 18px;
    padding-top: 5%;
     border-left: 2px solid #22b14c;
    padding-left: 14px
}

.zuji .date {
    width: 70px;
    background: #22b14c;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    margin-right: 5px;
    font-size:12px;
}

.zuji .desc {
    color: #666;
    font-size: 14px;
    line-height: 22px;
}

.zuji .title {
    font-size: 14px;
    color: #222;
    display: block;

}

.follow {
    font-size: 12px
}

.follow .hd {
    height: 40px;
    padding-left: 15px;
    line-height: 40px
}

.follow .hd span {
    font-size: 16px;
    color: #22b14c
}

.follow .item {
    position: relative;
    padding: 20px 15px;
    background: #FFFFFF;
    overflow: hidden;
    display: block;
    border-bottom: 1px solid #f3f5f7
}

.follow .item .face {
    float: left;
    width: 50px;
    height: 50px
}

.follow .item .face img {
    width: 100%;
    height: 100%;
    border-radius: 100px
}

.follow .item .info {
    margin-left: 75px
}

.follow .item .info .name {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 5px;
    color: #2b2b2b
}

.follow .item .info .desc {
    font-size: 14px;
    line-height: 16px;
    max-height: 16px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666
}

.follow .item .info .count {
    font-size: 12px;
    line-height: 16px;
    color: #8c8c8c;
    margin-top: 5px;
}

.follow .item .info .count span {
    display: inline-block;
    margin-right: 25px
}

.follow .item .oper {
    position: absolute;
    right: 15px;
    top: 20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-image: url('../img/other/ico-oper.png');
    text-indent: -999px;
    background-size: 20px 20px
}

.follow .item .follow_oper {
    position: absolute;
    right: 15px;
    top: 20px;
    height: 22px;
    width: 60px;
    text-align: center;
    line-height: 22px;
    color: #22b14c;
    border: 1px solid #22b14c;
    font-size: 12px;
}

.fans {
    font-size: 12px
}

.fans .hd {
    height: 40px;
    line-height: 40px;
    padding-left:15px;
}

.fans .hd span {
    font-size: 16px;
    color: #22b14c
}

.fans .item {
    display: block;
    background: #FFFFFF;
    overflow: hidden;
    clear: both;
    border-bottom: 1px solid #f3f5f7;
    padding: 20px 15px;
}

.fans .face {
    width: 50px;
    height: 50px;
    float: left;
}

.fans .face img {
    width: 100%;
    height: 100%;
    border-radius: 100px;
}

.fans .name {
    font-size: 15px;
    margin-left: 75px;
    color: #000000;
    line-height: 26px;
    margin-bottom:5px;
}

.fans .desc {
    margin-left: 75px;
    font-size: 12px;
    color: #6c6c6c;
    line-height: 16px
}

.message {
}

.message .head {
    padding-left: 35px;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 0 center;
    margin: 0 10px;
    color: #000000
}

.mess-1 {
    background-image: url('../img/message/mess-1.png')
}

.mess-2 {
    background-image: url('../img/message/mess-2.png')
}

.mess-3 {
    background-image: url('../img/message/mess-3.png')
}

.mess-4 {
    background-image: url('../img/message/mess-4.png')
}

.mess-list {
    margin: 0 15px
}

.mess-list .time {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #B3B3B3;
    font-size: 12px
}

.mess-list .item {
    margin-bottom: 10px
}

.mess-list .item>div {
    background: #FFFFFF;
    padding: 8px
}

.mess-list .tit {
    font-size: 16px;
    color: #22b14c;
}

.mess-list .tit-1 {
    color: #074583
}

.mess-list .tit-2 {
    color: #0975C3
}

.mess-list .tit-3 {
    color: #FF9C00
}

.mess-list .tit-4 {
    color: #999999
}

.mess-list .content {
    font-size: 14px;
    color: #000000;
    line-height: 18px;
    border-top: 1px dotted #D2D2D5;
    margin-top: 10px;
    padding-top: 10px
}

.mess-list .item .ft {
    height: 24px;
    line-height: 24px;
    position: relative;
    display: block;
    font-size: 14px;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #F7F7F7
}

.mess-list .ft:after {
    content: '\20';
    border-color: #999;
    width: 8px;
    height: 8px;
    right: 10px;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    position: absolute;
    top: 50%;
    border-top: 1px solid #7d7d7d;
    border-left: 1px solid #7d7d7d;
    background: 0 0
}

.mess-inte-list {
}

.mess-inte-list .face {
    position: relative;
    float: left
}

.mess-inte-list .face img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden
}

.mess-inte-list .row-1 {
    margin-left: 50px;
    position: relative
}

.mess-inte-list .row-1 h5 {
    font-size: 14px;
    height: 24px;
    line-height: 20px
}

.mess-inte-list .row-1 span {
    font-size: 12px;
    display: inline-block;
    height: 16px;
    line-height: 14px;
    color: #A3A3A3
}

.mess-inte-list .row-1 .con {
    font-size: 14px;
    background: #F8F8F8;
    padding: 10px;
    border-radius: 5px
}

.mess-inte-list .row-1 .de {
    position: absolute;
    right: 0;
    top: 10px;
    color: #36AEEE;
    font-size: 14px
}

.mess-inte-list .row-2 {
    border-top: 1px solid #E2E2E2;
    padding-top: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #9C9C9C;
    font-size: 14px
}

.mess-inte-list .arrow-up {
    margin-left: 15px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #f8f8f8
}

.pub_list {
    margin: 10px
}

.pub_list .hd {
    line-height: 26px;
    height: 24px;
    font-size: 12px;
    padding-bottom: 8px;
    color: #767676
}

.pub_list .hd em {
    color: #000000;
    font-size: 16px
}

.pub_list .bd {
}

.pub_list .bd li {
    background: #FFFFFF;
    padding: 8px;
    margin-bottom: 10px;
    border-radius: 3px;
    overflow: hidden;
    clear: both
}

.pub_list .bd .title {
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 10px;
    line-height: 20px
}

.pub_list .bd .desc {
    font-size: 12px;
    color: #A2A2A2
}

.pub_list .bd .bot {
    border-top: 1px solid #EEEEEE;
    margin-top: 10px;
    padding-top: 10px;
    height: 25px
}

.pub_list .bd .bot .state {
    float: left
}

.pub_list .bd .bot .state a {
    font-size: 11px;
    color: #FFFFFF;
    border-radius: 5px;
    padding: 3px 3px
}

.s-hd {
    background: #64CA69
}

.s-mf {
    background: #38CDFD
}

.s-sf {
    background: #FF9E00
}

.s-bmz {
    background: #EB6877
}

.s-yjs {
    background: #ABABAB
}

.s-bmjz {
    background: #3399FF
}

.pub_list .bd .bot .num {
    float: right
}

.pub_list .bd .bot .num em {
    color: #FFB133;
    padding-right: 3px
}

.enroll_list {
    margin: 10px;
    display: none
}

.enroll_list .hd {
}

.enroll_list .item {
    padding: 8px;
    background: #FFFFFF;
    color: #AFAFAF;
    font-size: 12px;
    border-radius: 3px;
    margin-bottom: 10px
}

.enroll_list .item:before {
    clear: both;
    content: ''
}

.enroll_list .upper {
    border-bottom: 1px solid #F3F3F3;
    padding-bottom: 10px
}

.enroll_list .upper .face {
    width: 38px;
    height: 38px;
    float: left;
    border-radius: 38px
}

.enroll_list .upper .face img {
    width: 38px;
    height: 38px;
    border-radius: 38px
}

.enroll_list .upper .info {
    margin-left: 50px
}

.enroll_list .upper .info_1 {
    height: 24px;
    line-height: 24px
}

.enroll_list .upper .info .name {
    color: #000000;
    font-size: 14px
}

.enroll_list .upper .info_2 {
    height: 18px;
    line-height: 18px
}

.enroll_list .lower {
    height: 30px;
    line-height: 35px
}

.enroll_list .lower .time {
    color: #AFAFAF
}

.enroll_list .lower .title {
    color: #000000;
    padding-left: 8px
}

.enroll_list .s-pay {
    color: #BA1F1F
}

#transit_box {
    position: relative;
    overflow-y: hidden
}

.publish_detail {
}

.publish_detail .fourNav {
    z-index: 11;
    position: fixed;
    width: 100%;
    top: 40px
}

.publish_detail .main_inner {
    margin-top: 80px
}

.publish_detail .main_inner .item {
    min-height: 500px;
    position: relative
}