@charset "utf-8";



/*color*/

:root{--black:#333333;--yellow:#FFA34F;--white:#FFFFFF;}

#member_bg{background-repeat:no-repeat;background-position:center;background-size:cover;}

.w1400{width:1400px;margin:0 auto;}



/*search*/

.serleft::-webkit-input-placeholder{color:#999;font-size:16px;}

.serleft::-moz-placeholder{color:#999;font-size:16px;}

.serleft::-moz-placeholder{color:#999;font-size:16px;}

.serleft::-ms-input-placeholder{color:#999;font-size:16px;}



/*header*/

.header{position:fixed;left:0;top:0;width:100%;height:76px;background-color:#fff;z-index:99;border-bottom:1px solid #eeeeee;}

.header>div{justify-content:space-between;}

.menu{padding-left:105px;}

.menu ul li{float:left;}

.menu ul li{padding:0 16px;}

.menu ul li a{font-weight:700;font-size:16px;line-height:26px;color:var(--black);}

.no_login a{height:38px;display:inline-block;line-height:38px;padding:0 18px;background:#454545;border-radius:30px;font-weight:400;font-size:16px;color:var(--white);}

.head_port{margin-left:25px;position:relative;}

.head_port .h_sculpture{width:36px;height:36px;display:inline-block;border-radius:50%;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;}

.head_port .dropdown-menu{background:#FFFFFF;border-radius:16px;box-shadow:none;border:none;box-shadow:0px 0px 20px rgba(0,0,0,0.102);margin-top:8px;left:inherit;right:0;width:280px;top:100%;padding:0;position:absolute;display:none;padding-bottom:10px;}

.head_port .dropdown-menu:before{content:"";width:14px;height:8px;position:absolute;top:-8px;right:10px;background-image:url(../images/shangjiantou.svg);background-size:100%;background-repeat:no-repeat;}

.head_port .dropdown-menu ul{padding:20px;padding-bottom:0;cursor:default;}

.head_port .dropdown-menu ul li:first-child a{font-size:18px;display:block;font-weight:700;height:50px;line-height:28px;text-align:left;color:var(--black);}

.head_port .dropdown-menu ul li a{display:block;height:50px;line-height:50px;font-weight:400;font-size:16px;color:var(--black);border-bottom:1px solid #EEEEEE;}

.head_port .dropdown-menu ul li:last-child a{border-bottom:none;}

.head_port .dropdown-menu ul li:nth-child(n+2) a{background-image:url(../images/grey_jt.svg);background-size:16px 16px;background-position:right center;background-repeat:no-repeat;}

.head_port .dropdown-menu ul li:nth-child(n+2) a:hover{color:var(--yellow);background-image:url(../images/yellow_jt.svg);}

.head_port .dropdown-menu .sign_out{border-top:1px solid #EEEEEE;padding:12px 20px;}

.head_port .dropdown-menu .sign_out a{font-size:16px;color:var(--black);}

.head_port .dropdown-menu .sign_out a:hover{color:var(--yellow);}



/*头部通知*/

.header .user_remind{position:relative;margin-left:25px;}

.header .user_remind_box{position:absolute;right:-20px;top:40px;min-height:100px;width:410px;background:#FFFFFF;box-shadow:0px 0px 20px rgba(0,0,0,0.25);border-radius:8px;padding:20px 0 0px 20px;display:none;}



/*.header .user_remind_box:after{

    content: '';

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    border-bottom: 8px solid #ffffff;

    position: absolute;

    right: 23px;

    top: -8px;

    z-index: 1;

}*/

.header .user_remind_box .com_{max-height:510px;overflow-y:auto;padding-right:20px;}

.header .user_remind_box .com_ .item{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:16px;}

.header .user_remind_box .com_ .item .avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center;flex-shrink:0;background-color:#eeeeee;}

.header .user_remind_box .com_ .item .text_{width:calc(100% - 52px);padding-left:16px;flex-shrink:0;border-bottom:1px solid #eeeeee;padding-bottom:16px;}

.header .user_remind_box .com_ .item .text_ .name_{display:flex;align-items:center;justify-content:flex-start;}

.header .user_remind_box .com_ .item .text_ .name_ span{font-style:normal;font-weight:700;font-size:16px;line-height:24px;color:#333333;}

.header .user_remind_box .com_ .item .text_ .name_ i{width:8px;height:8px;background:#FFA34F;border-radius:50%;margin-left:10px;}

.header .user_remind_box .com_ .item .text_ .t1{display:flex;align-items:center;justify-content:flex-start;padding-top:8px;}

.header .user_remind_box .com_ .item .text_ .t1 span{font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#CCCCCC;}

.header .user_remind_box .com_ .item .text_ .t1 i{width:5px;height:5px;background-color:#cccccc;border-radius:50%;margin:0 5px;}

.header .user_remind_box .com_ .item .text_ .t2{margin-top:16px;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#666666;margin-top:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.header .user_remind_box .com_ .item .text_ a{display:block;width:100px;height:38px;background:#EEEEEE;border-radius:30px;font-style:normal;font-weight:400;font-size:16px;line-height:38px;text-align:center;color:#666666;margin-top:16px;}

.header .user_remind_box .clear_w{display:flex;align-items:center;justify-content:center;padding:24px 0;border-top:1px solid #eeeeee;cursor:pointer;}

.header .user_remind_box .clear_w span{font-style:normal;font-weight:400;font-size:16px;line-height:26px;text-align:center;color:#333333;margin-left:10px;}

.header .user_remind .superior{position:absolute;left:14px;top:-7px;display:inline-block;border-radius:30px;padding:2px 4px 2px 4px;background-color:var(--yellow);font-weight:400;font-size:12px;width:max-content;color:var(--white);}

.header .user_remind .notice_drop{border:none;background:#FFFFFF;box-shadow:0px 0px 20px rgba(0,0,0,0.25);border-radius:8px;margin-top:8px;left:inherit;right:-5px;width:408px;height:592px;top:100%;padding:0;position:absolute;display:none;}

.header .user_remind .notice_drop:before{content:"";width:14px;height:8px;position:absolute;top:-8px;right:10px;background-image:url(../images/shangjiantou.svg);background-size:100%;background-repeat:no-repeat;}

.empty_cont{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}

.notice_drop .notice_list{height:500px;margin-top:18px;overflow-y:scroll;}

.notice_drop .notice_list .no_tice_list{padding-bottom:16px;padding-left:20px;padding-right:20px;}

.notice_drop .notice_list .no_tice_list:last-child{padding-bottom:0;}

.notice_drop .img_left{width:52px;height:52px;float:left;margin-right:16px;}

.notice_drop  .img_left img{width:52px;height:52px;max-width:inherit;border-radius:50%;}

.notice_drop .no_tice_r{float:left;width:calc(100% - 68px);border-bottom:1px solid #EEEEEE;padding-bottom:16px;}

.notice_drop .no_tice_r .name{font-weight:700;font-size:16px;color:var(--black);padding-bottom:8px;display:flex;align-items:center;}

.notice_drop .name span{opacity:0;}

.notice_drop .unread .name span{width:8px;height:8px;margin-left:4px;border-radius:50%;display:inline-block;background:#FFA34F;opacity:1;}

.notice_drop .no_tice_r .no_tice_ly{font-size:16px;padding-top:16px;}

.notice_drop .no_tice_r .no_tice_ly2{margin-top:16px;position:relative;padding-left:26px;}

.notice_drop .no_tice_r .no_tice_ly2:before{content:"";position:absolute;left:15px;top:50%;margin-top:-7px;width:4px;height:17px;background:#E6E6E6;border-radius:20px;}

.notice_drop .no_tice_r .no_tice_ly2 span{font-size:16px;}

.notice_drop .no_tice_r .no_tice_sort{margin-top:16px;}

.notice_drop .no_tice_r .no_tice_sort span{display:inline-block;background:#EEEEEE;border-radius:30px;padding:0 16px;height:34px;line-height:34px;font-size:16px;color:#666;}

.notice_drop .no_tice_r .time span{font-size:16px;color:#CCCCCC;position:relative;padding-right:12px;margin-right:8px;}

.notice_drop .no_tice_r .time span:before{content:"·";color:#CCCCCC;position:absolute;top:0;right:0;}

.notice_drop .no_tice_r .time span:last-child{padding-right:0;margin-right:0;}

.notice_drop .no_tice_r .time span:last-child:before{display:none;}

.notice_button{width:100%;height:74px;text-align:center;border-top:1px solid #EEEEEE;display:flex;align-items:center;justify-content:center;}

.notice_button span{font-size:16px;color:var(--black);background-image:url(../images/clear.svg);background-size:20px 20px;background-repeat:no-repeat;background-position:left;padding-left:28px;}

.header .use_upload a{height:38px;line-height:38px;display:inline-block;border-radius:30px;padding:0 18px;border:1px solid #EEEEEE;font-weight:400;font-size:16px;color:var(--black);}

.header .use_upload a:hover{background:#EEEEEE;}



/*banner*/

.height76{height:76px;}

.banner{width:100%;height:500px;background-size:cover;background-repeat:no-repeat;background-position:center;}

.banner .w1400{justify-content:center;text-align:center;}

.ban_title{color:var(--white);font-family:'PingFang SC';font-style:normal;font-weight:700;font-size:56px;line-height:66px;}

.banner .ban_ser{margin-top:55px;margin-bottom:55px;position:relative;}

.banner .ban_ser .ser_form {

    height: 64px;

    width: 600px;

    border-radius: 14px;

    background: #FFFFFF;

    display: flex;

    align-items: center;

    padding: 0px 30px;

}

.banner .ban_ser .search_close{

    position: absolute;

    right: 20px;

    top: 50%;

    transform: translateY(-50%);

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background-color: #cccccc;

    z-index: 10;

    line-height: 26px;

    cursor: pointer;

    display: none;

}

.search_box{position:absolute;width:100%;border-radius:14px;background-color:#ffffff;left:0;top:calc(100% + 10px);display:none;padding:25px 30px 10px;z-index:99;box-shadow:0 0 10px rgba(0,0,0,.1);}

.search_box .t1{font-size:14px;text-align:left;color:#666666;}

.search_box .list_{padding:20px 0;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;flex-flow:row wrap;}

.search_box .item_01{padding:6px 16px;border-radius:20px;background-color:#f2f2f2;margin-right:10px;margin-bottom:10px;color:#666666;font-size:14px;}

.search_box .item_01:hover{background-color:#e5e5e5;}

.search_box .item_collect{margin-right:20px;border-radius:6px;overflow:hidden;}

.search_box .item_collect .img_{width:100px;display:flex;align-items:center;justify-content:center;flex-flow:row wrap;}

.search_box .item_collect .img_ .i{width:50px;height:50px;background-color:#eeeeee;background-position:center;background-size:cover;background-repeat:no-repeat;border:1px solid #f2f2f2;}

.search_box .hot_collect .list_{display:flex;align-items:center;justify-content:flex-start;}

.search_box .hot_collect .tit{margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.search_box .search_result .pro_list{padding-bottom:20px;}

.search_box .search_result .pro_list>a{display:block;text-align:left;font-size:14px;line-height:2;color:#666666;}

.search_box .search_result{}

.banner .ban_ser .button{width:20px;height:20px;background:none;background-image:url(../images/search.svg);background-size:100%;background-repeat:no-repeat;border:none;outline:0;cursor:pointer;}

.banner .ban_ser .input{padding-left:15px;line-height:28px;font-size:16px;flex:1;}

.banner .ban_ser .input::-moz-placeholder{color:#666;font-size:18px;font-weight:400;}

.banner .ban_ser .input:-ms-input-placeholder{color:#666;font-size:18px;font-weight:400;}

.banner .ban_ser .input::-webkit-input-placeholder{color:#666;font-size:18px;font-weight:400;}

.banner .ban_text{color:var(--white);}

.banner .ban_text span{font-size:16px;color:var(--white);margin-right:15px;}

.banner .ban_text a{font-size:16px;color:var(--white);padding:4px 16px;height:34px;border:1px solid rgba(255,255,255,0.5);border-radius:30px;margin-right:8px;}

.banner .ban_text a:hover{border:1px solid rgba(255,255,255,1);}



/*index content*/

.index_m_select{padding-top:30px;}

.index_p_list{padding-top:20px;padding-bottom:30px;}

.index_p_list .flow-default{margin-left:-12px;margin-right:-12px;}

.index_p_list ul li{width:25%;float:left;padding:12px;}

.public_li .index_title{padding-top:14px;}

.public_li .index_title h3{height:56px;}

.public_li .index_title h3 a{font-size:18px;font-weight:700;line-height:28px;color:var(--black);}

.public_li .index_title .down{padding-top:8px;justify-content:space-between;line-height:24px;}

.public_li .index_title .down .author{font-size:14px;color:#666666;}

.public_li .m_view{background-image:url(../images/m_view.svg);background-size:14px 14px;background-repeat:no-repeat;background-position:left;padding-left:18px;}

.public_li .m_click{background-image:url(../images/m_click.svg);background-size:14px 14px;background-repeat:no-repeat;background-position:left;padding-left:18px;margin-left:8px;}

.public_li .img{width:100%;height:234px;background:#D9D9D9;overflow:hidden;border-radius:8px;position:relative;z-index:1;}

.public_li .img>a{display:block;height:100%;}

.public_li .img>a img{width:100%;}

.public_li .img .r_click a:first-child{display:inline-block;position:relative;}

.public_li .img a:first-child:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:rgba(0,0,0,0.2);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;opacity:0;}

.public_li .m_hold{position:absolute;top:16px;left:16px;border-radius:30px;padding:4px 10px 4px 10px;background:rgba(0,0,0,0.6);opacity:0;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;z-index:8;}

.public_li .m_hold span{font-size:16px;line-height:26px;color:var(--white);background-image:url(../images/white_pic.svg);background-size:18px 16px;background-repeat:no-repeat;background-position:left;padding-left:23px;}

.public_li .m_hold span.no_like{display:none;color:var(--yellow);background-image:url(../images/favor_yellow.svg);}

.public_li .m_hover .m_hold span.no_like{display:inline-block;}

.public_li .m_hover .m_hold{background-color:#FFEBD9;}

.public_li .r_click{position:absolute;bottom:16px;right:16px;opacity:0;display:flex;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;z-index:8;}

.public_li .r_click span,

.public_li .r_click .m_copy{display:inline-block;width:32px;height:32px;border-radius:50%;background-color:#F1F1F1;font-size:0;margin-left:8px;background-size:20px 20px;background-position:center;background-repeat:no-repeat;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;cursor:pointer;}

.public_li .r_click span.m_collect{background-image:url(../images/sc_grey.svg);}

.public_li .r_click .m_copy{background-image:url(../images/copy_grey.svg);}

.public_li .r_click .m_download a{font-size:0;}

.public_li .r_click .m_download{background-image:url(../images/down_grey.svg);}

.public_li .r_click .m_editor{background-image:url(../images/editor.svg);position:absolute;right:0;top:-169px;}

.public_li .r_click span.m_collect.m_hover{background-color:#FFEBD9;background-image:url(../images/sc_yellow.svg);}
.public_li .r_click span.m_view.m_hover{background-image:url(../images/m_view_hover.svg);}

.public_li:hover .img a:first-child:after{opacity:1;}

.public_li:hover .m_hold,

.public_li:hover .r_click{opacity:1;}

.public_li .r_click span:hover{background-color:#FFEBD9;background-size:20px 20px;}






/*baocun tanchu*/

.favorites_list{padding-top:24px;height:400px;margin-right:-30px;padding-right:30px;}

.favorites_list ul li{height:80px;border:1px solid #EEEEEE;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;}

.favorites_list ul li:first-child span{font-size:16px;color:var(--black);}

.favorites_list .favor_add{width:130px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:6px 18px;height:38px;background:#EEEEEE;border-radius:30px;}

.favorites_list .favor_add i{font-size:16px;font-style:normal;color:var(--black);}

.favorites_list .favor_add.m_hover{background:var(--yellow);color:var(--white);}

.favorites_list .favor_add.m_hover .add_{display:none;}

.favorites_list .favor_add .add_over{display:none;color:var(--white);}

.favorites_list .favor_add.m_hover .add_over{display:inline-block;}

.favor_down,

.favor_button{border-top:1px solid #EEEEEE;margin-top:8px;padding-top:24px;text-align:center;}

.favor_down .add_favor{font-size:16px;color:var(--black);background-image:url(../images/favor_grey.svg);background-size:17px 17px;background-position:left;background-repeat:no-repeat;padding-left:27px;}

.favor_down .add_favor:hover{color:var(--yellow);background-image:url(../images/favor_yellow.svg);}

.add_favor_form2 input{height:42px;width:100%;border-radius:4px;background:#F4F4F4;padding:8px 16px;margin-bottom:16px;}

.add_favor_form2 input::-webkit-input-placeholder{color:#CCCCCC;font-size:16px;}

.add_favor_form2 input::-moz-placeholder{color:#CCCCCC;font-size:16px;}

.add_favor_form2 input::-moz-placeholder{color:#CCCCCC;font-size:16px;}

.add_favor_form2 input::-ms-input-placeholder{color:#CCCCCC;font-size:16px;}

.favor_button{padding:24px 30px 0 30px;text-align:right;}

.favor_button .establish_{background-color:var(--yellow);padding:6px 34px;height:38px;line-height:26px;border-radius:30px;font-size:16px;color:var(--white);display:inline-block;}

.favor_a_title{padding-bottom:16px;padding-top:24px;justify-content:space-between;font-size:16px;color:var(--black);}

.favor_a_title label{color:#999999;}



/*footer*/

.footer{background:#282828;padding:35px 0;}

.footer .foot_nav{padding-bottom:24px;}

.footer .foot_nav a{font-weight:700;color:var(--white);display:inline-block;position:relative;font-size:16px;margin-right:30px;}

.footer .foot_nav a:before{content:"";position:absolute;right:-20px;width:10px;top:50%;height:1px;background-color:var(--white);}

.footer .foot_nav a:last-child:before{display:none;}

.footer .f_down,

.footer .f_down a{font-size:16px;color:var(--white);}

.footer .f_down *{color:rgba(255,255,255,.5)!important;}



/*login*/

.login_form{}

.login_f_sub{font-size:16px;color:var(--black);padding-bottom:8px;}

.login_f_input{padding-bottom:8px;}

.login_f_input input{height:42px;width:100%;border-radius:4px;background:#F4F4F4;padding:8px 16px;}

.login_f_input input::-webkit-input-placeholder{color:#CCCCCC;font-size:16px;}

.login_f_input input::-moz-placeholder{color:#CCCCCC;font-size:16px;}

.login_f_input input::-moz-placeholder{color:#CCCCCC;font-size:16px;}

.login_f_input input::-ms-input-placeholder{color:#CCCCCC;font-size:16px;}

.login_button{width:100%;height:54px;background:var(--yellow);border-radius:4px;font-weight:700;font-size:18px;color:var(--white);margin-top:14px;}



/*gezhong shaixuan*/

.public_select{width:150px;height:42px;background:#FFFFFF;border:1px solid #D9D9D9;border-radius:4px;padding:0 12px;cursor:pointer;position:relative;}

.public_select .ico{margin-right:7px;width:20px;height:20px;}

.public_select .ico.on{border:solid 7px transparent;border-radius:50%;}

.public_select .ico img{width:20px;height:20px;}

.public_select .select_name{font-size:16px;padding:0;line-height:42px;color:var(--black);width:calc(100% - 10px);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.public_select .w440{width:440px;}

.public_select.m_desigin{width:160px;}

.m_desigin .drop_down_{width:380px;}

.ml12{margin-left:12px;}

.m_desigin .layui-nav-child{width:380px;}

.m_desigin .drop_down_ p{font-size:16px;display:flex;align-items:center;cursor:pointer;}

.m_desigin .drop_down_ p img{width:18px;height:18px;margin-right:10px;}

.public_select input{border:none;background:none;}

.public_select .icon{position:absolute;right:0;top:50%;height:16px;width:16px;margin-top:-8px;border:none;background-image:url(../images/select_jt.svg);background-size:100% 100%;background-repeat:no-repeat;}

.public_select .input_box{position:relative;cursor:pointer;width:-webkit-calc(100% - 27px);width:-moz-calc(100% - 27px);width:calc(100% - 27px);}

.public_select .drop_down_{position:absolute;left:-39px;top:calc(100% + 5px);right:0;background:#FFFFFF;border:1px solid #D9D9D9;box-shadow:0px 0px 10px rgba(0,0,0,0.1);border-radius:4px;padding:16px 0;display:none;z-index:8;}

.public_select.grey .drop_down_ p{padding-left:15px;padding-right:15px;line-height:44px;}

.public_select.grey .drop_down_ p:hover{background:#EEEEEE;}

.m_chuangyi .drop_down_ .list_ .pub-t1{display:none;}

.m_chuangyi .drop_down_ .list_ .pub-t1.d-show{display:inline-block;}

.m_renyuan .drop_down_{width:200px;}

.m_renyuan .drop_down_ p{font-size:16px;display:flex;align-items:center;cursor:pointer;}

.m_renyuan .drop_down_ p img{width:24px;height:24px;margin-right:10px;border-radius:50%}

.m_yanse .drop_down_{width:512px;padding:16px;}

.m_yanse .color_total li{width:8%;float:left;height:26px;font-size:0;}

.m_yanse .color_total li a{position:relative;display:inline-block;width:100%;height:100%;overflow:hidden;text-indent:-9999px;}

.m_yanse .color_total li a.active:after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;border:2px solid #ffffff;z-index:2;box-sizing:border-box;background:url(../images/succes_white.svg) no-repeat center;background-size:20px;background-color:rgba(0,0,0,.1);}

.m_chuangyi{width:170px;}

.m_chuangyi .drop_down_{min-width:400px;}

.m_chuangyi .drop_down_:before{content:"";position:absolute;left:50%;top:0;height:100%;width:1px;background:#D9D9D9;}

.m_chuangyi .drop_down_ .list_{width:50%;float:left;padding-right:20px;padding-left:15px;}

.m_chuangyi .drop_down_ .list_:nth-child(2){padding-left:30px;}

.m_chuangyi .big_name,

.m_chuangyi .drop_down_ p{font-size:16px;}

.m_guolv .drop_down_{min-width:150px;left:inherit;right:-12px;}

.m_guolv .drop_down_ p{font-size:16px;padding-left:16px;padding-right:16px;line-height:44px;}

.m_guolv .drop_down_ p:hover{background:#EEEEEE;}

.m_chuangyi .drop_down_ .list_ p{height:32px;background:#FFFFFF;border-radius:4px;line-height:32px;margin-bottom:8px;padding:0 8px;}

.m_chuangyi .drop_down_ .list_ p.active,

.m_chuangyi .drop_down_ .list_ p:hover{background-color:var(--yellow);color:var(--white);}



/*detail*/

.public_tc_1300w{width:1300px;max-height:90%;background-color:#ffffff;margin:0 auto;border-radius:8px;margin-top:80px;padding-top:30px;padding-bottom:30px;margin-bottom:50px;position:relative;}

body.fixed{touch-action:pan-y;overflow-x:hidden;overflow-y:hidden;overscroll-behavior:none;padding-right:6px;}

body.fixed .header{padding-right:6px;}

.top_d{justify-content:space-between;}

.detail_bg{background:rgba(0,0,0,0.7);}



/*.scoll_d {

    padding-top: 30px!important;

    overflow-y: auto;

    height: calc(100vh - 300px);

}*/

.detail_top .title{font-weight:700;font-size:24px;line-height:34px;color:var(--black);padding-bottom:8px;}

.detail_top .top_d .left span{font-size:14px;color:#666;position:relative;padding-right:18px;margin-right:8px;}

.detail_top .top_d .left span:after{content:"";width:9px;height:1px;right:0;position:absolute;top:50%;background-color:#666;}

.detail_top .top_d .left span:last-child:after{display:none;}

.detail_top .top_d .m_view{background-image:url(../images/m_view.svg);background-size:14px 14px;background-repeat:no-repeat;background-position:left;padding-left:18px;}

.detail_top .top_d .m_click{background-image:url(../images/m_click.svg);background-size:14px 14px;background-repeat:no-repeat;background-position:left;padding-left:18px;margin-left:8px;}

.detail_r_nav{position:sticky;top:20px;width:100px;left:calc(50% + 700px);text-align:center;}

.public_tc_1300w .top_{border-bottom:1px solid #EEEEEE;padding:0 30px;padding-bottom:24px;}

.public_tc_1300w .public_cont{padding:30px;}

.detail_r_nav .detail_close{}

.detail_r_nav .detail_close img{width:40px;height:40px;}

.detail_r_nav .r_nav_list{padding-top:10px;}

.detail_r_nav .r_nav_list li{padding-bottom:16px;display:flex;justify-content:center;position:relative;}

.detail_r_nav .r_nav_list .r_nav_icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#FFFFFF;margin:0 auto;}

.detail_r_nav .r_nav_list .r_nav_icon i{width:24px;height:24px;background-size:100%;background-repeat:no-repeat;background-position:center;}

.detail_r_nav .r_nav_list p{font-size:16px;color:var(--white);padding-top:5px;}

.detail_r_nav .r_nav_list p span{color:inherit;font-size:inherit;}

.detail_r_nav .r_nav_list .no_like{display:none;}

.r_n_favor{background-image:url(../images/sc_grey.svg);}

.r_n_baocun{background-image:url(../images/favor_grey.svg);}

.r_n_link{background-image:url(../images/copy_grey.svg);}

.r_n_down{background-image:url(../images/down_grey.svg);}

.r_n_zanshang{background-image:url(../images/zan_grey.svg);}

.r_n_share{background-image:url(../images/share_grey.svg);}

.detail_r_nav .r_nav_list li:hover .r_nav_icon,

.m_hover .r_nav_icon{background:#FFEBD9;}

.detail_r_nav .r_nav_list #userInfo:hover .r_nav_icon,

.m_hover .r_nav_icon{background-color:#ffffff;}

.m_hover .r_n_favor{background-image:url(../images/sc_yellow.svg);}

.m_hover .r_n_baocun{background-image:url(../images/yellow_pic.svg);}

.detail_r_nav .r_nav_list li:hover .r_n_link{background-image:url(../images/copy_yellow.svg);}

.detail_r_nav .r_nav_list li:hover .r_n_zanshang,

.m_hover .r_n_zanshang{background-image:url(../images/zan_yellow.svg);}

.detail_r_nav .r_nav_list li:hover .r_n_down{background-image:url(../images/down_yellow.svg);}

.detail_r_nav .r_nav_list li:hover .r_n_share{background-image:url(../images/share_yellow.svg);}

.m_hover .m_like{display:none;}

.m_hover .no_like{display:block!important;}

.share-copy{display:none;position:absolute;bottom:0%;right:120%;width:266px;background:rgba(0,0,0,0.6);border-radius:8px;padding:30px 16px;z-index:9999;}

.copyIcon{background:url(../images/succes_white.svg) center center / contain no-repeat;width:24px;height:16px;margin:0 auto;margin-bottom:20px;}

.copyDesc{font-size:16px;color:var(--white);}

.dialog_cont p{color:inherit;font-size:inherit;}

.detail_bottom{padding-top:40px;text-align:center;}

.give_click{height:56px;border-radius:30px;padding:6px 0;background-color:#EEEEEE;display:inline-block;font-size:16px;color:var(--black);padding-top:6px;text-align:center;width:100px;cursor:pointer;}

.give_click .heart{width:20px;height:20px;display:inline-block;background-image:url(../images/zan_bl_b.svg);background-repeat:no-repeat;}

.give_click span{display:block;font-size:16px;}

.give_click.m_hover{background-color:var(--yellow);}

.give_click.m_hover span{color:var(--white);}

.give_click.m_hover .heart{background-image:url(../images/zan_wt_b.svg);}

.heartAnimation{display:inline-block;-webkit-animation-name:heartBlast;animation-name:heartBlast;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:steps(28);animation-timing-function:steps(28);}

.give_total{padding-top:15px;}

.give_total p,

.give_total span{font-size:16px;}

.detail_bottom .give_img{display:flex;align-items:center;justify-content:center;margin-top:16px;}

.detail_bottom .give_img span{width:32px;height:32px;display:inline-block;margin-left:-5px;}

.detail_bottom .give_img span:first-child{margin-left:0;}

.detail_bottom .give_img span img{width:100%;height:100%;border-radius:50%;}

.detail_bottom .give_label{padding-top:28px;}

.detail_bottom .give_label a{font-size:16px;color:#666666;background:#EEEEEE;border-radius:30px;padding:4px 16px;line-height:26px;display:inline-block;margin:0 4px;}

.detail_rem{border-top:1px solid #EEEEEE;border-bottom:1px solid #EEEEEE;padding-top:40px;padding-bottom:40px;padding-left:30px;padding-right:30px;overflow:hidden;}

.de_rem_sub{font-weight:700;font-size:24px;color:var(--black);}

.de_rem_loop{padding-top:24px;}

.de_rem_loop .swiper-container{overflow:initial;}

.white_bg{width:128px;background:linear-gradient(270deg,#FFFFFF 0%,rgba(255,255,255,0) 100%);}

.de_rem_loop .btn_{position:absolute;width:36px;height:36px;top:106px;z-index:1;}

.de_rem_loop .btn_ span:first-child{width:100%;height:100%;background-color:rgba(0,0,0,0.6);backdrop-filter:blur(4px);border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:24px 24px;cursor:pointer;display:inline-block;outline:0;opacity:1;z-index:9;}

.de_rem_loop .btn_ button{position:absolute;width:128px;height:349px;top:-106px;z-index:-1;}

.de_rem_loop .btn_.proleft01 button{background:linear-gradient(270deg,rgba(255,255,255,0) 0%,#FFFFFF 104.08%);left:-30px;}

.de_rem_loop .btn_.pronext01 button{background:linear-gradient(270deg,#FFFFFF 0%,rgba(255,255,255,0) 104.08%);right:-30px;}

.de_rem_loop .btn_.swiper-button-disabled{opacity:0;}

.de_rem_loop .btn_.proleft01{left:0;}

.de_rem_loop .btn_.proleft01 span:first-child{background-image:url(../images/white_l.svg);}

.de_rem_loop .btn_.pronext01{right:0;}

.de_rem_loop .btn_.pronext01 span:first-child{background-image:url(../images/white_r.svg);}

.eval_cont{padding:40px 30px 0 30px;}

.pj_text{width:100%;padding:16px;height:122px;background:#FFFFFF;border:1px solid #EEEEEE!important;border-radius:8px;font-size:16px;}

.pj_text::-webkit-input-placeholder{color:#CCCCCC;font-size:16px;}

.pj_text::-moz-placeholder{color:#CCCCCC;font-size:16px;}

.pj_text::-moz-placeholder{color:#CCCCCC;font-size:16px;}

.pj_text::-ms-input-placeholder{color:#CCCCCC;font-size:16px;}

.eval_cont .people img{width:52px;height:52px;max-width:inherit;border-radius:50%;}

.pt24{padding-top:24px;}

.pb24{padding-bottom:24px;}

.eval_cont .btn_{float:right;border-radius:30px;height:38px;background-color:var(--yellow);font-size:16px;line-height:26px;color:var(--white);padding:6px 18px;cursor:pointer;}

.eval_cont .layui-form-label{padding:0;text-align:left;}

.eval_cont .layui-input-block{margin-left:80px;}

.detail_reply .reply_l:first-child{padding-top:15px;}

.reply_l{padding-top:24px;}

.reply_l .img_left{width:80px;float:left;}

.reply_l .reply_r{float:left;width:calc(100% - 80px);border-bottom:1px solid #EEEEEE;}

.reply_l .reply_r .name{font-weight:700;font-size:16px;color:var(--black);}

.reply_l .reply_r .time{font-size:16px;color:#CCCCCC;position:relative;margin-left:8px;padding-left:12px;}

.reply_l .reply_r .time:before{content:"·";color:#CCCCCC;position:absolute;left:0;top:0;}

.reply_l .reply_r .reply_text{padding-top:8px;font-size:16px;padding-bottom:16px;}

.reply_l .reply_r .reply_text p{font-size:16px;}

.reply_l .reply_r .layui-collapse{border:none;}

.reply_l .reply_r .layui-colla-title{display:inline-block;background:#EEEEEE;border-radius:30px;padding:0 16px;height:34px;line-height:34px;font-size:16px;color:#666;}

.reply_l .reply_r .layui-colla-title i{display:none;}

.reply_l .reply_r .layui-colla-content{border:none;padding:0;}

.reply_l .reply_open{background:#F4F4F4;border-radius:4px;height:52px;padding:13px 12px;display:flex;}

.reply_l .reply_open .author{font-size:16px;color:#CCCCCC;line-height:26px;}

.reply_l .reply_open .number{font-size:16px;color:#CCCCCC;}

.reply_l .reply_open .reply_input{flex:1;}

.reply_l .reply_open .reply_input input{border:none;background:none;line-height:26px;width:calc(100% - 20px);float:left;font-size:16px;}

.reply_more{padding-top:24px;text-align:center;}

.reply_more span{font-size:16px;color:var(--black);background-image:url(../images/down_jt.svg);background-repeat:no-repeat;background-position:right;padding-right:27px;}

.m_p_page{position:fixed;top:80%;z-index:9;cursor:pointer;}

.m_p_page{text-align:center;}

.m_p_page span{width:36px;height:36px;background-color:rgba(0,0,0,0.6);backdrop-filter:blur(4px);display:inline-block;border-radius:50%;background-size:24px 24px;background-position:center;background-repeat:no-repeat;}

.m_p_prev{left:calc(50% - 750px);transform:translateX(-50%);}

.m_p_next{right:calc(50% - 800px);transform:translateX(-50%);}

.m_p_page p{color:var(--white);font-size:16px;margin-top:8px;}

.m_p_prev span{background-image:url(../images/white_l.svg);}

.m_p_next span{background-image:url(../images/white_r.svg);}

.back-top{position:fixed;right:5px;bottom:10%;width:52px;height:52px;border-radius:50%;background-color:rgba(0,0,0,0.6);background-image:url(../images/top.svg);background-size:17px 8px;background-repeat:no-repeat;background-position:center;cursor:pointer;display:none;backdrop-filter:blur(5.77778px);z-index:99;}



/*list*/

.height166{height:166px;}

.inside_page{position:fixed;top:76px;height:90px;padding-top:24px;width:100%;background:#FFFFFF;box-shadow:0px 4px 10px rgba(0,0,0,0.05);z-index:9;}

.inside_ser{width:300px;height:42px;background:#F4F4F4;border-radius:4px;margin-right:10px;}

.inside_ser .ser_form{width:100%;height:100%;display:flex;align-items:center;padding:0px 16px;}

.inside_ser .button{width:18px;height:18px;background:none;background-image:url(../images/search.svg);background-size:100%;background-repeat:no-repeat;border:none;outline:0;cursor:pointer;}

.inside_ser .input{padding-left:8px;line-height:28px;font-size:16px;background:none;flex:1;}

.inside_ser .input::-moz-placeholder{color:#999;font-size:16px;font-weight:400;}

.inside_ser .input:-ms-input-placeholder{color:#999;font-size:16px;font-weight:400;}

.inside_ser .input::-webkit-input-placeholder{color:#999;font-size:16px;font-weight:400;}

.public_label{margin-bottom:8px;height:24px;line-height:24px;}

.public_label span{font-size:14px;color:#666666;position:relative;display:inline-block;padding-right:11px;margin-right:4px;}

.public_label span:after{content:"";position:absolute;right:0;top:50%;width:9px;height:1px;background-color:#666666;}

.public_label span:last-child{margin-right:0;padding-right:0;}

.public_label span:last-child:after{display:none;}

.no_infor{display:flex;align-items:center;justify-content:center;min-height:76vh;}



/*个人中心 作品*/

.personal_bg{height:280px;width:100%;position:relative;overflow:hidden;}

.personal_bg #member_bg{position:absolute;left:0;top:0;width:100%;height:100%;}

.personal_bg #member_bg img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

.per_mask{position:absolute;left:50%;top:0;width:50%;height:100%;transform:translate(-50%,0);text-align:center;padding-top:100px;}

.per_mask .head_img img{border-radius:50%;max-width:100px;}

.per_mask .head_name{font-weight:700;font-size:24px;line-height:34px;color:#FFFFFF;padding-top:16px;}

.per_mask .head_job{font-weight:400;font-size:16px;line-height:26px;color:#FFFFFF;padding-top:5px;}

.per_mask .head_modify{font-weight:400;font-size:16px;line-height:26px;color:#FFFFFF;bottom:25px;position:absolute;left:50%;transform:translateX(-50%);}

.head_modify span{color:inherit;font-size:inherit;background-image:url(../images/modify.svg);background-size:18px 18px;background-repeat:no-repeat;background-position:left;padding-left:25px;cursor:pointer;}

.peron_mask{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(81,81,81,0.2) 0%,rgba(81,81,81,0.14) 100%);padding-top:70px;}

.peron_mask .w1400{position:relative;height:100%;}

.peron_mask .wel_up .text{font-weight:700;font-size:32px;padding-left:8px;color:#FFFFFF;}

.peron_mask .wel_mid{padding-top:55px;}

.peron_mask .wel_mid .head_img{width:68px;margin-right:16px;}

.peron_mask .wel_mid .head_img img{border-radius:50%;}

.peron_mask .wel_mid .head_name{font-weight:700;font-size:24px;line-height:34px;color:#FFFFFF;}

.peron_mask .wel_mid .head_job{font-weight:400;font-size:16px;line-height:26px;color:#FFFFFF;}

.peron_mask .head_modify{font-weight:400;font-size:16px;line-height:26px;color:#FFFFFF;bottom:25px;position:absolute;right:0;}

.personal_nav{padding-top:30px;border-bottom:1px solid #EEEEEE;}

.personal_nav ul li{float:left;padding-right:30px;}

.personal_nav ul li a{display:inline-block;padding-bottom:22px;font-size:16px;color:var(--black);position:relative;}

.personal_nav ul li a span{color:inherit;font-size:inherit;}

.personal_nav .active a{color:var(--yellow);}

.personal_nav  a:after{content:"";width:0;height:4px;position:absolute;bottom:0;left:0;background-color:var(--yellow);transition:all .4s;}

.personal_nav .active a:after{opacity:1;width:100%;}

.personal_nav a:hover{color:var(--yellow);}

.personal_nav a:hover:after{width:100%;opacity:1;}

.sort{display:flex;padding-bottom:8px;}

.sort span{font-weight:400;font-size:14px;line-height:24px;color:#666666;display:inline-block;float:left;position:relative;}

.sort span:nth-child(2){padding-left:15px;margin-left:8px;}

.sort span:nth-child(2):before{content:"";position:absolute;width:9px;font-weight:400;height:1px;background-color:#666;left:0;top:50%;transform:translateY(-50%);}



/*shoucang*/

.coll_l_list{padding-top:20px;padding-bottom:30px;}

.coll_l_list ul{margin-left:-12px;margin-right:-12px;}

.coll_l_list ul li{width:25%;float:left;padding:12px;}

.coll_l_list .public_li .img{border-radius:8px 8px 0px 0px;}

.coll_l_list .smll_pic{padding-top:4px;height:85px;}

.coll_l_list .smll_pic span{width:32.5%;position:relative;overflow:hidden;background-color:#D9D9D9;}

.coll_l_list .smll_pic span a{display:inline-block;width:100%;}

.coll_l_list .smll_pic span:first-child{border-radius:0px 0px 0px 8px;margin-right:0.83%;}

.coll_l_list .smll_pic span:nth-child(2){margin-right:0.42%;margin-left:0.42%;}

.coll_l_list .smll_pic span:nth-child(3){border-radius:0px 0px 8px 0px;margin-left:0.83%;}

.coll_l_list .smll_pic span a:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:rgba(0,0,0,0.2);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;opacity:0;}

.coll_l_list ul li:hover .smll_pic span a:after{opacity:1;}

.coll_like{justify-content:space-between;padding-bottom:5px;}

.coll_like strong{font-weight:600;font-size:18px;color:#333333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:80%;}

.coll_like span{font-weight:400;font-size:14px;color:#999999;}



/*shoucang detail*/

.page_content{min-height:78vh;}

.like_d_up{padding-top:40px;}

.like_d_up .line{padding-bottom:30px;border-bottom:1px solid #EEEEEE;justify-content:space-between;}

.like_d_up .line .title{font-weight:700;font-size:32px;line-height:34px;color:#333333;}

.like_head{padding-top:25px;font-weight:400;font-size:16px;color:#000000;}

.like_head span{width:32px;margin-right:10px;}

.like_head span img{border-radius:50%;}

.like_d_up .line .des{padding-top:24px;}

.like_d_up .line .des span{font-weight:400;font-size:14px;line-height:24px;color:#999999;display:inline-block;position:relative;padding-right:9px;margin-right:4px;}

.like_d_up .line .des span:after{content:"-";position:absolute;width:5px;right:0;line-height:24px;}

.like_d_up .line .des span:last-child{padding-right:0;margin-right:0;}

.like_d_up .line .des span:last-child:after{display:none;}

.like_d_up .r_{text-align:right;}

.colle_share{height:38px;line-height:38px;padding:0 24px;display:inline-block;background:#EEEEEE;border-radius:30px;font-size:16px;color:#666666;transition:background .3s;cursor:pointer;}

.colle_share span{font-size:16px;color:#666666;background-image:url(../images/share_grey.svg);background-size:20px 20px;background-repeat:no-repeat;background-position:left;padding-left:24px;}

.colle_share:hover{background:var(--yellow);}

.colle_share:hover span{color:var(--white);background-image:url(../images/share_white.svg);}

.center{bottom:inherit;position:fixed;right:inherit;left:50%;top:50%;transform:translate(-50%,-50%);}

.like_d_up .r_ .colle_button{padding-top:65px;}

.like_d_up .r_ .colle_button span{font-size:16px;line-height:26px;text-align:center;height:38px;padding:0 19px;line-height:38px;display:inline-block;border:1px solid #D4D4D4;border-radius:30px;color:#666666;cursor:pointer;margin-right:10px;}

.like_d_up .r_ .colle_button span:last-child{margin-right:0;}

.like_d_up .r_ .colle_button span:hover{background-color:#EEEEEE;border:1px solid #EEEEEE;}

.delete_eject{padding:24px 60px;left:50%;top:50%;display:none;text-align:center;transform:translate(-50%,-50%);position:fixed;background:#FFFFFF;box-shadow:0px 0px 20px rgba(0,0,0,0.1);border-radius:8px;z-index:99999;}

.delete_eject p{font-weight:400;font-size:16px;line-height:26px;padding-top:7px;text-align:center;color:#333333;}

.button_two{padding-top:16px;}

.button_two button{width:120px;height:38px;border-radius:30px;margin:0 4px;font-size:16px;cursor:pointer;}

.button_two .delete_reset{border:1px solid #D4D4D4;background-color:#fff;color:#666666;transition:all 0.6s;}

.button_two .delete_reset:hover{background-color:#eeeeee;}

.button_two .delete_submit{background-color:var(--yellow);border-color:var(--yellow);color:#fff;}

.delete_prompt{display:none;bottom:inherit;position:fixed;right:inherit;left:50%;top:50%;padding:35px 38px 25px 38px;transform:translate(-50%,-50%);background:rgba(0,0,0,0.6);border-radius:8px;z-index:99999;}



/*caogao*/

.draft_hover{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;display:flex;justify-content:center;align-items:center;opacity:0;background:rgba(0,0,0,0.6);z-index:8;transition:all 0.6s;}

.draft_hover p{font-weight:400;font-size:16px;line-height:26px;text-align:center;color:#FFFFFF;padding-top:8px;}

.dra_delete{padding-bottom:8px;}

.dra_delete span,

.dra_edit span{display:inline-block;width:100px;height:38px;line-height:38px;border-radius:30px;font-size:16px;position:relative;z-index:8;cursor:pointer;}

.dra_delete span{background:#EEEEEE;color:#666666;}

.dra_edit span{background:var(--yellow);color:#fff;}

.public_li:hover .draft_hover{opacity:1;}



/*加载更多*/

.d_news_more{margin:0px auto 40px;display:flex;align-items:center;justify-content:center;}

.d_news_more span{font-size:20px;font-weight:400;color:#CCCCCC;line-height:23px;}

.d_news_more .icon{display:inline-block;width:16px;height:16px;background-image:url(../images/d_more.svg);background-repeat:no-repeat;background-position:center;margin-left:10px;}

.content{min-height:calc(100vh - 166px);}

.colet_span{display:block;font-style:normal;font-weight:400;font-size:14px;line-height:24px;color:#666666;margin:5px 0;}

.input_box .span{position:relative;}

.input_box .span:after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background-color:transparent;z-index:2;}