/*设备宽度>=768px时  pc,ipad,pro */

@media (min-width: 768px) {
    /*首页内容*/
    /* 首页轮播图 */
    #indexBanner {
        width: 880px;
    }
    #indexBanner img {
        width: 100%;
        height: 100%;
    }
    #carouseBanner {
        width: 580px;
        height: 330px;
        float: left;
        margin-right: 10px;
    }
    #carouseBanner .bannerNotes {
        font-size: 18px;
    }
    #fixedBanner {
        width: 290px;
        float: left;
    }
    #fixedBanner div {
        height: 160px;
        overflow: hidden;
        position: relative;
    }
    #fixedBanner div:first-child {
        margin-bottom: 10px;
    }
    /* 服务清单 */
    .serviceNav {
        margin-top: 10px;
        border-radius: 0 10px 10px 0;
    }
    #verticalMenu {}
    #verNavBox {
        width: 200px;
        position: relative;
        height: 300px;
        float: left;
    }
    #verMask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #1d1d1d;
        opacity: .7;
        filter: alpha(opacity=70);
        z-index: 2;
    }
    #verNavTitle {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 3;
        color: #fff;
        height: 52px;
        line-height: 52px;
        background: #59a0ff;
        padding: 0 10px;
        font-size: 17px;
    }
    #verNavTitle p {
        padding-left: 30px;
    }
    #varNav {
        position: absolute;
        top: 52px;
        left: 0;
        width: 100%;
        height: 240px;
        z-index: 3;
        color: #fff;
    }
    .verNavOpt {
        height: 62px;
        padding: 0 10px;
        line-height: 62px;
        cursor: pointer;
    }
    .verNavOpt.active {
        color: #333;
        background: #fff;
        display: block;
    }
    .verNavOpt.active .verOptIcon .layui-icon {
        color: #0470ff
    }
    .verNavOpt.active a {
        color: #333;
    }
    .verOptBox {
        height: 62px;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
    }
    .verOptIcon {
        width: 25px;
        height: 100%;
        float: left;
        text-align: center;
    }
    .verOptIcon .layui-icon {
        font-size: 20px;
    }
    #verNavTitle .verOptIcon .layui-icon {
        font-size: 22px;
    }
    .verOptArrow {
        width: 15px;
        float: right;
        height: 60px;
    }
    .verOptTitle {
        width: 140px;
        display: inline-block;
        padding: 0 5px;
    }
    .verOptTitle a {
        color: #fff;
        font-size: 15px;
    }
    .verOptTitle a:hover {
        text-decoration: underline;
        color: #59a0ff;
    }
    .verOptTitle .verOptTag {
        line-height: 32px;
    }
    .verOptTitle .verOptTag a {
        font-weight: 700;
    }
    .verOptTitle .verOptTips {
        line-height: 28px;
    }
    .verOptTitle .verOptTips span {
        padding-right: 5px;
    }
    .verOptTitle .verOptTips span a {
        font-size: 13px;
    }
    .verOptTitle .verOptTips span a:hover {
        text-decoration: underline;
        color: #59a0ff;
    }
    #verContent {
        background: #fff;
        height: 300px;
        padding-left: 200px;
        border-radius: 10px;
    }
    #verContent .verItem {
        display: none;
        padding: 10px;
        height: 100%;
        position: relative;
    }
    #verContent .verItem:first-child {
        display: block;
    }
    #verContent .verItem ul {
        height: 100%;
    }
    #verContent .verItem ul li {
        width: 25%;
        float: left;
        text-align: center;
        height: 50%;
        overflow: hidden;
    }
    #verContent .verItem ul li h4 {
        font-size: 18px;
        line-height: 44px;
        color: #333;
        font-weight: 600;
    }
    #verContent .verItem ul li p {
        font-size: 12px;
        line-height: 22px;
        color: #666;
    }
    #verContent .verItem .cutLine1 {
        height: 270px;
        position: absolute;
        border-left: 1px solid #ddd;
        top: 10px;
        left: 174px;
    }
    #verContent .verItem .cutLine2 {
        height: 270px;
        position: absolute;
        border-left: 1px solid #ddd;
        top: 10px;
        left: 338px;
    }
    #verContent .verItem .cutLine3 {
        height: 270px;
        position: absolute;
        border-left: 1px solid #ddd;
        top: 10px;
        left: 504px;
    }
    /* 业务合作 */
    .cooperateSearch{
        padding: 20px;
        background: #005eab;
    }
    .cooperateSearch .layui-form-item,.cooperateSearch .layui-input-block{
        margin: 0;
        display: inline-block;
    }
    .cooperateSearch .layui-input-block input{
        width: 560px;
        margin-right: 20px;
    }
    .cooperateSearch .layui-input-block b{
        color: #fff;
        margin: 0 5px;
    }
    .cooperateSearch .layui-form-item:last-child{
        position: relative;
        top: -2px;
    }
    .cooperateSearch .layui-form-item .layui-btn:hover{
        opacity: 1;
    }
    .cooperateSearch .layui-form-item .layui-btn:last-child{
        
    }
    .cooperateBox .cooperateList {
        padding: 20px;
    }
    .cooperateBox .cooperateList .cooperateSingle {
        margin-bottom: 10px;
        padding: 0 10px;
    }
    .cooperateBox .cooperateList .cooperateInfo {
        border: 1px solid #eee;
        border-radius: 6px;
        height: 100px;
        padding: 10px;
        cursor: pointer;
    }
    .cooperateBox .cooperateList .cooperateInfo:hover {
        border: 1px solid #59a0ff;
        background: #f8fbff;
    }
    .cooperateBox .cooperateList .cooperateInfo a:hover {
        color: #666;
    }
    .cooperateBox .cooperateList .cooperateInfo div:first-child {
        float: left;
    }
    .cooperateBox .cooperateList .cooperateInfo div:first-child img {
        width: 78px;
        height: 100%;
        border: 1px solid #eee;
        border-radius: 12px;
    }
    .cooperateBox .cooperateList .cooperateInfo div:last-child {
        padding-left: 88px;
    }
    .cooperateBox .cooperateList .cooperateInfo div:last-child p {
        line-height: 39px;
        font-size: 18px;
        display: -webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 78px;
    }
    /* 文章 */
    .articleList {
        padding: 0 10px;
    }
    .AllarticleBox {
        padding: 20px 10px;
        border-bottom: 1px solid #eee;
    }
    .AllarticleBox ul li {
        height: 201px;
        border-bottom: 1px solid #eee;
        padding: 20px;
    }
    .AllarticleBox-img {
        width: 230px;
        height: 130px;
        overflow: hidden;
        border-radius: 5px;
        float: left;
        position: relative;
    }
    .AllarticleBox-img img {
        width: 230px;
        height: 130px;
        display: inline-block;
    }
    .AllarticleBox-img span {
        background: rgba(0, 0, 0, .5);
        display: inline-block;
        position: absolute;
        top: 5px;
        left: 5px;
        color: #fff;
        padding: 3px 6px;
        border-radius: 10px;
    }
    .AllarticleBox-info {
        width: 610px;
        height: 130px;
        float: left;
        padding-left: 20px;
        position: relative;
    }
    .AllarticleBox-infoTitle {
        margin-bottom: 10px;
    }
    .AllarticleBox-infoTitle a h3 {
        color: #444;
        font-size: 18px;
        font-weight: 700;
        line-height: 26px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-height: 52px;
    }
    .AllarticleBox-infoAbstract {
        margin-bottom: 10px;
    }
    .AllarticleBox-infoAbstract p {
        margin-bottom: 10px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 40px;
        color: #999;
        line-height: 20px;
    }
    .AllarticleBox-infoTag {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .AllarticleBox-infoTag p {
        float: left;
        margin-right: 30px;
    }
    .AllarticleBox-infoTag a, .AllarticleBox-infoTag span {
        color: #999;
    }
    .AllarticleBox-infoTag a:hover {
        color: #35affd;
    }
    .AllarticleBox-infoTag .glyphicon-tag {
        top: 2px;
    }
    .AllarticleBox-getMore {
        height: 60px;
    }
    .AllarticleBox-getMore p {
        line-height: 40px;
        text-align: center;
        width: 100px;
        margin: 15px auto 10px;
        border: 1px solid #59a0ff;
        color: #59a0ff;
        border-radius: 4px;
        cursor: pointer;
    }
    .AllarticleBox-getMore p:hover {
        background: #59a0ff;
        color: #fff;
    }
    .MParticleLink {
        display: none;
    }
    /*合作伙伴*/
    .indexPartner {
        width: 1200px;
        margin: 0 auto;
        position: relative;
    }
    #partnerSlider {
        padding: 0 20px;
    }
    .footSlider {
        width: 100%;
        overflow: hidden;
        padding-bottom: 20px;
    }
    .footSlider ul {
        white-space: nowrap;
    }
    .footSlider ul li {
        display: inline-block;
        margin: 10px;
        border: 1px solid #eee;
        box-shadow: 0 0 10px rgba(51, 91, 167, 0.2);
    }
    .footSlider ul img {
        vertical-align: top;
        width: 100px;
        height: 50px;
    }
    /* 登录页 */
    #loginBg {
        background: url(../images/bg.png) no-repeat;
        background-position: top;
        background-repeat: no-repeat;
        height: 100%;
        background-color: #8db8e0;
        background-size: 100% auto;
        position: relative;
    }
    #loginBox {
        height: 800px;
    }
    .YFCenterBox {
        width: 600px;
        height: 600px;
        margin: 0 auto;
        position: relative;
        margin-top: 70px;
        background: #fff;
        z-index: 2;
        border-radius: 6px;
    }
    .YFloginImg {
        width: 400px;
        float: left;
        height: 100%;
    }
    .YFloginList {
        width: 600px;
        height: 100%;
        padding: 10px;
        float: left;
        position: relative;
    }
    .YFloginMenu {
        position: relative;
        height: 50px;
        /* 保留menu，微信扫码登录*/
    }
    .YFloginMenu a {
        position: absolute;
        right: 0px;
        top: 0;
    }
    .YFloginMenu span {
        padding: 0 10px;
        height: 30px;
        line-height: 27px;
        font-size: 12px;
        color: #666;
        position: absolute;
        width: 115px;
        top: 10px;
        right: 49px;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        z-index: 2;
        cursor: pointer;
    }
    .YFloginMenu span:after {
        content: '';
        width: 0;
        height: 0;
        border-width: 7px;
        border-style: solid;
        border-color: transparent transparent transparent #ddd;
        top: 6px;
        right: -14px;
        position: absolute;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
    }
    .YFloginMenu span i {
        color: #00c237;
        position: relative;
        top: 1px;
        margin-right: 4px;
    }
    .YFloginMenu span:last-child {
        display: none;
    }
    .YFwechatCenter {
        display: none;
        padding: 30px 90px 0;
        margin-top: 20px;
    }
    .YFwechatCenter h2 {
        font-size: 20px;
        font-weight: 600;
        padding-bottom: 20px;
        text-align: center;
    }
    .YFwechatCenter h2 i {
        font-size: 26px;
        color: #00c237;
        margin-right: 10px;
        position: relative;
        top: 3px;
    }
    .YFwechatCenter div img {
        width: 200px;
        height: 200px;
        float: left;
        margin-top: 30px;
    }
    .YFloginCenter {
        margin-top: 20px;
        padding: 30px 90px 0;
    }
    .YFloginCenter h2 {
        font-size: 20px;
        font-weight: 600;
        padding-bottom: 20px;
    }
    .YFloginCenter .layui-input {
        padding-left: 40px;
        height: 46px;
    }
    .YFloginCenter .layui-input-block {
        margin-left: 0;
    }
    .YFloginCenter .layui-input-block .layui-icon {
        position: absolute;
        top: 15px;
        left: 15px;
        color: #666;
    }
    .YFloginCenter .layui-input:hover, .YFloginCenter .layui-textarea:hover {
        border: 1px solid #59a0ff!important;
    }
    .YFloginCenter .layui-input:focus, .YFloginCenter .layui-textarea:focus {
        border: 1px solid #59a0ff!important;
    }
    .YFloginCenter .formTag {
        line-height: 40px;
        color: #333;
    }
    .YFloginCenter .forgetTag {
        float: right;
    }
    .YFloginCenter .forgetTag a {
        color: #999;
    }
    .YFloginCenter .forgetTag a:hover {
        color: #59a0ff;
    }
    .YFloginCenter .newOrloginTag {
        float: right;
    }
    .YFloginCenter .newOrloginTag a {
        color: #1E9FFF;
    }
    .loginFoot {
        position: absolute;
        padding: 0 90px;
        margin-top: 40px;
        bottom: 20px;
    }
    .loginFoot div {
        float: left;
        width: 100px;
        text-align: center;
    }
    .loginFoot div p {
        margin-bottom: 10px;
        font-size: 18px;
    }
    .loginFoot div p i {
        font-size: 26px;
    }
    .loginFoot div p:nth-child(2) {
        color: #59a0ff
    }
    .loginFoot div p:last-child {
        font-size: 14px;
    }
    /* 注册页 */
    .YFregisterCenter {
        margin-top: 30px;
        padding: 30px 90px 0;
    }
    .YFregisterCenter .layui-tab-title li {
        width: 50%;
        font-size: 16px;
    }
    .YFregisterCenter .layui-tab-brief>.layui-tab-title .layui-this {
        color: #000;
        font-size: 20px;
        font-weight: 600;
    }
    .YFregisterCenter .layui-tab-brief>.layui-tab-more li.layui-this:after, .YFregisterCenter .layui-tab-brief>.layui-tab-title .layui-this:after {
        border-bottom: 2px solid #1E9FFF;
    }
    .YFregisterCenter .layui-input {
        padding-left: 40px;
        height: 46px;
    }
    .YFregisterCenter .layui-input-block {
        margin-left: 0;
    }
    .YFregisterCenter .layui-input-block .layui-icon, .YFregisterCenter .layui-input-inline .layui-icon {
        position: absolute;
        top: 15px;
        left: 15px;
        color: #666;
        z-index: 400;
    }
    .YFregisterCenter .layui-input:hover, .YFloginCenter .layui-textarea:hover {
        border: 1px solid #59a0ff!important;
    }
    .YFregisterCenter .layui-input:focus, .YFloginCenter .layui-textarea:focus {
        border: 1px solid #59a0ff!important;
    }
    .YFregisterCenter .formTag {
        line-height: 40px;
        color: #333;
    }
    .YFregisterCenter .forgetTag {
        float: right;
    }
    .YFregisterCenter .forgetTag a {
        color: #999;
    }
    .YFregisterCenter .newOrloginTag {
        float: right;
    }
    .YFregisterCenter .newOrloginTag a {
        color: #1E9FFF;
    }
    .personal, .enterprise {
        padding: 20px 0;
    }
    .YFregisterCenter .codeAux {
        padding: 0!important;
        margin-right: 0px;
    }
    .YFregisterCenter .getCode {
        color: #1E9FFF;
        border: 1px solid #e6e6e6;
        height: 46px;
        line-height: 46px;
        width: 120px;
        text-align: center;
    }
    .YFregisterCenter .getCode:hover {
        background: #1E9FFF;
        color: #fff;
        cursor: pointer;
    }
    .YFregisterCenter .vercodeInline {
        width: 270px;
    }
    .YFregisterCenter .treaty {
        width: 80px;
        margin-right: 0;
    }
    .YFregisterCenter .treaty .layui-form-switch {
        height: 24px;
    }
    .YFregisterCenter .treatyAux a {
        color: #1E9FFF;
    }
    .YFregisterCenter .treaty .layui-form-onswitch {
        border-color: #1E9FFF;
        background-color: #1E9FFF;
    }
    #treatContent {
        display: none;
        padding: 50px;
        line-height: 22px;
        background-color: #393D49;
        color: #fff;
        font-weight: 300;
    }
    /* 忘记密码 */
    .YFforgetCenter{
        margin-top: 80px;
    }
    .YFforgetCenter h2 {
        font-size: 20px;
        font-weight: 600;
        padding-bottom: 20px;
    }
    /* 文章列表页 */
    #YFarticle .YFSubgroup {
        margin-top: 0;
    }
    /* 文章内页 */
    #YFarticlePage .articlePageBox {
        background: #fff;
        height: 1500px;
        padding: 20px;
    }
    .articleSquare h1 {
        padding-top: 40px;
        font-size: 24px;
        color: #212121;
        font-weight: 600;
        line-height: 30px;
    }
    .articleSquare .articleTips {
        margin: 20px 0;
    }
    .articleSquare .articleFrom{
        margin-left: 20px;
    }
    .articleSquare .articleContent {
        padding-top: 10px;
    }
    /* 活动首页 */
    #eventList {
        padding-top: 10px;
        padding-top: 70px;
    }
    #featured-area {
        height: 405px;
        width: 100%;
        margin: 50px auto 0 auto;
        overflow: hidden;
        padding-top: 20px;
        display: none;
    }
    .roundabout-holder {
        list-style: none;
        width: 1240px;
        height: 374px;
        margin: 0px auto;
    }
    .roundabout-moveable-item {
        font-size: 12px!important;
        height: 374px;
        width: 1224px;
        cursor: pointer;
        padding: 5px;
        border: 1px solid #dcdcdc;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        background: #f9f9f9;
    }
    .roundabout-moveable-item img {
        height: 100%;
        width: 100%;
        background-color: #FFFFFF;
        margin: 0;
    }
    .roundabout-in-focus {
        cursor: auto;
    }
    .roundabout-in-focus:hover {
        -webkit-box-shadow: 0px 0px 20px #787878;
        -moz-box-shadow: 0px 0px 20px #787878;
        background: #f9f9f9;
    }
    .roundabout-holder span {
        display: none;
    }
    .roundabout-in-focus:hover span {
        display: inline;
        position: absolute;
        bottom: 5px;
        right: 5px;
        padding: 8px 20px;
        background: #f9f9f9;
        color: #3366cc;
        z-index: 999;
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topLeft: 5px;
        border-left: 1px solid #aaaaaa;
        border-top: 1px solid #aaaaaa;
    }
    .roundabout a:active, .roundabout a:focus, .roundabout a:visited {
        outline: none;
        text-decoration: none;
    }
    .roundabout li {
        margin: 0
    }
    /* 推荐活动 */
    .tjevent .layui-row {
        padding: 20px;
    }
    .tjevent .tjeventBox {
        width: 580px;
        height: 330px;
        float: left;
        overflow: hidden;
    }
    .tjeventBox a {
        display: none;
        width: 580px;
        height: 330px;
    }
    .tjeventBox a:first-child {
        display: block;
    }
    .tjevent .tjeventBox img {
        width: 100%;
        height: 100%;
    }
    .tjevent .tjeventOpt {
        margin-left: 620px;
        width: 540px;
    }
    .tjevent .tjeventOpt .tjeventOptSingle {
        display: inline-block;
        color: #999;
        width: 100%;
        border-radius: 6px;
        background: #ebeef2;
        position: relative;
        height: 70px;
        margin-bottom: 17px;
    }
    .tjevent .tjeventOpt .tjeventOptSingle.active {
        border: 1px solid #ddd;
        color: #fff;
        background: #59a0ff;
    }
    .tjevent .tjeventOpt .tjeventOptSingle:after {
        content: '';
        width: 0;
        height: 0;
        border-width: 14px;
        border-style: solid;
        border-color: transparent #fff transparent transparent;
        top: 50%;
        transform: translateY(-50%);
        left: -28px;
        position: absolute;
    }
    .tjevent .tjeventOpt .tjeventOptSingle.active:after {
        border-color: transparent #59a0ff transparent transparent;
    }
    .tjeventOpt .tjeventOptSingle div:first-child {
        width: 100px;
        float: left;
        text-align: center;
        padding: 11px 0px;
    }
    .tjeventOpt .tjeventOptSingle div:first-child p:first-child {
        font-size: 22px;
    }
    .tjeventOpt .tjeventOptSingle div:first-child p:last-child {
        font-size: 16px;
    }
    .tjeventOpt .tjeventOptSingle div hr {
        margin: 4px 0;
        background-color: #dadada;
        width: 60px;
        position: relative;
        left: 20px;
    }
    .tjeventOpt .tjeventOptSingle div:last-child {
        padding-left: 100px;
        padding: 5px 0;
    }
    .tjeventOpt .tjeventOptSingle div:last-child p:first-child {
        line-height: 30px;
        font-size: 18px;
        color: #333;
        height: 30px;
    }
    .tjeventOpt .tjeventOptSingle div:last-child p:last-child {
        line-height: 30px;
        font-size: 14px;
        height: 30px;
    }
    .tjevent .tjeventOpt .tjeventOptSingle.active div:last-child p:first-child {
        color: #fff;
    }
    /* 单活动 */
    .eventBox .layui-tab-title {
        border: none;
        height: 16px;
        padding: 20px 30px;
    }
    .eventBox .layui-tab-title li {
        color: #999;
        font-size: 16px;
        line-height: 16px;
        border-left: 1px solid #dcdcdc;
        padding: 0 20px;
    }
    .eventBox .layui-tab-title .layui-this {
        font-size: 18px;
        font-weight: bold;
        color: #2d71cd;
        border-left: 4px solid #2d71cd;
    }
    .eventBox .layui-tab-title .layui-this::after {
        border: none;
        line-height: 16px;
        border-left: 0px solid #2d71cd;
        color: #2d71cd;
        height: 16px;
        font-size: 18px;
        font-weight: bold;
    }
    .eventBox .layui-tab-content {
        padding: 20px 20px 20px;
    }
    .eventBox .eventSingle {
        width: 25%;
        float: left;
        padding: 9px;
    }
    .eventSingle .eventPack {
        border: 1px solid #ddd;
        height: 310px;
        border-radius: 8px;
    }
    .eventSingle .eventPack .eventPackImg img {
        width: 270px;
    }
    .eventSingle .eventPack .eventPackInfo {
        padding: 20px 10px;
    }
    .eventSingle .eventPack .PackTime {
        color: #999;
        margin-bottom: 10px;
        font-size: 12px;
    }
    .eventSingle .eventPack .PackTitle {
        margin-bottom: 10px;
        font-size: 16px;
        height: 42px;
        line-height: 21px;
    }
    .eventSingle .eventPack .PackTitle a {
        color: #333;
    }
    .eventSingle .eventPack .PackAddress {
        color: #999;
        font-size: 12px;
        margin-bottom: 10px;
    }
    .eventSingle .eventPack .PackTips {
        color: #999;
        font-size: 12px;
    }
    .eventSingle .eventPack .PackTips a{
        color: #999;
    }
    .eventSingle .eventPack .PackTips a:hover{
        color: #59a0ff;
    }
    .eventSingle .eventPack .PackTips span{
        display: inline-block;
    }
    .eventSingle .eventPack .PackTips span:first-child{
        width:50%;
    }
    .eventSingle .eventPack .PackTips span:last-child{
        float: right;
    }
    .eventSingle .eventSingleLink {
        display: none;
    }
    .eventContent{
        padding:20px;
        position: relative;
    }
    .eventContent .eventContentFrom{
        padding-right:250px;
    }
    .layui-form-half{
        width: 50%;
        float: left;
    }
    .layui-form-half:nth-child(odd){
        padding-right: 10px;
    }
    .eventContentFrom .layui-form-pane .layui-input-block {
        margin-left: 160px;
        left: -1px;
    }
    .eventContentFrom .layui-form-pane .layui-form-label {
        width: 160px;
    }
    .eventContentFrom .layui-form-item:last-child{
        text-align: center;
    }
    .eventContentQD{
        width: 230px;
        height: 200px;
        position: absolute;
        right:20px;
        top: 20px;
        text-align: center;
    }
    .eventContentQD h3{
        font-size: 16px;
        color: #59a0ff;
        font-weight: 600;
    }
    .eventContentQD p{
        margin-bottom:6px;
    }
    .eventContentQD img{
        width: 140px;
        height: 140px;
    }
    /* 活动内页 */
    #eventPage {
        margin-top: 110px;
    }
    .eventInfo {
        width: 1200px;
        height: 330px;
        background: #fff;
        border-radius: 10px;
        margin: 0 auto;
        -webkit-box-shadow: 0 4px 21px 0 rgba(33, 49, 182, .09);
        box-shadow: 0 4px 22px 0 rgba(33, 49, 182, .09);
        position: relative;
    }
    .eventInfoImg {
        -webkit-box-shadow: 0 4px 21px 0 rgba(33, 49, 182, .09);
        box-shadow: 0 4px 22px 0 rgba(33, 49, 182, .09);
        position: absolute;
        top: -30px;
        left: -20px;
        border-radius: 10px;
    }
    .eventInfoImg img {
        width: 440px;
        height: 250px;
        border-radius: 10px;
    }
    .eventInfoBody {
        padding: 40px 170px 20px 440px;
    }
    .eventInfoBody h1 {
        font-size: 24px;
        color: #000000;
        line-height: 36px;
        margin-bottom: 10px;
    }
    .eventInfoBody p {
        padding-bottom: 10px;
        line-height: 19px;
    }
    .eventInfoBody p i {
        margin-right: 5px;
    }
    .eventInfoBody p span.eventInfoBodyLook {
        margin-right: 80px;
    }
    #eventPage .eventBtn{
        position: absolute;
        bottom: 110px;
        right: 230px;
    }
    #eventPage .eventQR {
        position: absolute;
        top: 58px;
        right: 40px;
    }
    #eventPage .eventQR img {
        width: 130px;
        height: 130px;
    }
    #eventPage .eventQR p {
        text-align: center;
        margin-top: 10px;
        font-size: 16px;
    }
    .eventLately{
        padding: 20px;
        padding-top: 0;
    }
    .eventLately span{
        font-size: 17px;
        position: relative;
        top: 20px;
        color: #1e9fff;
    }
    .eventLately a{
        display: inline-block;
        padding: 0 5px;
    }
    .eventLately a img{
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 1px solid #eee;
    }
    #eventPage .layui-container {
        padding-top: 20px;
    }
    #eventPage .eventReport {
        padding: 20px;
    }
    #eventPage .eventReport img {
        width: 100%;
    }
    #eventPage .eventPartake{
        text-align: center;
    }
    #eventPage .eventPartake p{
        margin-bottom: 10px;
    }
    #eventPage .eventPartakeName{
        font-size: 16px;
        font-weight: 600;
    }
    #eventPage .eventPartakeImg a img{
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }
    #eventPage .eventSign .eventSignSucc,#eventPage .eventSign .eventSignCollec{
        display: inline-block;
        background: #5692f7;
        padding:2px 5px;
        border-radius: 4px;
        color: #fff;
    }
    #eventPage .eventSign .eventSignCollec{
        background: #ff9108;
    }
    #eventPage .eventComment .layui-form-item:last-child{
        text-align: right;
    }
    #eventPage .eventDiscuss .eventDiscussBox{
        border-bottom: 1px solid #ddd;
        padding: 10px 0;
        height: 88px;
    }
    #eventPage .eventDiscuss .eventDiscussBox:last-child{
        border: 0;
    }
    #eventPage .eventDiscuss .eventDiscussImg{
        float: left;
    }
    #eventPage .eventDiscuss .eventDiscussImg img{
        width: 60px;
        height: 60px;
        border-radius: 50%;
    }
    #eventPage .eventDiscuss .eventDiscussInfo{
        padding:0 10px;
        float: left;
        width:700px;
    }
    #eventPage .eventDiscuss .eventDiscussInfo p:first-child{
        font-size: 16px;
        margin-bottom: 6px;
        line-height: 20px;
        font-weight: 600;
    }
    #eventPage .eventDiscuss .eventDiscussInfo p:last-child{
        margin-bottom: 5px;
        line-height: 20px;
    }
    #eventPage .eventDiscuss .eventDiscussTag{
        float: right;
    }
    #eventPage .eventDiscuss .eventDiscussTag p{
        line-height: 40px;
        color: #999;
        text-align: right;
    }
    #eventPage .eventDiscuss .eventDiscussTag p:last-child{
        cursor: pointer;
    }
    #eventPage .eventDiscuss .eventDiscussTag i{
        position: relative;
        top: 1px;
        margin-right: 2px;
    }
    .eventPublish {
        text-align: center;
        padding-bottom: 20px;
        border-bottom: 1px dashed #ddd;
    }
    .eventPublish div {
        margin-bottom: 20px;
    }
    .eventPublish img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        border: 1px solid #ddd;
    }
    .eventPublish p {
        font-size: 16px;
        font-weight: 600;
    }
    .eventPublished {
        padding: 10px 0 0;
    }
    .eventPublished p {
        margin-bottom: 10px;
    }
    .eventPublished p:last-child {
        margin-bottom: 0;
    }
    .eventPublished p i {
        float: left;
        color: #59a0ff;
    }
    .eventPublished p span {
        display: inline-block;
        width: 220px;
    }
    .eventPublished .eventOne {
        color: #348afd;
    }
    .eventPublished .eventOneMore {
        text-align: right;
    }
    /* 行业报告 */
    #reportBanner img {
        width: 1200px;
        height: 350px;
    }
    .reportContent {
        margin-top: 20px;
        padding: 30px;
    }
    .reportContent .reportBox {
        width: 380px;
        float: left;
        padding: 20px;
    }
    .reportContent .reportBox .reportSingle {
        border: 1px solid #ddd;
    }
    .reportContent .reportBox .reportSingleImg img {
        width: 100%;
        height: 130px;
    }
    .reportContent .reportSingle .reportSingleInfo {
        padding: 20px 10px;
    }
    .reportContent .reportSingle .reportSingleInfo p {
        margin-bottom: 10px;
    }
    .reportContent .reportSingle .reportSingleInfo h3 {
        font-size: 16px;
        font-weight: 600;
        line-height: 26px;
        margin-bottom: 10px;
        height: 52px;
    }
    .reportContent .reportSingle .reportSingleTips {
        color: #999;
        line-height: 20px;
    }
    .reportContent .reportSingle .reportSingleTips {
        height: 102px;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .reportContent .reportSingle .reportSingleMore {
        text-align: right;
    }
    .reportContent .reportSingle .reportSingleMore a {
        color: #59a0ff;
    }
    .reportContent .reportSingle .reportSingleLabel a {
        border: 1px solid #ddd;
        display: inline-block;
        padding: 5px;
    }
    .reportContent .reportSingle .reportSingleLabel a:hover {
        border: 1px solid #59a0ff;
    }
    .reportBoxLink {
        display: none;
    }
    /* 行业报告内页 */
    .pictureViewer {
        width: 900px;
        min-height: 610px;
        margin: 0 auto;
        padding: 20px 0;
    }
    .bigPicSquare {
        height: 100%;
    }
    .bigPicSquare .bigPic {
        float: left;
        overflow: hidden;
        width: 800px;
    }
    .bigPicSquare .bigPicBox {
        font-size: 0;
    }
    .bigPicSquare .bigPic div{
        overflow: hidden;
        float: left;
        width: 800px;
        /* height: 450px; */
    }
    .bigPicSquare .bigPic img {
        width: 800px;
        min-height: 450px;
        /* max-height: 450px; */
        /* background: #656565; */
    }
    .bigPicSquare .bigPic div:nth-child(n+5) img{
        filter: blur(5px);
        -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        -o-filter: blur(5px);
        -ms-filter: blur(5px);
    }
    .bigPicSquare .bigPre {
        width: 49px;
        height:100%;
        float: left;
        text-align: center;
        line-height: 450px;
        cursor: pointer;
    }
    .bigPicSquare .bigPre span {
        font-size: 40px;
    }
    .bigPicSquare .bigPre span:hover {
        color: #59a0ff;
    }
    .bigPicSquare .bigNext {
        width: 49px;
        height: 100%;
        float: right;
        text-align: center;
        line-height: 450px;
        cursor: pointer;
    }
    .bigPicSquare .bigNext span {
        font-size: 40px;
    }
    .bigPicSquare .bigNext span:hover {
        color: #59a0ff;
    }
    .smallPicSquare {
        margin-top: 10px;
        padding: 10px 0;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    .smallPicSquare .smallPic {
        float: left;
        overflow: hidden;
        width: 800px;
    }
    .smallPicSquare .smallPicBox {
        font-size: 0;
    }
    .smallPicSquare .smallPicBox .cur img {
        border: 2px solid red;
    }
    .smallPicSquare .smallPicBox div {
        float: left;
        margin-right: 2px;
        cursor: pointer;
        overflow: hidden;
    }
    .smallPicSquare .smallPic img {
        width: 98px;
        min-height: 55px;
        border: 2px solid #ddd;
    }
    .smallPicSquare .smallPic .smallPicBox div:nth-child(n+6) img {
        -webkit-filter: blur(2px);
        -moz-filter: blur(2px);
        -o-filter: blur(2px);
        -ms-filter: blur(2px);
        filter: blur(2px);
    }
    .smallPicSquare .smallPre {
        width: 49px;
        height:55px;
        float: left;
        text-align: center;
        line-height: 55px;
        cursor: pointer;
    }
    .smallPicSquare .smallPre span:hover, .smallPicSquare .smallNext span:hover {
        color: #59a0ff;
    }
    .smallPicSquare .smallNext {
        width: 49px;
        height: 55px;
        float: right;
        text-align: center;
        line-height: 55px;
        cursor: pointer;
    }
    .pictureViewer .pageBox {
        padding: 0 50px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        margin-top: 10px;
    }
    /* 合作列表页 */
    .cooperateSquare .cooperateOne {
        border: 1px solid #ddd;
        height: 160px;
        border-radius: 5px;
        margin-bottom: 20px;
    }
    .cooperateSquare .cooperateImg {
        float: left;
        padding: 20px;
    }
    .cooperateSquare .cooperateImg img {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        border: 1px solid #ddd;
    }
    .cooperateSquare .cooperateMsg {
        padding: 20px 0 20px 180px;
    }
    .cooperateSquare .cooperateMsg h3 {
        margin-bottom: 10px;
    }
    .cooperateSquare .cooperateMsg h3 a {
        font-size: 20px;
        font-weight: 600;
        margin-right: 10px;
    }
    .cooperateSquare .cooperateMsg h3 span {
        color: #f08519;
        font-size: 15px;
    }
    .cooperateSquare .cooperatePublisher {
        margin-bottom: 10px;
    }
    .cooperateSquare .cooperatePublisher img {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #ddd;
    }
    .cooperateSquare .cooperatePublisher span {
        line-height: 20px;
        color: #999;
    }
    .cooperateSquare .cooperateBrief {
        height: 40px;
        line-height: 20px;
        color: #666;
        margin-bottom: 10px;
    }
    .cooperateSquare .cooperateMark span {
        margin-right: 20px;
    }
    .cooperateSquare .cooperateMark i {
        border: 1px solid #76a0ff;
        padding: 0 5px;
        margin-right: 10px;
        color: #76a0ff;
        font-style: normal;
    }
    .cooperateHall .layui-tab-content {
        padding: 20px
    }
    /* 合作选项分页 */
    .YFCaption figcaption {
        padding: 20px;
        margin: 0;
        background: #fff;
        border-left: 5px solid #fff;
        line-height: 30px;
        border-radius: 10px 10px 0 0;
        text-align: center;
        font-size: 22px;
        font-weight: 600;
    }
    .YFCaption figcaption span {
        font-size: 22px;
        color: #000;
    }
    .YFCaption figcaption p{
        text-align: left;
        font-size: 14px;
        color: #666;
        padding: 20px 0 10px;
        border-bottom: 1px dashed #ddd;
        font-weight: 500;
        line-height: 20px;
    }
    .cooperateOptBox {
        padding: 20px
    }
    .cooperateOptBox h3 {
        font-size: 20px;
        font-weight: 600;
        margin-right: 10px;
        margin-bottom: 10px;
        color: #333;
    }
    .cooperateOptBox .cooperatePublisher {
        margin-bottom: 20px;
    }
    .cooperateOptBox .cooperatePublisher img {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #ddd;
    }
    .cooperateOptBox .cooperatePublisher span {
        line-height: 20px;
        color: #999;
    }
    .cooperateOptBox .OptBoxInfo {
        margin-bottom: 30px;
    }
    .cooperateOptBox .OptBoxInfo p {
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 22px;
    }
    .cooperateOptBox .OptBoxInfo p span {
        color: #333;
    }
    .cooperateOptBox .OptbtnBox {
        padding: 0 210px;
        margin-bottom: 20px;
    }
    .cooperateOptBox .OptbtnBox a:last-child {
        float: right;
    }
    .cooperateOptBox .OptRelation {
        margin-top: 20px;
    }
    .cooperateOptBox .OptRelation .OptRelationPerson, .cooperateOptBox .OptRelation .OptRelationCompany {
        width: 50%;
        float: left;
    }
    .cooperateOptBox .OptRelation .OptTitleTag {
        font-size: 17px;
        color: #1e9fff;
    }
    .cooperateOptBox .OptRelation .sideCompanyBox, .cooperateOptBox .OptRelation .sidePersonBox {
        margin-bottom: 20px;
    }
    /* 达人 */
    .expertBox .expertList {
        padding: 20px;
    }
    .expertBox .expertList .expertSingle {
        margin-bottom: 10px;
        padding: 0 10px;
    }
    .expertBox .expertList .expertInfo {
        border: 1px solid #eee;
        border-radius: 6px;
        height: 146px;
        padding: 20px 10px;
        cursor: pointer;
    }
    .expertBox .expertList .expertInfo:hover {
        border: 1px solid #59a0ff;
        background: #f8fbff;
    }
    .expertBox .expertList .expertInfo a:hover {
        color: #666;
    }
    .expertBox .expertList .expertInfo .expertInfoImg {
        float: left;
        margin-top: 14px;
    }
    .expertBox .expertList .expertInfo .expertInfoImg img {
        width: 78px;
        height: 78px;
        border: 1px solid #eee;
        border-radius: 50%;
    }
    .expertBox .expertList .expertInfo .expertInfoTag {
        float: left;
        width: 222px;
        padding: 0 5px;
    }
    .expertBox .expertList .expertInfo .expertInfoTag p {
        line-height: 26px;
    }
    .expertBox .expertList .expertName span:first-child {
        font-weight: 600;
        font-size: 18px;
        color: #333;
        margin-right: 10px;
    }
    .expertBox .expertList .expertName span:last-child {
        font-size: 14px;
    }
    .expertBox .expertList .expertMark i {
        border: 1px solid #76a0ff;
        padding: 0 5px;
        margin-right: 10px;
        color: #76a0ff;
        font-style: normal;
    }
    .expertBox .expertList .expertInfo .expertQR {
        width: 78px;
        height: 78px;
        float: right;
        border: 1px solid #eee;
        margin-top: 14px;
    }
    .expertBox .expertList .expertInfo .expertQR img {
        width: 100%;
        height: 100%;
    }
    /* 达人内页 */
    .expertBoard {}
    .expertBoard .expertBoardTop {
        background: #2765c2;
        padding-left: 200px;
        border-radius: 10px 10px 0 0;
        height: 100px;
        color: #fff;
        position: relative;
    }
    .expertBoard .expertBoardTop .BoardTopImg {
        position: absolute;
        top: 25px;
        left: 40px;
    }
    .expertBoard .expertBoardTop .BoardTopImg img {
        /* border: 1px solid #ddd; */
        border-radius: 50%;
        width: 150px;
        height: 150px;
    }
    .expertBoard .expertBoardTop .BoardTopInfo {
        padding-top: 20px;
    }
    .expertBoard .expertBoardTop .BoardTopInfo p:last-child {
        line-height: 16px;
        height: 32px;
    }
    .expertBoard .expertBoardTop .BoardTopName {
        margin-bottom: 12px;
    }
    .expertBoard .expertBoardTop .BoardTopName span:first-child {
        font-size: 30px;
        font-weight: 600;
        margin-right: 14px;
    }
    .expertBoard .expertBoardTop .BoardTopName span:last-child {
        font-size: 16px;
    }
    .expertBoard .expertBoardBot {
        padding-left: 200px;
        height: 100px;
        border-radius: 0 0 10px 10px;
        padding-top: 20px;
        position: relative;
    }
    .expertBoard .expertBoardBot p:first-child {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .expertBoard .expertBoardBot p:first-child span {
        display: none;
    }
    .expertBoard .expertBoardBot .BoardCompany {
        font-size: 24px;
        color: #ff8923;
    }
    .expertBoard .expertBoardBot button{
        position: absolute;
        right: 24px;
        top: 38px;
    }
    .expertCard {
        padding: 20px;
    }
    .expertCard .expertCardTips {
        font-size: 17px;
        color: #1e9fff;
        margin-bottom: 20px;
    }
    .expertCard p {
        margin-bottom: 10px;
    }
    .expertCard .expertMark i {
        border: 1px solid #ff8923;
        padding: 0 5px;
        margin-right: 10px;
        color: #ff8923;
        font-style: normal;
        line-height: 30px;
    }
    .expertCard .expertCardQR {
        height: 100px;
        border: 1px solid #ddd;
        border-radius: 1px;
    }
    .expertCard .expertCardQR .CardQRName {
        float: left;
        padding: 20px;
    }
    .expertCard .expertCardQR .CardQRName p:first-child {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 15px;
    }
    .expertCard .expertCardQR .CardQRImg {
        padding: 10px 0 10px 125px;
    }
    .expertCard .expertCardQR .CardQRImg img {
        width: 80px;
        height: 80px;
    }
    .expertLately{
        padding: 20px;
    }
    .expertLately span{
        font-size: 17px;
        position: relative;
        top: 20px;
        color: #1e9fff;
    }
    .expertLately a{
        display: inline-block;
        padding: 0 5px;
    }
    .expertLately a img{
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 1px solid #eee;
    }
    /* 企业列表 */
    .YFCompanyList {
        padding: 20px;
    }
    .YFCompanyList .companySingle {
        padding: 20px;
        border: 1px solid #ddd;
        border-radius: 10px;
        margin-bottom: 10px;
    }
    .YFCompanyList .companySingle:hover {
        border: 1px solid #59a0ff;
    }
    .YFCompanyList .YFCompanyImg {
        float: left;
        width: 100px;
        height: 100px;
    }
    .YFCompanyList .YFCompanyImg img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }
    .YFCompanyList .YFCompanyInfo {
        padding-left: 120px;
    }
    .YFCompanyList .YFCompanyInfo h3 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 10px;
        color: #333;
    }
    .YFCompanyList .YFCompanyInfo p {
        line-height: 20px;
        color: #666;
    }
    .YFCompanyList .YFCompanyInfo p.twoRow {
        margin-bottom: 4px;
    }
    .YFCompanyInfo .expertMark i {
        border: 1px solid #76a0ff;
        padding: 0 5px;
        margin-right: 10px;
        color: #76a0ff;
        font-style: normal;
        line-height: 30px;
    }
    .YFpersonBox {
        padding: 20px;
    }
    .YFpersonBox .sidePersonBox {
        margin: 0;
        float: left;
        margin: 50px 25px;
    }
    /* 企业详情页 */
    .companyCenter {
        padding: 20px;
        position: relative;
    }
    .companyCenter .companyImg {
        width: 150px;
        height: 150px;
        float: left;
    }
    .companyCenter .companyImg img {
        width: 100%;
        height: 100%;
        border: 1px solid #ddd;
        border-radius: 12px;
    }
    .companyCenter .companyInfo {
        padding-left: 170px;
    }
    .companyCenter .companyInfo h1 {
        font-size: 22px;
        font-weight: 600;
        color: #333;
        margin-bottom: 14px;
    }
    .companyCenter .companyInfo p {
        line-height: 20px;
        margin-bottom: 10px;
    }
    .companyCenter .companyInfo p.twoRow {
        line-height: 20px;
        height: 40px;
    }
    .companyCenter .companyInfo .companyInfoError{
        position: absolute;
        right: 20px;
        bottom: 10px;
    }
    #companyInfoErrorBox{
        display: none;
        padding: 10px;
        text-align: right;
    }
    #companyInfoErrorBox button{
        margin-top: 10px;
    }
    #commentBtnClaim {
        padding:10px;
        text-align: center;
        display: none;
    }
    #commentBtnClaim h2{
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
        color:#333;
    }
    #commentBtnClaim p{
        text-align: center;
        font-weight: 600;
        margin-bottom: 10px;
    }
    #commentBtnClaim form input{
        margin-bottom: 10px;
    }
    #commentBtnClaim form .layui-upload-drag{
        width: 100%;
        margin-bottom: 10px;
    }
    #commentBtnClaim .layui-upload-drag .layui-icon{
        color: #59a0ff;
    }
    .companyCenter .companyMark {
        margin-top: 10px;
    }
    .companyCenter .companyMark i {
        border: 1px solid #76a0ff;
        padding: 0 5px;
        margin-right: 10px;
        color: #76a0ff;
        font-style: normal;
        line-height: 30px;
    }
    .companyCenter .commentBtn {
        position: absolute;
        top: 195px;
        left: 50px;
    }
    .companyContent {
        padding: 20px;
    }
    .companyContent .productBox{
        padding: 10px ;
    }
    .companyContent .productSingle{
        border-radius:10px 10px  0 0  ;
        padding: 10px;
        padding-top: 0px;
    }
    .companyContent .productSingle img{
        width: 100%;
        border-radius:10px  ;
        margin-bottom: 10px;
    }
    .companyContent .productSingle p{
        text-align: center;
    }
    .commentBox {
        position: relative;
    }
    .commentForm {
        position: absolute;
        top: 0px;
        right: 0;
        line-height: 46px;
    }
    .commentContent {
        padding: 20px;
        padding-top: 0px;
    }
    .commentSingle {
        border-top: 1px solid #ddd;
        padding: 20px;
    }
    .commentHeader .commentImg {
        width: 40px;
        height: 40px;
        float: left;
    }
    .commentHeader .commentImg img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }
    .commentUser {
        padding-left: 50px;
        margin-bottom: 10px;
    }
    .commentUser div {
        line-height: 20px;
        height: 20px;
        overflow: hidden;
    }
    .commentUser div:first-child p {
        float: left;
    }
    .commentUser .commentName {
        font-size: 16px;
        margin-right: 10px;
        font-weight: 600;
        color: #333;
    }
    .commentUser .layui-rate {
        padding: 0;
    }
    .commentUser .layui-rate li i.layui-icon {
        font-size: 16px;
    }
    .commentUser .commentJob {
        font-size: 12px;
    }
    .commentInfo {
        margin-bottom: 15px;
    }
    .commentInfo p {
        line-height: 20px;
    }
    .commentFoot {
        color: #999;
        line-height: 20px;
    }
    .commentFoot p:first-child {
        float: left;
    }
    .commentFoot p:last-child {
        float: right;
    }
    .commentFoot p:last-child span {
        margin-left: 20px;
        cursor: pointer;
    }
    .commentFoot .commentPraise .layui-icon-praise {
        font-size: 20px;
        position: relative;
        top: 4px;
    }
    .commentFoot .layui-icon-down {
        font-size: 14px;
    }
    .commentsquare{
        padding: 10px;
        background: #f7f8fa;
        border: 1px solid #f0f1f2;
        margin-top: 20px;
        display: none;
    }
    .commentsquareSingle{
        margin-bottom: 10px;
    }
    .commentsquareSingle div{
        float: left;
    }
    .commentsquareSingle img{
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }
    .commentsquareSingle p{
        padding-left: 40px;
        line-height: 20px;
    }
    .commentsquareSingle p a{
        color:#59a0ff;
    }
    .commentsForm{
        padding: 10px;
        text-align: right;
    }
    .commentsForm button{
        margin-top: 10px;
    }
    #commentBtnBox{
        padding: 10px;
    }
    #commentBtnBox div:last-child{
        text-align: right;
        margin-top: 10px;
    }
    #commentBtnBox .layui-form-onswitch{
        background: #59a0ff;
        border-color: #59a0ff;
    }
    /* 求职招聘 */
    /* 求职信息 */
    .jobsCenter {
        padding: 20px;
    }
    .jobContent {
        padding: 20px;
    }
    .jobsCenter .jobTitle h1 {
        font-size: 22px;
        font-weight: 600;
        color: #333;
        margin-bottom: 14px;
    }
    .jobsCenter .jobPublisher {
        margin-bottom: 20px;
    }
    .jobsCenter .jobPublisher img {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #ddd;
    }
    .jobsCenter .jobPublisher span {
        line-height: 20px;
        color: #999;
    }
    .jobsCenter .jobInfo p {
        font-size: 16px;
        line-height: 24px;
    }
    .jobsCenter .jobInfo .jobInfoTag {
        margin-top: 10px;
    }
    .jobsCenter .jobInfo .jobInfoTag span {
        margin-right: 20px;
    }
    .jobsCenter .jobInfo .jobInfoTag b {
        color: #ff8923;
    }
    .jobsCenter .jobBtns {
        margin-top: 10px;
        text-align: right;
    }
    .jobsCenter .jobBtns a {
        margin-right: 10px;
    }
    /* 求职块 */
    .jobWanted {
        padding: 20px;
        border: 1px solid #ddd;
        border-radius: 10px;
        margin-bottom: 10px;
    }
    .jobWanted:hover {
        border: 1px solid #59a0ff;
    }
    .jobWanted .jobTitle h1 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 14px;
        color: #333;
    }
    .jobWanted .jobPublisher {
        margin-bottom: 20px;
    }
    .jobWanted .jobPublisher img {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #ddd;
    }
    .jobWanted .jobPublisher span {
        line-height: 20px;
        color: #999;
    }
    .jobWanted .jobInfo p {
        font-size: 14px;
        line-height: 20px;
        color: #666;
    }
    .jobWanted .jobInfo .jobInfoTag {
        margin-top: 10px;
    }
    .jobWanted .jobInfo .jobInfoTag span {
        margin-right: 20px;
    }
    .jobWanted .jobInfo .jobInfoTag b {
        color: #ff8923;
    }
    #askforBox{
        padding: 10px;
        display: none;
        text-align: center;
    }
    #askforBox input{
        margin-bottom: 10px;
    }
    /* 招聘信息 */
    .recruitCenter {
        padding: 20px;
    }
    .recruitCenter .recruitCompanyImg {
        width: 125px;
        height: 125px;
        float: left;
    }
    .recruitCenter .recruitCompanyImg img {
        width: 100%;
        height: 100%;
        border: 1px solid #ddd;
        border-radius: 50%;
    }
    .recruitCenter .recruitInfo {
        padding-left: 145px;
    }
    .recruitCenter .recruitInfo h1 {
        font-size: 22px;
        font-weight: 600;
        color: #333;
        margin-bottom: 14px;
    }
    .recruitCenter .jobPublisher {
        margin-bottom: 20px;
    }
    .recruitCenter .jobPublisher img {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #ddd;
    }
    .recruitCenter .jobPublisher span {
        line-height: 20px;
        color: #999;
    }
    .recruitCenter .recruitInfoTag span {
        margin-right: 20px;
    }
    .recruitCenter .recruitInfoTag b {
        color: #ff8923;
    }
    .recruitCenter .recruitMark {
        margin-top: 10px;
    }
    .recruitCenter .recruitMark i {
        border: 1px solid #76a0ff;
        padding: 0 5px;
        margin-right: 10px;
        color: #76a0ff;
        font-style: normal;
        line-height: 30px;
    }
    .recruitBtn {
        padding: 10px 0 0 145px;
        text-align: right;
    }
    .recruitBtn a {
        margin-right: 10px;
    }
    /* 招聘块 */
    .recruitWanted {
        padding: 20px;
        border: 1px solid #ddd;
        border-radius: 10px;
        margin-bottom: 10px;
    }
    .recruitWanted:hover {
        border: 1px solid #59a0ff;
    }
    .recruitWanted .recruitCompanyImg {
        width: 125px;
        height: 125px;
        float: left;
    }
    .recruitWanted .recruitCompanyImg img {
        width: 100%;
        height: 100%;
        border: 1px solid #ddd;
        border-radius: 50%;
    }
    .recruitWanted .recruitInfo {
        padding-left: 145px;
    }
    .recruitWanted .recruitInfo h1 {
        font-size: 22px;
        font-weight: 600;
        color: #333;
        margin-bottom: 14px;
    }
    .recruitWanted .jobPublisher {
        margin-bottom: 20px;
    }
    .recruitWanted .jobPublisher img {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #ddd;
    }
    .recruitWanted .jobPublisher span {
        line-height: 20px;
        color: #999;
    }
    .recruitWanted .recruitInfoTag span {
        margin-right: 20px;
        color: #666;
    }
    .recruitWanted .recruitInfoTag b {
        color: #ff8923;
    }
    .recruitWanted .recruitMark {
        margin-top: 10px;
    }
    .recruitWanted .recruitMark i {
        border: 1px solid #76a0ff;
        padding: 0 5px;
        margin-right: 10px;
        color: #76a0ff;
        font-style: normal;
        line-height: 22px;
        display: inline-block;
        margin-bottom: 10px;
    }
    #sendingResumeBox{
        padding: 10px;
        display: none;
        text-align: center;
    }
    #sendingResumeBox input{
       margin-bottom: 10px;
    }
    #sendingResumeBox button{
        display:inline-block;
        margin-bottom: 10px;
    }
/* 个人中心 */
    .red{
        color: red;
    }
    .userCenter{
        height: 1300px;
    }
    .userCenterMenu{
        width: 200px;
        height: 100%;
        background: #eee;
        float: left;
    }
    .userCenterMenu h2{
        margin: 20px 0;
        text-align: center;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        font-weight: 600;
    }
    .userCenterMenu h2 i{
        margin-right: 5px;
        position: relative;
        top:-1px
    }
    .userCenterMenu ul li{
        height: 50px;
        line-height: 50px;
        text-align: center;
        position: relative;
        cursor: pointer;
    }
    .userCenterMenu ul li:hover{
        background: #fff;
    }
    .userCenterMenu ul li.active{
        background: #fff;
    }
    .userCenterMenu ul li.active:after,.userCenterMenu ul li:hover:after {
        content: '';
        position: absolute;
        left: 0;
        height: 100%;
        width: 4px;
        background: #ffda44;
        width: 5px;
        height:50px;
        background: linear-gradient(0deg, rgb(175, 207, 255), rgb(66, 133, 245));
        border-radius: 3px;
    }
    .userCenterContent{
        padding:10px 20px 10px 20px;
        position: relative;
        float: left;
        width: 1000px;
    }
    .userHeader h2{
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        border-bottom: 1px solid #ddd;
        font-weight: 600;
    }
     .userHeader{
        margin-bottom: 20px;
    }
    .userInfoBox h3{
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 20px;
    }
    .userInfoBox #uploadImg{
        width: 100px;
        height: 100px;
        border-radius: 50%;
        border: 1px solid #ddd;
    }
    .userInfoPic{
        height: 135px;
        margin-bottom: 20px;
    }
    .userInfoPic .layui-upload{
        position: relative;
    }
    .userInfoPic .layui-upload .userInfoPicTitle{
        float: left;
        display: block;
        padding: 9px 15px;
        width:110px;
        font-weight: 400;
        line-height: 20px;
        text-align: right;
    }
    .userInfoPic .layui-upload .layui-upload-list{
        float: left;
    }
    .userInfoPic #demoText .demo-reload{
        background-color: #59a0ff;
    }
    .userInfoPic #uploadBtn{
        width: 100px;
        height: 100px;
        position: absolute;
        top: 10px;
        left: 110px;
        border-radius: 50%;
        opacity: 0;
    }
    .userInfoForm .userInfoFormTip{
        padding: 0 60px;
        margin-bottom: 20px;
        color:#ff8923;
    }
    .userInfoForm {
        box-sizing: content-box !important
    }
    .userInfoForm .layui-input-block .layui-input{
        width: 250px;
    }
    .userAccount{
        display: none;
    }
    .userAccountTag p{
        float: left;
        padding: 9px 15px;
        font-weight: 400;
        line-height: 20px;
    }
    .userAccountTag p:first-child{
        display: block;
        padding: 9px 15px;
        width: 110px;
        font-weight: 400;
        line-height: 20px;
        text-align: right;
    }
    .userAccountTag p:last-child a{
        color: #59a0ff;
    }
    .userAccount .userInfoForm{
        margin-top: 10px;
    }
/* 表单 */
    /* 企业表单 */
    .YFFormSquare{
        padding: 40px 100px;
    }
    .YFFormSquare .layui-form-label{
        width: 120px;
    }
    .YFFormSquare .layui-input-block {
        margin-left: 150px;
    }
    .YFFormSquare .formConpanyLogo img{
        width: 100px;
        height: 100px;
        border-color: #e6e6e6;
    }
    .YFFormSquare .formConpanyLogo .layui-upload{
        position: relative;
    }
    .YFFormSquare .formConpanyLogo button{
        opacity: 0;
        width: 100px;
        height: 100px;
        position: absolute;
        left:0;
        top:0;
    }
    .YFFormSquare .businessTypeBox .layui-form-item{
        display: none;
    }
    .YFFormSquare .itemHidden{
        margin-bottom: 0;
    }
    .YFFormSquare .popularizeMain{
        float: left;
    }
    .YFFormSquare .popularizeBranch{
        padding-left: 378px;
        display: none;
    }
    

}

/*设备宽度<=767时  手机*/

@media (max-width: 767px) {
    /*首页内容*/
    /*MP banner*/
    .MPbanner {
        z-index: 91;
        padding: 15px 0;
        padding-bottom: 0;
    }
    .main_visual {
        height: 200px;
        overflow: hidden;
        position: relative;
    }
    .main_image {
        height: 200px;
        overflow: hidden;
        position: relative;
    }
    .main_image ul {
        width: 9999px;
        height: 422px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0
    }
    .main_image li {
        float: left;
        width: 100%;
        height: 422px;
    }
    .main_image li span {
        display: block;
        width: 100%;
        height: 422px
    }
    .main_image li a {
        display: block;
        width: 100%;
        height: 422px
    }
    div.flicking_con {
        position: absolute;
        top: 360px;
        left: 50%;
        z-index: 87;
        width: 300px;
        height: 21px;
        margin: 0 0 0 -50px;
    }
    div.flicking_con a {
        float: left;
        width: 21px;
        height: 21px;
        margin: 0;
        padding: 0;
        background: url('../images/btn_main_img.png') 0 0 no-repeat;
        display: block;
        text-indent: -1000px
    }
    div.flicking_con a.on {
        background-position: 0 -21px
    }
    #btn_prev, #btn_next {
        z-index: 88;
        position: absolute;
        display: block;
        width: 73px!important;
        height: 74px!important;
        top: 50%;
        margin-top: -37px;
        display: none;
    }
    .main_image ul li a img {
        width: 100%;
        height: 200px
    }
    .main_image ul li a span {
        display: block;
        position: absolute;
        top: 170px;
        left: 0;
        width: 100%;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        text-align: center;
        background-color: #000;
        opacity: 0.5;
        color: #fff;
    }
    /*首页文章*/
    .articleList .layui-tab-content {
        padding: 0;
    }
    .AllarticleBox {
        position: relative;
        padding: 15px 10px 15px 10px;
        border-bottom: 1px solid #eee;
    }
    .AllarticleBox-img {
        float: left;
        width: 130px;
        height: 80px;
        position: relative;
    }
    .AllarticleBox-img a img {
        width: 130px;
        height: 80px;
    }
    .AllarticleBox-img span {
        background: rgba(0, 0, 0, .5);
        display: inline-block;
        position: absolute;
        top: 5px;
        left: 5px;
        color: #fff;
        padding: 2px 5px;
        border-radius: 10px;
    }
    .AllarticleBox-info {
        padding-left: 140px;
        position: relative;
        height: 80px;
    }
    .AllarticleBox-infoTitle a h3 {
        font-size: 16px;
        color: #3d464d;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-height: 40px;
        line-height: 20px;
    }
    .AllarticleBox-infoAbstract {
        display: none;
    }
    .AllarticleBox-infoTag {
        position: absolute;
        bottom: 0;
    }
    .AllarticleBox-infoTag:after, .AllarticleBox-infoTag:before {
        display: table;
        content: " ";
        clear: both;
    }
    .AllarticleBox-infoTag p {
        float: left;
    }
    .AllarticleBox-infoTagTopic {
        display: none;
    }
    .AllarticleBox-infoTagHot {
        display: none;
    }
    .MParticleLink {
        display: inline-block;
        position: absolute;
        width: 100%;
        height: 100%;
        float: left;
        top: 0;
    }
    .AllarticleBox-getMore {
        height: 50px;
        padding: 10px 0;
    }
    .AllarticleBox-getMore p {
        text-align: center;
        line-height: 30px;
        border: 1px solid #59a0ff;
        width: 100px;
        margin: 0 auto;
        border-radius: 4px;
        color: #59a0ff;
    }
    /* 业务合作 */
    .cooperateSearch{
        padding: 20px;
        background: #005eab;
    }
    .cooperateSearch .layui-form-item,.cooperateSearch .layui-input-block{
        margin: 0;
    }
    .cooperateSearch .layui-input-block input{
        width: 100%;
        margin-right: 20px;
    }
    .cooperateSearch .layui-form-item:first-child{
        margin-bottom: 14px;
    }
    .cooperateSearch .layui-input-block b{
        color: #fff;
        margin: 0 5px;
    }
    .cooperateSearch .layui-form-item:last-child{
        position: relative;
        top: -2px;
    }
    .cooperateSearch .layui-form-item .layui-btn:hover{
        opacity: 1;
    }
    .cooperateSearch .layui-form-item .layui-btn:last-child{
        
    }
    .cooperateBox .cooperateList .cooperateSingle {
        margin-bottom: 10px;
        padding: 0 10px;
    }
    .cooperateBox .cooperateList .cooperateInfo {
        border: 1px solid #eee;
        border-radius: 6px;
        height: 80px;
        padding: 10px;
        cursor: pointer;
    }
    .cooperateBox .cooperateList .cooperateInfo a:hover {
        color: #666;
    }
    .cooperateBox .cooperateList .cooperateInfo div:first-child {
        float: left;
    }
    .cooperateBox .cooperateList .cooperateInfo div:first-child img {
        width: 60px;
        height: 60px;
        border: 1px solid #eee;
        border-radius: 12px;
    }
    .cooperateBox .cooperateList .cooperateInfo div:last-child {
        padding-left: 70px;
    }
    .cooperateBox .cooperateList .cooperateInfo div:last-child p {
        line-height: 30px;
        font-size: 16px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 60px;
    }
    /* 登录页 */
    .YFloginCenter {
        margin-top: 30px;
        padding: 10px 10px 0;
    }
    .YFloginCenter h2 {
        font-size: 20px;
        font-weight: 600;
        padding-bottom: 20px;
    }
    .YFloginCenter .layui-input {
        padding-left: 40px;
        height: 46px;
    }
    .YFloginCenter .layui-input-block {
        margin-left: 0;
    }
    .YFloginCenter .layui-input-block .layui-icon {
        position: absolute;
        top: 15px;
        left: 15px;
        color: #666;
    }
    .YFloginCenter .layui-input:hover, .YFloginCenter .layui-textarea:hover {
        border: 1px solid #59a0ff!important;
    }
    .YFloginCenter .layui-input:focus, .YFloginCenter .layui-textarea:focus {
        border: 1px solid #59a0ff!important;
    }
    .YFloginCenter .formTag {
        line-height: 40px;
        color: #333;
    }
    .YFloginCenter .forgetTag {
        float: right;
    }
    .YFloginCenter .forgetTag a {
        color: #999;
    }
    .YFloginCenter .newOrloginTag {
        float: right;
    }
    .YFloginCenter .newOrloginTag a {
        color: #1E9FFF;
    }
    
    /* 注册页 */
    .YFregisterCenter {
        margin-top: 10px;
        padding: 10px 10px 0;
    }
    .YFregisterCenter .layui-tab-title li {
        width: 50%;
        font-size: 16px;
    }
    .YFregisterCenter .layui-tab-brief>.layui-tab-title .layui-this {
        color: #000;
        font-size: 20px;
        font-weight: 600;
    }
    .YFregisterCenter .layui-tab-brief>.layui-tab-more li.layui-this:after, .YFregisterCenter .layui-tab-brief>.layui-tab-title .layui-this:after {
        border-bottom: 2px solid #1E9FFF;
    }
    .YFregisterCenter .layui-input {
        padding-left: 40px;
        height: 46px;
    }
    .YFregisterCenter .layui-input-block {
        margin-left: 0;
    }
    .YFregisterCenter .layui-input-block .layui-icon, .YFregisterCenter .layui-input-inline .layui-icon {
        position: absolute;
        top: 15px;
        left: 15px;
        color: #666;
    }
    .YFregisterCenter .layui-input:hover, .YFloginCenter .layui-textarea:hover {
        border: 1px solid #59a0ff!important;
    }
    .YFregisterCenter .layui-input:focus, .YFloginCenter .layui-textarea:focus {
        border: 1px solid #59a0ff!important;
    }
    .YFregisterCenter .formTag {
        line-height: 40px;
        color: #333;
    }
    .YFregisterCenter .forgetTag {
        float: right;
    }
    .YFregisterCenter .forgetTag a {
        color: #999;
    }
    .YFregisterCenter .newOrloginTag {
        float: right;
    }
    .YFregisterCenter .newOrloginTag a {
        color: #1E9FFF;
    }
    .personal, .enterprise {
        padding: 20px 0;
    }
    .YFregisterCenter .codeAux {
        padding: 0!important;
        margin-right: 0px;
        margin-left: 0 !important;
        float: right;
        top: 0 !important;
        width: 30%;
        left: 0px;
    }
    .YFregisterCenter .getCode {
        color: #1E9FFF;
        border: 1px solid #e6e6e6;
        height: 46px;
        line-height: 46px;
        width: 100%;
        text-align: center;
    }
    .YFregisterCenter .getCode:hover {
        background: #1E9FFF;
        color: #fff;
        cursor: pointer;
    }
    .YFregisterCenter .vercodeInline {
        width: 230px;
        margin: 0;
        display: inline-block;
        width: 68%;
        left: 0px;
    }
    .YFregisterCenter .treaty {
        width: 80px;
        margin: 0;
        margin-right: 0;
        display: inline-block;
        float: left;
    }
    .YFregisterCenter .treaty .layui-form-switch {
        height: 24px;
    }
    .YFregisterCenter .treatyAux {
        margin: 0 !important;
        line-height: 32px;
    }
    .YFregisterCenter .treatyAux a {
        color: #1E9FFF;
    }
    .YFregisterCenter .treaty .layui-form-onswitch {
        border-color: #1E9FFF;
        background-color: #1E9FFF;
    }
    #treatContent {
        display: none;
        padding: 50px;
        line-height: 22px;
        background-color: #393D49;
        color: #fff;
        font-weight: 300;
    }
    /* 忘记密码 */
    .YFforgetCenter h2 {
        font-size: 20px;
        font-weight: 600;
        padding-bottom: 20px;
    }
    /* 文章列表*/
    .articleList .layui-tab-brief>.layui-tab-title .layui-this {
        color: #000;
        /* 文章导航颜色*/
        font-weight: 600;
        font-size: 15px;
    }
    .articleList .layui-tab-brief>.layui-tab-more li.layui-this:after, .articleList .layui-tab-brief>.layui-tab-title .layui-this:after {
        border-bottom: 2px solid #59a0ff;
    }
    .articleList .layui-tab-content {
        padding: 0;
    }
    /* 文章内页 */
    #YFarticlePage .articlePageBox {
        background: #fff;
        padding: 15px;
    }
    .articleSquare h1 {
        font-size: 20px;
        color: #212121;
        font-weight: 600;
        line-height: 24px;
    }
    .articleSquare .articleTips {
        margin: 20px 0;
    }
    .articleSquare .articleFrom{
        margin-left: 20px;
    }
    .articleSquare .articleContent {
        padding-top: 10px;
    }
    /* 活动列表 */
    .eventBox .layui-tab-brief>.layui-tab-title .layui-this {
        color: #000;
        /* 文章导航颜色*/
        font-weight: 600;
        font-size: 15px;
    }
    .eventBox .layui-tab-brief>.layui-tab-more li.layui-this:after, .eventBox .layui-tab-brief>.layui-tab-title .layui-this:after {
        border-bottom: 2px solid #59a0ff;
    }
    .eventSingle {
        position: relative;
        padding: 10px
    }
    .eventSingle .eventPack {
        border: 1px solid #eee;
        border-radius: 8px;
        margin-bottom: 10px;
    }
    .eventSingle .eventPack .eventPackImg img {
        width: 100%;
    }
    .eventSingle .eventPack .eventPackInfo {
        padding: 10px;
    }
    .eventSingle .eventPack .PackTime {
        color: #999;
        margin-bottom: 10px;
        font-size: 12px;
    }
    .eventSingle .eventPack .PackTitle {
        margin-bottom: 10px;
        font-size: 16px;
        height: 42px;
        line-height: 21px;
    }
    .eventSingle .eventPack .PackTitle a {
        color: #333;
    }
    .eventSingle .eventPack .PackAddress {
        color: #999;
        font-size: 12px;
        margin-bottom: 10px;
    }
    .eventSingle .eventPack .PackTips {
        color: #999;
        font-size: 12px;
    }
    .eventSingle .eventPack .PackTips a{
        color: #999;
    }
    .eventSingle .eventPack .PackTips a:hover{
        color: #59a0ff;
    }
    .eventSingle .eventPack .PackTips span{
        display: inline-block;
    }
    .eventSingle .eventPack .PackTips span:first-child{
        width:50%;
    }
    .eventSingle .eventPack .PackTips span:last-child{
        float: right;
    }
    .eventSingle .eventSingleLink {
        display: inline-block;
        position: absolute;
        width: 100%;
        height: 100%;
        float: left;
        top: 0;
    }
    /*活动内页*/
    .eventInfo {
        background: #fff;
        border-radius: 10px;
        padding: 10px;
        -webkit-box-shadow: 0 4px 21px 0 rgba(33, 49, 182, .09);
        box-shadow: 0 4px 22px 0 rgba(33, 49, 182, .09);
        position: relative;
    }
    .eventInfoImg {
        -webkit-box-shadow: 0 4px 21px 0 rgba(33, 49, 182, .09);
        box-shadow: 0 4px 22px 0 rgba(33, 49, 182, .09);
        border-radius: 10px;
    }
    .eventInfoImg img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }
    .eventInfoBody {
        padding: 10px;
    }
    .eventInfoBody h1 {
        font-size: 24px;
        color: #000000;
        line-height: 36px;
        margin-bottom: 10px;
    }
    .eventInfoBody p {
        padding-bottom: 10px;
        line-height: 19px;
    }
    .eventInfoBody p i {
        margin-right: 5px;
    }
    .eventInfoBody p span.eventInfoBodyLook {
        margin-right: 80px;
    }
    #eventPage .eventQR {
        position: absolute;
        top: 80px;
        right: 20px;
    }
    #eventPage .eventQR img {
        width: 130px;
        height: 130px;
    }
    #eventPage .eventQR p {
        text-align: center;
        margin-top: 10px;
        font-size: 16px;
    }
    .eventLately{
        padding-top: 20px;
    }
    .eventLately span{
        font-size: 17px;
        color: #1e9fff;
        display: block;
        margin-bottom: 20px;
    }
    .eventLately a{
        display: inline-block;
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .eventLately a img{
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid #eee;
    }
    #eventPage .layui-container {
        padding-top: 20px;
    }
    #eventPage .eventReport {
        padding: 20px;
    }
    #eventPage .eventReport img {
        width: 100%;
    }
    #eventPage .eventPartake{
        text-align: center;
        margin-bottom: 10px;
    }
    #eventPage .eventPartake p{
        margin-bottom: 10px;
    }
    #eventPage .eventPartakeName{
        font-size: 16px;
        font-weight: 600;
    }
    #eventPage .eventPartakeImg a img{
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }
    #eventPage .eventSign .eventSignSucc,#eventPage .eventSign .eventSignCollec{
        display: inline-block;
        background: #5692f7;
        padding:2px 5px;
        border-radius: 4px;
        color: #fff;
    }
    #eventPage .eventSign .eventSignCollec{
        background: #ff9108;
    }
    #eventPage .eventComment .layui-form-item:last-child{
        text-align: right;
    }
    #eventPage .eventComment .layui-form-item:last-child{
        text-align: right;
    }
    #eventPage .eventDiscuss .eventDiscussBox{
        border-bottom: 1px solid #ddd;
        padding: 10px 0;
        height: 88px;
    }
    #eventPage .eventDiscuss .eventDiscussBox:last-child{
        border: 0;
    }
    #eventPage .eventDiscuss .eventDiscussImg{
        float: left;
        width: 20%;
    }
    #eventPage .eventDiscuss .eventDiscussImg img{
        width: 60px;
        height: 60px;
        border-radius: 50%;
    }
    #eventPage .eventDiscuss .eventDiscussInfo{
        padding:0 10px;
        float: left;
        width:60%;
    }
    #eventPage .eventDiscuss .eventDiscussInfo p:first-child{
        font-size: 16px;
        margin-bottom: 6px;
        line-height: 20px;
        font-weight: 600;
    }
    #eventPage .eventDiscuss .eventDiscussInfo p:last-child{
        margin-bottom: 5px;
        line-height: 20px;
    }
    #eventPage .eventDiscuss .eventDiscussTag{
        float: right;
        width: 20%;
    }
    #eventPage .eventDiscuss .eventDiscussTag p{
        line-height: 40px;
        color: #999;
        text-align: right;
    }
    #eventPage .eventDiscuss .eventDiscussTag p:last-child{
        cursor: pointer;
    }
    #eventPage .eventDiscuss .eventDiscussTag i{
        position: relative;
        top: 1px;
        margin-right: 2px;
    }
    .eventPublish {
        text-align: center;
        padding-bottom: 20px;
        border-bottom: 1px dashed #ddd;
    }
    .eventPublish div {
        margin-bottom: 20px;
    }
    .eventPublish img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        border: 1px solid #ddd;
    }
    .eventPublish p {
        font-size: 16px;
        font-weight: 600;
    }
    .eventPublished {
        padding: 10px 0 0;
    }
    .eventPublished p {
        margin-bottom: 10px;
    }
    .eventPublished p:last-child {
        margin-bottom: 0;
    }
    .eventPublished p i {
        float: left;
        color: #59a0ff;
    }
    .eventPublished p span {
        display: inline-block;
        width: 220px;
    }
    .eventPublished .eventOne {
        color: #348afd;
    }
    .eventPublished .eventOneMore {
        text-align: right;
    }
    /* 行业报告*/
    .reportContent {
        margin-top: 20px;
    }
    .reportContent .reportBox {
        width: 100%;
        float: left;
        padding: 10px;
    }
    .reportContent .reportBox .reportSingle {
        border: 1px solid #ddd;
        position: relative;
    }
    .reportContent .reportBox .reportSingleImg img {
        width: 100%;
        height: 130px;
    }
    .reportContent .reportSingle .reportSingleInfo {
        padding: 20px 10px;
    }
    .reportContent .reportSingle .reportSingleInfo p {
        margin-bottom: 10px;
    }
    .reportContent .reportSingle .reportSingleInfo h3 {
        font-size: 16px;
        font-weight: 600;
        line-height: 26px;
        margin-bottom: 10px;
        height: 52px;
    }
    .reportContent .reportSingle .reportSingleTips {
        color: #999;
        line-height: 20px;
    }
    .reportContent .reportSingle .reportSingleTips {
        height: 60px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .reportContent .reportSingle .reportSingleMore {
        text-align: right;
    }
    .reportContent .reportSingle .reportSingleMore a {
        color: #59a0ff;
    }
    .reportContent .reportSingle .reportSingleLabel a {
        border: 1px solid #ddd;
        display: inline-block;
        padding: 5px;
    }
    .reportContent .reportSingle .reportSingleLabel a:hover {
        border: 1px solid #59a0ff;
    }
    .reportBoxLink {
        display: inline-block;
        position: absolute;
        width: 100%;
        height: 100%;
        float: left;
        top: 0;
    }
    /* 行业报告内页 */
    .MpictureViewer {
        padding: 10px 0;
    }
    .MpictureViewer p {
        position: relative;
        overflow: hidden;
    }
    .MpictureViewer p span {
        position: absolute;
        top: -2px;
        left: -2px;
        background: #000;
        height: 30px;
        width: 30px;
        text-align: center;
        line-height: 32px;
        color: #fff;
        border-radius: 4px;
        opacity: 0.9;
    }
    .MpictureViewer img {
        width: 100%;
        margin-bottom: 10px;
        max-height: 250px;
    }
    /* 合作列表页 */
    .cooperateSquare {
        padding: 10px;
    }
    .cooperateSquare .cooperateOne {
        border: 1px solid #eee;
        border-radius: 5px;
        margin-bottom: 10px;
        position: relative;
    }
    .cooperateSquare .cooperateOne:last-child {
        margin-bottom: 0!important;
    }
    .cooperateSquare .cooperateImg {
        float: left;
        padding: 20px 5px;
    }
    .cooperateSquare .cooperateImg img {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 1px solid #ddd;
    }
    .cooperateSquare .cooperateMsg {
        padding: 10px 0 10px 75px;
    }
    .cooperateSquare .cooperateMsg h3 {
        margin-bottom: 10px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 40px;
    }
    .cooperateSquare .cooperateMsg h3 a {
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
        margin-right: 10px;
    }
    .cooperateSquare .cooperateMsg h3 span {
        color: #f08519;
        font-size: 15px;
    }
    .cooperateSquare .cooperatePublisher {
        margin-bottom: 10px;
    }
    .cooperateSquare .cooperatePublisher img {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #ddd;
    }
    .cooperateSquare .cooperatePublisher span {
        line-height: 20px;
        color: #999;
    }
    .cooperateSquare .cooperateBrief {
        height: 40px;
        line-height: 20px;
        color: #666;
        margin-bottom: 10px;
    }
    .cooperateSquare .cooperateMark span {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        margin-bottom: 10px;
    }
    .cooperateSquare .cooperateMark span:last-child {
        margin-bottom: 0;
    }
    .cooperateSquare .cooperateMark i {
        border: 1px solid #76a0ff;
        padding: 0 5px;
        margin-right: 10px;
        color: #76a0ff;
        font-style: normal;
        display: inline-block;
    }
    .cooperateHall .layui-tab-content {
        padding-top: 10px
    }
    /* 合作选项分页 */
    .YFCaption figcaption {
        padding: 20px;
        margin: 0;
        background: #fff;
        border-left: 5px solid #fff;
        line-height: 30px;
        border-radius: 10px 10px 0 0;
        text-align: center;
        font-size: 20px;
        font-weight: 600;
    }
    .YFCaption figcaption span {
        font-size: 20px;
        color: #000;
    }
    .YFCaption figcaption p{
        text-align: left;
        font-size: 14px;
        color: #666;
        padding: 20px 0 10px;
        border-bottom: 1px dashed #ddd;
        font-weight: 500;
        line-height: 20px;
    }
    .cooperateOptBox {
        padding: 20px
    }
    .cooperateOptBox h3 {
        font-size: 20px;
        font-weight: 600;
        margin-right: 10px;
        margin-bottom: 10px;
        color: #333;
    }
    .cooperateOptBox .cooperatePublisher {
        margin-bottom: 20px;
    }
    .cooperateOptBox .cooperatePublisher img {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #ddd;
    }
    .cooperateOptBox .cooperatePublisher span {
        line-height: 20px;
        color: #999;
    }
    .cooperateOptBox .OptBoxInfo {
        margin-bottom: 30px;
    }
    .cooperateOptBox .OptBoxInfo p {
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 22px;
    }
    .cooperateOptBox .OptBoxInfo p span {
        color: #333;
    }
    .cooperateOptBox .OptbtnBox {
        margin-bottom: 20px;
    }
    .cooperateOptBox .OptbtnBox a {
        height: 38px;
        line-height: 38px;
        padding: 0 18px;
    }
    .cooperateOptBox .OptbtnBox a:last-child {
        float: right;
    }
    .cooperateOptBox .OptRelation {
        margin-top: 20px;
    }
    .cooperateOptBox .OptRelation .OptTitleTag {
        font-size: 17px;
        color: #1e9fff;
    }
    .cooperateOptBox .OptRelation .sideCompanyBox, .cooperateOptBox .OptRelation .sidePersonBox {
        margin-bottom: 30px;
    }
    /* 达人 */
    .expertBox .expertList {
        padding: 20px;
    }
    .expertBox .expertList .expertSingle {
        margin-bottom: 10px;
    }
    .expertBox .expertList .expertInfo {
        border: 1px solid #eee;
        border-radius: 6px;
        height: 130px;
        padding: 10px 5px;
        cursor: pointer;
    }
    .expertBox .expertList .expertInfo:hover {
        border: 1px solid #59a0ff;
        background: #f8fbff;
    }
    .expertBox .expertList .expertInfo a:hover {
        color: #666;
    }
    .expertBox .expertList .expertInfo .expertInfoImg {
        float: left;
        margin-top: 14px;
    }
    .expertBox .expertList .expertInfo .expertInfoImg img {
        width: 78px;
        height: 78px;
        border: 1px solid #eee;
        border-radius: 50%;
    }
    .expertBox .expertList .expertInfo .expertInfoTag {
        padding: 0 5px;
        padding-left: 90px;
    }
    .expertBox .expertList .expertInfo .expertInfoTag p {
        line-height: 26px;
    }
    .expertBox .expertList .expertName span:first-child {
        font-weight: 600;
        font-size: 18px;
        color: #333;
        margin-right: 10px;
    }
    .expertBox .expertList .expertName span:last-child {
        font-size: 14px;
    }
    .expertBox .expertList .expertMark i {
        border: 1px solid #76a0ff;
        padding: 0 5px;
        margin-right: 10px;
        color: #76a0ff;
        font-style: normal;
    }
    .expertBox .expertList .expertInfo .expertQR {
        width: 78px;
        height: 78px;
        float: right;
        border: 1px solid #eee;
        margin-top: 14px;
    }
    .expertBox .expertList .expertInfo .expertQR img {
        width: 100%;
        height: 100%;
    }
    /* 达人内页 */
    .expertBoard {
        padding: 10px;
    }
    .expertBoard .expertBoardTop {
        height: 80px;
    }
    .expertBoard .expertBoardTop .BoardTopImg {
        width: 80px;
        height: 80px;
        float: left;
    }
    .expertBoard .expertBoardTop .BoardTopImg img {
        width: 100%;
        height: 100;
        border: 1px solid #ddd;
        border-radius: 50%;
    }
    .expertBoard .expertBoardTop .BoardTopInfo {
        padding: 10px 0;
        padding-left: 90px;
    }
    .expertBoard .expertBoardTop .BoardTopInfo p:last-child {
        line-height: 20px;
        height: 40px;
    }
    .expertBoard .expertBoardTop .BoardTopName {
        margin-bottom: 10px;
    }
    .expertBoard .expertBoardTop .BoardTopName span:first-child {
        font-size: 20px;
        font-weight: 600;
        margin-right: 10px;
        color: #333;
    }
    .expertBoard .expertBoardTop .BoardTopName span:last-child {
        font-size: 16px;
    }
    .expertBoard .expertBoardBot {
        border-top: 1px solid #ddd;
        margin-top: 10px;
        padding-top: 10px;
    }
    .expertBoard .expertBoardBot p:first-child {
        font-size: 16px;
        display: inline-block;
        margin-right: 10px;
    }
    .expertBoard .expertBoardBot .BoardCompany {
        font-size: 16px;
        display: inline-block;
        color: #ff8923;
    }
    .expertBoard .expertBoardBot button{
        display: block;
        margin-top: 10px;
        float: right;
    }
    .expertCard {
        padding: 20px;
    }
    .expertCard .expertCardTips {
        font-size: 17px;
        color: #1e9fff;
        margin-bottom: 20px;
    }
    .expertCard p {
        margin-bottom: 10px;
    }
    .expertCard .layui-col-xs12 {
        margin-bottom: 10px;
    }
    .expertCard .expertMark i {
        border: 1px solid #ff8923;
        padding: 0 5px;
        margin-right: 10px;
        color: #ff8923;
        font-style: normal;
        line-height: 24px;
        display: inline-block;
        margin-bottom: 10px;
    }
    .expertCard .expertCardQR {
        height: 100px;
        border: 1px solid #ddd;
        border-radius: 1px;
    }
    .expertCard .expertCardQR .CardQRName {
        float: left;
        padding: 20px;
    }
    .expertCard .expertCardQR .CardQRName p:first-child {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 15px;
    }
    .expertCard .expertCardQR .CardQRImg {
        padding: 10px;
        text-align: right;
    }
    .expertCard .expertCardQR .CardQRImg img {
        width: 80px;
        height: 80px;
    }
    .expertLately{
        padding: 20px;
    }
    .expertLately span{
        font-size: 17px;
        color: #1e9fff;
        display: block;
        margin-bottom: 10px;
    }
    .expertLately a{
        display: inline-block;
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .expertLately a img{
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 1px solid #eee;
    }
    .YFpersonBox {
        padding: 1px;
    }
    .YFpersonBox .sidePersonBox:last-child {
        margin-bottom: 20px;
    }
    /* 企业列表 */
    .YFCompanyList {
        padding: 10px;
    }
    .YFCompanyList .companySingle {
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 10px;
        position: relative;
        margin-bottom: 10px;
    }
    .YFCompanyList .YFCompanyImg {
        float: left;
        width: 100px;
        height: 100px;
    }
    .YFCompanyList .YFCompanyImg img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }
    .YFCompanyList .YFCompanyInfo {
        padding-left: 120px;
    }
    .YFCompanyList .YFCompanyInfo h3 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .YFCompanyList .YFCompanyInfo p {
        line-height: 20px;
    }
    .YFCompanyList .YFCompanyInfo p.twoRow {
        margin-bottom: 4px;
    }
    .YFCompanyInfo .expertMark i {
        border: 1px solid #76a0ff;
        padding: 0 5px;
        margin-right: 10px;
        color: #76a0ff;
        font-style: normal;
        display: inline-block;
        line-height: 16px;
    }
    .YFpersonBox {
        padding: 20px;
    }
    .YFpersonBox .sidePersonBox {
        margin: 0;
        margin: 50px auto;
        margin-bottom: 80px;
    }
    /* 企业详情 */
    .companyCenter {
        padding: 20px;
        position: relative;
    }
    .companyCenter .companyImg {
        text-align: center;
        margin-bottom: 10px;
    }
    .companyCenter .companyImg img {
        width: 100px;
        height: 100px;
        border: 1px solid #ddd;
        border-radius: 12px;
    }
    .companyCenter .companyInfo {}
    .companyCenter .companyInfo h1 {
        font-size: 22px;
        font-weight: 600;
        color: #333;
        margin-bottom: 14px;
        text-align: center;
    }
    .companyCenter .companyInfo p {
        line-height: 20px;
        margin-bottom: 10px;
    }
    .companyCenter .companyInfo p.twoRow {
        line-height: 20px;
        height: 40px;
    }
    .companyCenter .companyInfo .companyInfoError{
        position: absolute;
        right: 20px;
        top: 10px;
    }
    #companyInfoErrorBox{
        display: none;
        padding: 10px;
        text-align: right;
    }
    #companyInfoErrorBox button{
        margin-top: 10px;
    }
    #commentBtnClaim {
        padding:10px;
        text-align: center;
        display: none;
    }
    #commentBtnClaim h2{
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
        color:#333;
    }
    #commentBtnClaim p{
        text-align: center;
        font-weight: 600;
        margin-bottom: 10px;
    }
    #commentBtnClaim form input{
        margin-bottom: 10px;
    }
    #commentBtnClaim form .layui-upload-drag{
        width: 100%;
        margin-bottom: 10px;
    }
    #commentBtnClaim .layui-upload-drag .layui-icon{
        color: #59a0ff;
    }
    .companyCenter .companyMark {
        margin-top: 10px;
    }
    .companyCenter .companyMark i {
        border: 1px solid #76a0ff;
        padding: 0 5px;
        margin-right: 10px;
        color: #76a0ff;
        font-style: normal;
        line-height: 30px;
    }
    .companyCenter .commentBtn {
        text-align: center;
        margin-top: 10px;
    }
    .companyContent {
        padding: 20px;
    }
    .companyContent .productBox{
        padding: 10px ;
    }
    .companyContent .productSingle{
        border-radius:10px 10px  0 0  ;
        padding: 10px;
        padding-top: 0px;
    }
    .companyContent .productSingle img{
        width: 100%;
        border-radius:10px  ;
        margin-bottom: 10px;
    }
    .companyContent .productSingle p{
        text-align: center;
    }
    .commentForm .layui-form-item {
        margin-bottom: 0;
    }
    .commentForm .layui-input-block {
        margin-left: 0;
    }
    .commentForm .layui-form-radio {
        margin-right: 0;
    }
    .commentForm .layui-form-radio>i {
        font-size: 16px;
    }
    .commentContent {
        padding-top: 0px;
    }
    .commentSingle {
        border-top: 1px solid #ddd;
        padding: 20px;
    }
    .commentHeader .commentImg {
        width: 40px;
        height: 40px;
        float: left;
    }
    .commentHeader .commentImg img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }
    .commentUser {
        padding-left: 50px;
        margin-bottom: 10px;
    }
    .commentUser div {
        line-height: 20px;
        height: 20px;
        overflow: hidden;
    }
    .commentUser div:first-child p {
        float: left;
    }
    .commentUser .commentName {
        font-size: 16px;
        margin-right: 10px;
        font-weight: 600;
        color: #333;
    }
    .commentUser .layui-rate {
        padding: 0;
    }
    .commentUser .layui-rate li i.layui-icon {
        font-size: 16px;
    }
    .commentUser .commentJob {
        font-size: 12px;
    }
    .commentInfo {
        margin-bottom: 15px;
    }
    .commentInfo p {
        line-height: 20px;
    }
    .commentFoot {
        color: #999;
        line-height: 20px;
    }
    .commentFoot p:first-child {
        margin-bottom: 10px;
    }
    .commentFoot p:last-child {}
    .commentFoot p:last-child span {
        margin-right: 20px;
        cursor: pointer;
    }
    .commentFoot .commentPraise .layui-icon-praise {
        font-size: 20px;
        position: relative;
        top: 4px;
    }
    .commentFoot .layui-icon-down {
        font-size: 14px;
    }
    .commentsquare{
        padding: 10px;
        background: #f7f8fa;
        border: 1px solid #f0f1f2;
        margin-top: 20px;
        display: none;
    }
    .commentsquareSingle{
        margin-bottom: 10px;
    }
    .commentsquareSingle div{
        float: left;
    }
    .commentsquareSingle img{
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }
    .commentsquareSingle p{
        padding-left: 40px;
        line-height: 20px;
    }
    .commentsquareSingle p a{
        color:#59a0ff;
    }
    .commentsForm{
        padding: 10px;
        text-align: right;
    }
    .commentsForm button{
        margin-top: 10px;
    }
    #commentBtnBox{
        padding: 10px;
    }
    #commentBtnBox div:last-child{
        text-align: right;
        margin-top: 10px;
    }
    #commentBtnBox .layui-form-onswitch{
        background: #59a0ff;
        border-color: #59a0ff;
    }
    /* 求职招聘 */
    /* 求职信息 */
    .jobsCenter {
        padding: 20px;
    }
    .jobContent {
        padding: 20px;
    }
    .jobsCenter .jobTitle h1 {
        font-size: 20px;
        font-weight: 600;
        color: #333;
        margin-bottom: 14px;
    }
    .jobsCenter .jobPublisher {
        margin-bottom: 20px;
    }
    .jobsCenter .jobPublisher img {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #ddd;
    }
    .jobsCenter .jobPublisher span {
        line-height: 20px;
        color: #999;
    }
    .jobsCenter .jobInfo p {
        font-size: 16px;
        line-height: 24px;
    }
    .jobsCenter .jobInfo p:first-child {
        height: 48px;
    }
    .jobsCenter .jobInfo .jobInfoTag {
        margin-top: 10px;
    }
    .jobsCenter .jobInfo .jobInfoTag span {
        display: block;
        margin-bottom: 10px;
    }
    .jobsCenter .jobInfo .jobInfoTag b {
        color: #ff8923;
    }
    .jobsCenter .jobBtns {
        margin-top: 10px;
        text-align: right;
    }
    .jobsCenter .jobBtns a {
        margin-right: 10px;
    }


    /* 求职块 */
    .jobWanted {
        border: 1px solid #ddd;
        border-radius: 10px;
        margin-bottom: 10px;
    }
    .jobWanted a {
        display: inline-block;
        padding: 10px;
    }
    .jobWanted .jobTitle h1 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 14px;
        color: #333;
    }
    .jobWanted .jobPublisher {
        margin-bottom: 10px;
    }
    .jobWanted .jobPublisher img {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #ddd;
    }
    .jobWanted .jobPublisher span {
        line-height: 20px;
        color: #999;
    }
    .jobWanted .jobInfo p {
        font-size: 14px;
        line-height: 20px;
        color: #666;
    }
    .jobWanted .jobInfo p:first-child {
        height: 40px;
    }
    .jobWanted .jobInfo .jobInfoTag {
        margin-top: 10px;
    }
    .jobWanted .jobInfo .jobInfoTag span {
        display: block;
        margin-bottom: 10px;
    }
    .jobWanted .jobInfo .jobInfoTag span:last-child {
        margin-bottom: 0px;
    }
    .jobWanted .jobInfo .jobInfoTag b {
        color: #ff8923;
    }
    #askforBox{
        padding: 10px;
        display: none;
        text-align: center;
    }
    #askforBox input{
        margin-bottom: 10px;
    }
    /* 招聘信息 */
    .recruitCenter {
        padding: 20px;
    }
    .recruitCenter .recruitCompanyImg {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .recruitCenter .recruitCompanyImg img {
        width: 100%;
        height: 100%;
        border: 1px solid #ddd;
        border-radius: 50%;
    }
    .recruitCenter .recruitInfo {}
    .recruitCenter .recruitInfo h1 {
        font-size: 20px;
        font-weight: 600;
        color: #333;
        margin-bottom: 14px;
        line-height: 24px;
    }
    .recruitCenter .jobPublisher {
        margin-bottom: 20px;
    }
    .recruitCenter .jobPublisher img {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #ddd;
    }
    .recruitCenter .jobPublisher span {
        line-height: 20px;
        color: #999;
    }
    .recruitCenter .recruitInfoTag span {
        margin-right: 20px;
        display: inline-block;
        margin-bottom: 10px;
    }
    .recruitCenter .recruitInfoTag b {
        color: #ff8923;
    }
    .recruitCenter .recruitMark {
        margin-top: 10px;
    }
    .recruitCenter .recruitMark i {
        border: 1px solid #76a0ff;
        padding: 0 5px;
        margin-right: 10px;
        color: #76a0ff;
        font-style: normal;
        line-height: 24px;
        display: inline-block;
        margin-bottom: 10px;
    }
    .recruitBtn {
        padding: 10px 0 0 10px;
        text-align: right;
    }
    .recruitBtn a {
        margin-right: 10px;
    }
    /* 招聘块 */
    .recruitWanted {
        border: 1px solid #ddd;
        border-radius: 10px;
        margin-bottom: 10px;
    }
    .recruitWanted a {
        display: inline-block;
        padding: 10px;
    }
    .recruitWanted .recruitCompanyImg {
        width: 85px;
        height: 85px;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .recruitWanted .recruitCompanyImg img {
        width: 100%;
        height: 100%;
        border: 1px solid #ddd;
        border-radius: 50%;
    }
    .recruitWanted .recruitInfo {}
    .recruitWanted .recruitInfo h1 {
        font-size: 16px;
        font-weight: 600;
        color: #333;
        margin-bottom: 14px;
        line-height: 24px;
    }
    .recruitWanted .jobPublisher {
        margin-bottom: 10px;
    }
    .recruitWanted .jobPublisher img {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #ddd;
    }
    .recruitWanted .jobPublisher span {
        line-height: 20px;
        color: #999;
    }
    .recruitWanted .recruitInfoTag span {
        margin-right: 20px;
        color: #666;
        display: inline-block;
        margin-bottom: 10px;
    }
    .recruitWanted .recruitInfoTag b {
        color: #ff8923;
    }
    .recruitWanted .recruitMark {
        margin-top: 10px;
    }
    .recruitWanted .recruitMark i {
        border: 1px solid #76a0ff;
        padding: 0 5px;
        margin-right: 10px;
        color: #76a0ff;
        font-style: normal;
        line-height: 26px;
        display: inline-block;
        margin-bottom: 10px;
    }
    #sendingResumeBox{
        padding: 10px;
        display: none;
        text-align: center;
    }
    #sendingResumeBox input{
       margin-bottom: 10px;
    }
    #sendingResumeBox button{
        display:inline-block;
        margin-bottom: 10px;
    }
/* 个人中心 */
    .red{
        color: red;
    }
    .userCenter{
       
    }
    .userCenterMenu{
        
    }
    .userCenterMenu h2{
        padding: 10px;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 20px;
    }
    .userCenterMenu h2 i{
        position: relative;
        top: -1px;
        margin-right: 5px;
    }
    .userCenterMenu ul{
        padding: 0 30px;
    }
    .userCenterMenu ul li{
       float: left;
       width: 50%;
       text-align: center;
       padding: 10px 0;
       position: relative;
       border-bottom: 1px solid #ddd;
       line-height: 24px;
    }
    .userCenterMenu ul li.active{
        font-size: 16px;
        font-weight: 600;
        border-bottom: 2px solid #59a0ff;
    }



    .userCenterContent{
        padding:10px 0;
        position: relative;
        float: left;
    }
    .userHeader h2{
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        border-bottom: 1px solid #ddd;
        font-weight: 600;
    }
    .userHeader{
        margin-bottom: 20px;
    }
    .userInfoBox h3{
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 20px;
    }
    .userInfoBox #uploadImg{
        width: 100px;
        height: 100px;
        border-radius: 50%;
        border: 1px solid #ddd;
    }
    .userInfoPic{
        height: 135px;
        margin-bottom: 20px;
    }
    .userInfoPic .layui-upload{
        position: relative;
    }
    .userInfoPic .layui-upload .userInfoPicTitle{
        float: left;
        display: block;
        padding: 9px 15px;
        width:110px;
        font-weight: 400;
        line-height: 20px;
        text-align: right;
    }
    .userInfoPic .layui-upload .layui-upload-list{
        float: left;
    }
    .userInfoPic #demoText .demo-reload{
        background-color: #59a0ff;
    }
    .userInfoPic #uploadBtn{
        width: 100px;
        height: 100px;
        position: absolute;
        top: 10px;
        left: 110px;
        border-radius: 50%;
        opacity: 0;
    }
    .userInfoForm .userInfoFormTip{
        padding: 0 30px;
        margin-bottom: 20px;
        color:#ff8923;
    }
    .userInfoForm {
        box-sizing: content-box !important
    }
    .userInfoForm .layui-form{
        padding: 0 10px;
    }
    .userAccount{
        display: none;
    }
    .userAccountTag p{
        float: left;
        padding: 9px 15px;
        font-weight: 400;
        line-height: 20px;
    }
    .userAccountTag p:first-child{
        display: block;
        padding: 9px 15px;
        width: 110px;
        font-weight: 400;
        line-height: 20px;
        text-align: right;
    }
    .userAccountTag p:last-child a{
        color: #59a0ff;
    }
    .userAccount .userInfoForm{
        margin-top: 10px;
    }
}