@charset "utf-8";
:root{
    --color: #0052d9;
    --width:1220px;
    --radius:8px;
}
.tb80{ padding: 80px 0; }
.trans{ transition: all .3s; }
.ovh{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.cred{ color: red; }
/** stips **/
.stips{
    position: absolute;
    top: 20px;
    left: calc((100% - var(--width) - 27px) / 2);
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 22px;
    z-index: 998;
}
/*Header*/
.headers{ position: fixed;top: 0;left: 0;width: 100%;z-index:2147483650; }
.headers,
.headers .logo a,
.ruser .non-user,
.ruser .in-user{ height: 80px; }
.headers .logo{ width: 140px;max-height: 80px;overflow: hidden; }
.headers .logo a{ display: flex;align-items: center; }
.ruser{ position: relative; width: 85px; }
.ruser .non-user{ display: flex;align-items: center }
.ruser .non-user a{ display: block;float: left; position: relative;cursor: pointer; color: #fff;font-size: 16px;padding: 0 10px; }
.ruser .non-user a:first-child{ padding-left: 0; }
.ruser .non-user a:last-child{ padding-right: 0; }
.ruser .non-user a:last-child:after{ position: absolute;top: 7px;left: -1px;width: 1px;height: 14px;background: #595959;content: "";z-index: 6; }
/* in-user */
.ruser .in-user{ position: relative;  }
.ruser .in-user .notice-lc{position: absolute;top: 5px;right: -20px;z-index: 88;}
.ruser .in-user .bhs{ position: absolute;top: 28px;right: 60px; display: block; min-width: 200px;
    color: #fff;font-size: 16px;font-weight: bold;text-align: right; }
.ruser .in-user .udown{ float: right; width: 50px; height: 80px; }
.ruser .in-user .avatr{ float: right; width: 50px;height: 50px;border-radius: 65px;margin-top: 15px; overflow: hidden; }
.ruser .in-user .drop-down-user {
    display: none;
    width: 190px;
    height: auto;
    position: absolute;
    top: 80px;
    right: 0;
    background: #fff;
    padding-bottom: 5px;
    text-indent: 20px;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    z-index: 180;
}
.ruser .in-user .drop-down-user h5 {
    height: 55px;
    line-height: 55px;
    font-weight: bold;
    overflow: hidden;
}
.ruser .in-user .drop-down-user h5 a {color: #333;}
.ruser .in-user .drop-down-user ul li {
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 0;
    border-top: 1px solid #eee;
}
.ruser .in-user .drop-down-user ul li a {display: block;}
.ruser .in-user .udown:hover .drop-down-user{ display: block; }
.ruser .in-user .drop-down-user ul li:hover {background: #f0f0f0;}
/** status **/
.ruser .in-user .drop-down-user ul li a.active{ color: #FF5722; }
.ruser .in-user .drop-down-user ul li a.operate{ color: #000; }
.ruser .in-user .drop-down-user ul li a.invalid{ color: #ccc; }
/** nav **/
.nav{ float: left; width: calc(100% - 290px);padding: 0 15px;text-align: center; }
.nav ul li{
    position:relative;
    display: inline-block;
    margin: 27px 10px 0;
}
.nav ul li a{ font-size: 16px; color: #fff;padding: 5px 25px;border-radius: 65px; }
.nav ul li.on a{ background: var(--color) }
/*Slide*/
.slide-usezans .swiper-slide{ background-position: center center; }
.slide-usezans .swiper-button-prev{left: calc((100% - var(--width) - 27px) / 2);}
.slide-usezans .swiper-button-next{right: calc((100% - var(--width) - 27px) / 2);}
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets{ bottom: 35px; }
.slide-usezans .swiper-pagination-bullet{ width: 70px;height: 3px;border-radius: 0;  }
.slide-usezans .swiper-slide .aurl{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 68; }
/** Footer **/
.footer{ height: 80px;line-height: 80px;text-align: center; }
.footer,.footer a{ color: #fff; }
.clslist .footer{ background: #f7f7f7; }
.clslist .footer,.clslist .footer a{ color: #999; }
/** model-fix **/
.model-fix{ position: fixed;bottom: 80px;left: 0;width: 100%;height: 239px;
    background: url("../images/aimg.jpg") no-repeat center center;transition: all .3s; z-index: 68; }
.model-fix.down{ opacity: 0; }
.model-fix .intro{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
}
.model-fix .intro h5{ font-size: 46px; }
.model-fix .intro p{ font-size: 16px; }
.model-fix .intro a{ display: block;width: 156px;height: 48px;line-height: 48px; border: 2px solid #fff;text-align: center;border-radius: 5px;
    margin: 25px auto 0;font-size: 16px;color: #fff; }
.model-fix .close-x{
    position: absolute;
    top: 25px;
    right: calc((100% - var(--width) - 40px) / 2);
    cursor: pointer;
}
/*++------------------------
/*++  Plate-Module
/*++------------------------*/
.plate{
    position: relative;
    background: url("../images/home-bg.jpg") repeat-y center top;
    background-size: cover;
}
.model img{ display: block;width: 100%;margin: 0 auto; }
.model.ds-remark{ padding-top: 115px; }
.model.mm-remark{ padding-top: 145px; }
.model.px-remark,.model.jx-remark{ padding-top: 150px; }
.model.jx-remark{ padding-bottom: 480px; }
/*++------------------------
/*++  Member
/*++------------------------*/
.cbth{ display: block; padding: 12px 30px;background: #000;color: #fff;text-align: center; }
.cbth.bmcor-0{ background: #FF5722; }
.cbth.bmcor-1{ background: #5FB878; }
.member-list{ padding: 30px 0; }
.member-list .unav,
.member-list .ucontent{ background: #fff;border-radius: var(--radius);overflow: hidden; }
.member-list .unav{ float: left; width: 220px; }
.member-list .ucontent{ position: relative; float: right; width: 980px;min-height: calc(100vh - 220px); }
.member-list .unav h5,
.member-list .unav ul li{ text-indent: 20px; }
.member-list .unav h5{ height: 67px;line-height: 67px;background: var(--color);font-size: 20px;color: #fff; }
.member-list .unav ul li{ line-height: 55px;border-bottom: 1px solid #ebebeb; }
.member-list .unav ul li:last-child{ border-bottom: 0; }
.member-list .unav ul li a{ display: block;cursor: pointer; }
.member-list .unav ul li a.active{ color: #FF5722 }
.member-list .unav ul li a.operate{ color: #000 }
.member-list .unav ul li a.invalid{ color: #ccc }
.member-list .unav ul li:hover a,
.member-list .unav ul li.on a{ color: var(--color);font-weight: bold; }
.member-list .ucontent .cons{ padding: 0 25px; }
.member-list .ucontent .title{ position: relative; height: 66px;line-height: 66px;border-bottom: 1px solid #ebebeb; }
.member-list .ucontent .title.group-title{ margin-top: 40px;border-top: 1px solid #ebebeb;border-bottom: none; }
.member-list .ucontent .title h3{ float: left;font-size: 16px;color: #000;font-weight: bold; }
.member-list .ucontent .titnav,
.member-list .ucontent .titnav ul li{ float:left;margin-left: 25px; }
.member-list .ucontent .titnav ul li{ position: relative; font-size: 15px;color: #666;cursor: pointer; }
.member-list .ucontent .titnav ul li em{ position: relative; float: left; display: block;width: 14px;height: 14px;border: 1px solid #dbdbdb;border-radius: 65px;
    margin:25px 5px 0 0; }
.member-list .ucontent .titnav ul li em:after{ width: 6px;height: 6px; display: block;content: "";background: #fff;border-radius: 65px;margin: 4px 0 0 4px; }
.member-list .ucontent .titnav ul li.on em{ background: var(--color);border-color: var(--color); }
.member-list .ucontent .ulist{ padding: 30px 0; }
.member-list .ucontent .layui-input,
.member-list .ucontent .layui-textarea{ border-radius: 8px; }
.member-list .ucontent .layui-input:disabled{ background: #f0f0f0; }
.member-list .ucontent .layui-btn{ display: block;width: 140px;height: 50px; background: var(--color);border-radius: var(--radius);
    margin: 60px auto 0;
}
.member-list .ucontent .layui-btn.upavatr{
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
    background: #f5f5f5;
    margin: 0 0 20px;
    padding: 0;
    border-radius: 65px;
    overflow: hidden;
}
.member-list .ucontent .layui-btn.upavatr img{ display: block;width: 100%;height: 100%; }
.member-list .ucontent .layui-btn.upavatr p{
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: center;
    background: #000;
}
.member-list .ucontent .input-tip .layui-form-label {font-weight: bold}
.member-list .ucontent .input-tip .layui-input {border: none}
.member-list .ucontent .cons_info { padding: 0 25px; }
.member-list .ucontent .cons_info .title { text-align: center;border-bottom: none;height: auto;line-height: normal;
    padding: 25px 0 0; }
.member-list .ucontent .cons_info .title h3 { text-align: center;float: none;padding-bottom: 20px; }
.member-list .ucontent .cons_info .title p{ text-align: left;padding: 0 0 25px; }
.member-list .ucontent .cons_info input { border: none}
.member-list .ucontent .cons_info .layui-form-item { margin-bottom: 10px;border-top: 1px solid #ebebeb;padding-top: 10px;}
.member-list .ucontent .cons_info .layui-form-item.wxbind .layui-input-block{ padding-top: 10px; }
.member-list .ucontent .cons_info .layui-form-item.button {text-align: center}
.member-list .ucontent .cons_info .ulist { padding-top: 0}
.member-list .ucontent .cons_info .layui-btn {line-height: 45px;}
.member-list .ucontent .cons_info .title a{ color: var(--color); }
.member-list .ucontent .cons_info .title a:hover{ font-weight: bold; }
.member-list .ucontent .cons_info .layui-btn {width: auto;display: inline-block}
/** bm-end **/
.member-list .ucontent .bm-end{ position: absolute;top: 40%;left: 50%;text-align: center;transform: translate(-50%, -50%); }
.member-list .ucontent .bm-end p{ color: #999;padding-top: 10px; }
/** tips **/
.zdtips{ padding: 10px 0 0; color: #999;font-size: 12px; }
/** pwds **/
.btn-pwds,.btn-wechat{ display:block;width: 100px;height: 38px;background: #f0f0f0;border: 0;border-radius: 5px;
    cursor: pointer;
}
.btn-wechat.wxbdok{ background:#5FB878;color: #fff; }
.pwds-cons{ padding: 20px; }
.pwds-cons ul li{ position: relative; margin-bottom: 15px; }
.pwds-cons .layui-input.put{ float: left; width: 180px; }
.pwds-cons .expcode{position: absolute;top: 0;left: 190px;display: block;width: 80px;height: 37px;border: 0;color: #9471dc;
    background: transparent;cursor: pointer;outline: none;z-index: 8;}
.pwds-cons .expcode.h{ color: #a07941; }
.pwds-cons .layui-btn{ background: var(--color); }
/*++--------------
/*++  notice
/*++--------------*/
.member-list .ucontent .notice.ulist{ padding: 0; }
.member-list .notice.ulist ul.uls li{display: flex;padding: 19px 0; border-bottom: 1px solid #ebebeb;}
.member-list .notice.ulist ul.uls li:last-child{ border-bottom: 0; }
.member-list .notice.ulist ul.uls li h3{ position: relative; float: left; display: block;width: calc(100% - 140px); }
.member-list .notice.ulist ul.uls li h3 a{ color: var(--color);font-weight: bold; }
.member-list .notice.ulist ul.uls li .tit{ display: block;width: calc(100% - 80px); }
.member-list .notice.ulist ul.uls li .layui-btn-sm{ position: absolute;top: -4px;right: 0; border: 0;color: #fff;border-radius: 5px;
    cursor: pointer;z-index: 68 }
.member-list .notice.ulist ul.uls li .time{ display: block; width: 130px; float: right;color: #999;text-align: right; }
/*++--------------
/*++  Works
/*++--------------*/
.btitle{ float: right; width: 930px;border-radius: var(--radius);background: #fff;margin-bottom: 15px;padding: 0 25px;overflow: hidden; }
.btitle.minhg{ min-height: calc(100vh - 235px); }
.btitle .bh5{ height: 65px;line-height: 65px;font-size: 16px;color: #000;font-weight: bold; }
/** works-template **/
.works-template{ background: #fff; padding: 25px;margin-bottom: 15px;border-radius: var(--radius) }
.works-template img{ margin-right: 5px; }
.works-template a{ color: var(--color);line-height: 25px; }
.works-template p{ padding-top: 5px; }
/** list **/
.works-vlist{ padding: 20px 0; }
.works-vlist h3{ font-size: 30px;text-align: center;padding-bottom: 20px; }
.works-vlist ul li{ float: left; width: calc((100% / 5) - 12px); margin-right: 15px;text-align: center; }
.works-vlist ul li:nth-of-type(5n){ margin-right: 0; }
.works-vlist ul li a{ position: relative; display: block; }
.works-vlist ul li img{ display:block;width: 100%; }
.works-vlist.recycle ul li img{ height: 180px; }
.works-vlist ul li h5{ padding-bottom: 8px;text-align: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.works-vlist ul li p{ padding-top: 5px; }
.works-vlist ul li .wstatus{ position: absolute;top: 0;right: 0; padding: 5px 10px;color: #fff;background: #666; z-index: 68 }
.works-vlist ul li .wstatus.cor-0{ background: #FF5722; }
.works-vlist ul li .wstatus.cor-1{ background: #5FB878; }
.works-vlist ul li .wstatus.cor--1{ background: #c2c2c2; }
.works-vlist ul li .wstatus.cor-6{ background: #009688; }
.works-vlist ul li .wstatus.cor-2,
.works-vlist ul li .wstatus.cor-9{ background: #FFB800; }
/** noworks **/
.noworks img{ display: block;margin: 0 auto; }
.work-tips{ width: 500px;margin: 30px auto 10px;color: #999;text-align: center; }
/** reviewtxt **/
.reviewtxt{ padding: 20px 0; }
.reviewtxt.cred{ color: red; }
/** work-form **/
.add-worksh6{ font-size: 30px; text-align: center;padding: 30px 0 0; }
.member-list.works .ucontent{ background: transparent; }
.member-list.works .ucontent .cons{ background: #fff;
    /*margin-bottom: 15px;*/
    /*border-radius: var(--radius);*/
}
.member-list.works .ucontent .ulist{ padding: 20px 0 10px; }
.member-list.works .ucontent .title h3{ font-size: 15px;font-weight: normal; }
.member-list.works .ucontent .title h3{ float: none; }
.member-list.works .ucontent .title h3 p{ display: inline-block;font-size: 12px;color: #999;padding-left: 15px; }
.member-list.works .ucontent .title.w100 h3{ float: none;padding-bottom: 5px; }
.member-list.works .ucontent .title.w100{ padding: 20px 0 10px;height: auto;line-height: normal; }
.member-list.works .ucontent .title.w100 p{ font-size: 12px; }
.member-list.works .ucontent .wtips{ color: red;padding-top: 10px;font-size: 12px; }
.works .layui-form .layui-input,
.works .layui-form .layui-textarea{ background: #f5f5f5; }
.works .layui-form .layui-textarea{ resize: none; }
.member-list .ucontent .layui-btn.upfile{ position: relative; display: block;width: 220px;height: 175px;background: #f5f5f5;margin: 0 0 20px; }
.member-list .ucontent .layui-btn.upfile p{ color: #999;padding-top: 5px; }
.works .cls-char{ display: flex;align-items: flex-end; }
.member-list.works .ucontent .layui-btn.bthsub{ float: left; margin: 30px 45px 0 0; }
.member-list.works .ucontent .layui-btn.bthsub.draft{ background: #a2a2a2; }
.member-list.works .ucontent .layui-btn.bthsub.delworks{ background:rgba(236,128,141,1); }
.member-list.works .works-input{ padding-bottom: 20px; }
.member-list.works #uploader{ width: 100%; }
.member-list.works #queueList .filelist {
    padding-top: 52px;
}
.member-list.works .f12-99{ display: block; font-size: 12px;color: #999;margin-top: 10px; }
/** watermark **/
.watermark{
    position: relative;
}
.watermark .bgwater{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/bgwaterx2000.png") repeat-y center center;
}
/**progress**/
.member-list.works .progress{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 40px);
    height: 100%;
    background: rgba(0,0,0,.8);
    padding: 0 20px;
    z-index: 68;
}
.member-list.works .progress .layui-progress{ margin-top: 85px; }
.member-list.works .progress .layui-progress-text{ top: -30px;color: #fff; }
/** wcopyright **/
.lay-copyright{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    z-index: 888;
}
.copy-layxs{ position: absolute;top: 20px;right: 30px;cursor: pointer;transition: all .3s; z-index: 84; }
.wcopyright,
.wcopyright .wcopyright-text{ height:calc(100vh - 250px); background: #fff; }
.lay-copyright.declaration .wcopyright,
.lay-copyright.declaration .wcopyright .wcopyright-text{ height: 450px;position: relative; }
.wcopyright{ position: absolute;top: 80px;left: 50%; width: 900px;
    margin: 0 0 0 -450px; }
.wcopyright .wcopyright-text{ padding: 55px;overflow-y:scroll; }
.wcopyright .wtitle{ text-align: center;color: #000; }
.wcopyright .wtitle h3{ font-size: 30px; }
.wcopyright .wtitle h5{ font-size: 28px;padding: 20px 0 40px; }
.wcopyright .wcontent p{ line-height: 45px;color: #333;font-size: 18px; }
.wcopyright .wcopyright-text .declaraname{ position: absolute;bottom: 80px;right: 20px;font-size: 16px;color: #000;z-index: 65 }
.wcopyright .cpoy-bth{ position: absolute;bottom: -110px;left: 0;width: 100%;text-align: center;padding: 10px 0;background: #f0f0f0; z-index: 68; }
.member-list.works .ucontent .cpoy-bth .bthsub{ display: inline-block;float: none;margin: 0; width: 160px;height: 50px;background: var(--color);}
.member-list.works .ucontent .cpoy-bth .bthsub.bind-gos,
.member-list.works .ucontent .cpoy-bth .bthsub.bind-time{ background: #cacaca; }
.copy-layxs:hover{ transform: rotate(90deg); }
/** empty **/
.member-list .empty,
.member-list .empty .empty-content{ min-height: calc(100vh - 300px); background: #fff;border-radius: var(--radius); }
.member-list .empty .empty-content{ display: flex;align-items: center;flex-direction: column;justify-content: center;
    text-align: center; }
.member-list .empty p{ color: #666;padding-top: 10px; }
/** 我的作品 **/
.meworks{ padding: 20px 0; }
.meworks{ font-size: 30px;text-align: center;padding-bottom: 20px;}
.meworks ul li { display: flex;width: 100%;padding: 15px 0; border-bottom: 1px solid #f0f0f0;text-align: left; }
.meworks ul li .detail-a{ margin-right: 20px; }
.meworks ul li .imgs{ position: relative; float: left; width: 250px; overflow: hidden; }
.meworks ul li .imgs img{ max-height: 140px; }
.meworks ul li h5 {font-size: 14px;padding-bottom: 8px;text-align: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.meworks ul li p {padding-top: 5px;font-size: 14px;}
.meworks ul li .rev-bth{ width: 230px; }
.meworks ul li .rev-bth .remark{ margin-top: 28px; height: 140px;background: #fbfbfb; }
.meworks ul li .rev-bth h6{ background: #555555;color: #fff;font-size: 14px;line-height: 40px;
    text-align: center; }
.meworks ul li .rev-bth .remark a{ display: block;height: 100px;line-height: 100px;
    text-align: center; font-size: 14px;color: #333; }
.meworks ul li .rev-bth .remark a.crw-1{ background:#04D919 }
.meworks ul li .rev-bth .remark a.crw-0{ background:#FF8795 }
.meworks ul li .rev-bth .isealo{ display: block; color:#02790E;font-size: 14px;
    text-align: center;padding-top: 10px; }
.meworks ul li .rev-bth .isealo.bthappeal{ color: #0000FF; }
.meworks ul li .rev-bth .isealo.isea-1{ color: #D9001B; }
.meworks ul li .rev-bth .isealo.isea-4{ color: #999; }
.meworks ul li .wstatus{ position: absolute;top: 28px;left: 0; padding: 5px 10px;color: #fff;font-size: 13px; z-index: 68 }
.meworks ul li .wstatus.cor-0{ background: #FF5722; }
.meworks ul li .wstatus.cor-1{ background: #5FB878; }
.meworks ul li .wstatus.cor--1{ background: #c2c2c2; }
.meworks ul li .wstatus.cor-6{ background: #009688; }
.meworks ul li .wstatus.cor-2,
.meworks ul li .wstatus.cor-9{ background: #FFB800; }
.meworks ul li .layui-btn{ margin-right: 10px;background: var(--color); }
.layui-layer-appealrs .layui-layer-content{ padding: 20px; }
/** 申诉按钮 **/
.meworks ul li .layui-btn.isea1{ background:#5FB878}
.meworks ul li .layui-btn.isea2{ background:#393D49}
.meworks ul li .layui-btn.isea-1{ background:#FF5722}
.meworks ul li .layui-btn.isea4{ background: #c3c3c3; }
/** 评分明细 **/
.bg-white{ background: #fff;margin-top: 20px;padding: 20px; }
.meworks-score h1{ font-size: 30px;color: #000;text-align: center;padding: 30px 0; }
.rating-show{ background: #fbfbfb;padding: 10px; }
.rating-show .imgs a{ display: flex;align-items: center; }
.rating-show .imgs img{ width: 200px;margin-right: 30px; }
.rating-show .imgs h5,
.rating-show .imgs p{ margin: 0; }
.rating-show .imgs h5{ font-size: 16px; }
.rating-show .imgs p{ line-height: 24px;color: #666;padding-top:5px; }
.urating .rcount h5{ margin: 0;font-size: 16px;padding-bottom:5px;color: #fff; }
.urating .rcount h5 span{ display: inline-block;margin-left: 20px;padding: 5px 10px;background: #5FB878; }
.rating-show .total{ padding: 20px 0; font-size: 18px; }
.rating-show .total span{ color: red; }
.rating-show .b{ text-align: center; }
.rating-show .b span{ display: inline-block; color: #fff;font-size: 16px;margin-left: 30px;padding: 8px 15px; }
.rating-show .b span.b1{ background: #00B332; }
.rating-show .b span.b1.eal1,
.rating-show .b span.b0{ background: #D9001B; }
.urating .pinyu{ margin-top: 10px;}
.urating .pinyu strong{ display: block;float: left;width: 55px; }
.urating .pinyu p{ padding: 10px; float: right; width: calc(100% - 75px);background: #F2F2F2; }
/**申诉**/
.layui-textarea.decode{ height: auto;overflow-y: auto; }
.layui-textarea.decode img{ max-width: 100%;height: auto; }
.appeal-con{ padding: 20px; }
.appeal-con .app-remark{ width:calc(100% - 20px);height: 180px;padding: 10px; resize: none;border: 1px solid #f0f0f0;outline: none; }
.appeal-con .layui-btn{ background: var(--color);margin: 20px 0 0; }
/** follow **/
.follow.ulist ul li{
    float: left;
    width: 290px;
    margin: 0 30px 30px 0;
}
.follow.ulist ul li:nth-of-type(3n){ margin-right: 0; }
.follow.ulist ul li .imgs{ position: relative; width: 100%;height: 200px;border-radius: 5px;border: 1px solid #f0f0f0; overflow: hidden;  }
.follow.ulist ul li .imgs img{ display: block;width: 100%;height: 100%; }
.follow.ulist ul li .imgs .ruw{ position: absolute;top: 13px;right: 13px; padding: 3px 8px;color: #fff;border-radius: 5px;background: var(--color);
    font-size: 12px; z-index: 68;}
.follow.ulist ul li .imgs .ruw.is1{ background:red; }
.follow.ulist ul li .remark h5{ font-size: 16px;font-weight: bold; color: #000;padding-top: 10px; }
.follow.ulist ul li .remark p{ color: #666; }
.follow.ulist ul li:hover .remark h5{ color: var(--color); }
/** ReviewShow **/
.pics ul li,
.pics ul li a{ height: 180px; }
.pics ul li{ position: relative; float: left; width: 276px;padding: 10px; background: #f5f5f5;margin: 0 20px 20px 0; }
.pics ul li:nth-of-type(3n){ margin-right: 0; }
.pics ul li a{ display: flex;align-items: center; }
.pics ul li img{ display: block;max-width: 100%;height: 100%; margin: 0 auto; }
.bth-review{ position: fixed;top: 50%;right: calc((100% - var(--width) - 220px) / 2); display: block;width: 68px;height: 68px;border-radius: 5px;
    z-index: 106;cursor: pointer; overflow: hidden; }
.ucontent .layui-elem-quote{ padding: 8px; }
.rating-radio{ padding:10px 0; }
.rating-radio .layui-form-radio{ position: relative; width: 100px;z-index: 100 }
.scroce-num{ text-align: right; font-size: 16px; padding: 15px 25px;background: #fff;border-top: 1px solid #f0f0f0; }
.scroce-num .cred{ color: red; }

@media screen and (max-width: 1500px){
    .bth-review{ right: 20px; }
}
/** review-go **/
.score-img{ position: absolute;top: 10px;right: -10px;z-index: 6; }
.layui-layer.layui-layer-review,
.layui-layer.layui-layer-score{ border-radius: var(--radius);overflow: hidden; }
.review-go{
    width: 1130px;
    background: #fff;
    border-radius: var(--radius);
    overflow: hidden;
}
.review-go .xscore{ display: block;position: absolute;top: 20px;right: 20px;cursor: pointer; z-index: 98; }
.review-go .title{ padding: 30px 0 20px;text-align: center; }
.review-go .title h2{ font-size:22px;color: #000;font-weight: bold; }
.review-go .title p{ color:#666; }
.review-go .title p strong{ color:#a300d8; }
.review-go .cons{ padding:0 25px 30px; }
.review-go .cons ul{ border:1px solid #d9d9d9; }
.review-go .cons ul li{ padding:20px 20px 10px;border-bottom: 1px solid #d9d9d9; }
.review-go .cons ul li:last-child{ border-bottom: 0; }
.review-go .cons ul li h3{ font-weight: bold;font-size: 14px;color: #000;margin-bottom: 10px; }
.review-go .cons ul li p{ display: flex;align-items: center; width:calc(100% / 4);float: left; color: #666;margin-bottom: 10px; }
.review-go .cons ul li p .layui-input{ padding: 0 10px; width: 60px;height: 30px;margin-left: 15px;text-align: center; }
.review-go .bthsub{display: block;width: 140px;height: 50px; background: var(--color);border-radius: var(--radius);margin: 40px auto 0; }
.review-go .xscore:hover{ transform: rotate(90deg); }
/** score-content **/
.score-content{ display: flex;align-items: center;flex-direction: column;justify-content: center; height: 340px; }
.score-content .h5{ font-size: 26px;color: #000;font-weight: bold;padding-bottom:5px; }
.score-content p{ font-size: 15px;color: #666 }
.score-content p span{ color: #a300d8;text-decoration:underline;font-weight: bold; }
.a30{ color: #FF5722; }
.score-content .score-sub{
    display: inline-block;
    width: 178px;
    height: 63px;
    border: 1px solid var(--color);
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    background: var(--color);
    cursor: pointer;
}
.score-content .bth-score{ margin-top: 80px; }
.score-content .score-sub.rescore{ margin-right: 23px;border-color: #a70cda;color: #a70cda;background: #fff; }
/*++------------------------
/*++  Member-expert
/*++------------------------*/
.expert-core .member-list .ucontent{ position: relative; float: none; width: 100%;overflow: inherit; }
.expert-core .follow.ulist ul{ border-top: 1px solid #ebebeb;padding: 20px 0; }
.expert-core .follow.ulist ul h3{ font-size: 16px;color:#000;margin-bottom: 20px;font-weight: bold; }
.expert-core .follow.ulist ul li{ width:277px; margin: 0 20px 20px 0; }
.expert-core .follow.ulist ul li:nth-of-type(3n){ margin-right: 20px; }
.expert-core .follow.ulist ul li:nth-of-type(4n){ margin-right: 0; }
.expert-core .follow.ulist ul li .remark h5{ font-weight: normal; }
.return{ display: inline-block; padding-bottom: 30px;color: #000; }
.expert-search{ padding-bottom: 30px; }
.expert-search .cls-title{ width: 255px;height: 40px;border: 1px solid #e0e0e0;padding: 0 10px; }
.expert-search .bth-search{ width: 100px;height: 40px;line-height: 40px;border: 0;background: #000;color: #fff;cursor: pointer;
    margin-left: 20px;
}
/** show **/
body.expceng{overflow: hidden;}
.updown{
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1060;
    width: 40px;
    height: 100%;
}
.expceng .updown { right: 800px; }
.updown .copen{
    position: absolute;
    top: 50%;
    left: 0;
    width: 40px;
    padding: 20px 0;
    color: #fff;
    background: #0052d9;
    text-align: center;
    cursor: pointer;
    z-index: 1055;
}
.updown .copen em{ display: block;width: 20px;font-style: normal;margin: 0 auto; }
.layer-review-content{
    position: absolute;
    left: 40px;
    top: 0;
    width: 800px;
    height: 100%;
    z-index: 1058;
    background: #eceaea none repeat scroll 0% 0%;
}
.expscore .review-go{ width: 800px;height: 100%;overflow-y: auto; }
.expceng .laydask{ position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);z-index: 1020; }
.expceng .review-go .bthsub{ margin: 0 auto; }

.rating-radio-exp .layui-input{ text-align: center;padding: 0 10px; }
.rating-radio-exp .layui-word-aux span{ color: #333;padding-left: 10px; }
.rating-radio-exp .layui-word-aux span .hnum{ color: red; }
/*+-----------------
 + member-bangdan
 +------------------*/
.ulist-lists:after,
.ulist-lists ul li:after{ display:block;content:"";clear:both; }
.ulist-lists{ padding: 30px 0; }
.ulist-lists .ulist-lists-bd{ padding:0 30px 60px; border-radius: 5px;background: #fff; }
.ulist-lists .utitle{ padding:30px 0;border-bottom: 1px solid #ebebeb; }
.ulist-lists .utitle .count{ font-size:22px;color: #333; }
.ulist-lists .utitle .only-qi{ display: inline-block;padding-left: 60px;color: #666; }
.ulist-lists .utitle .only-qi .number{ font-size: 22px;color: #333;padding: 0 5px; }
.ulist-lists .utitle .utime{ padding-left: 10px; }
.ulist-lists .utitle .see-ulist{ position: relative; cursor: pointer; }
.ulist-lists .utitle .see-ulist i{ display: inline-block; width: 9px;height: 6px;background: url("../images/icon-down.png"); vertical-align: middle;margin-left:5px;
    transition: all .3s ease-out;-webkit-transition: all .3s ease-out;
}
.ulist-lists .utitle .see-ulist .old-bangdan{
    display: none; position: absolute;top: 20px;left: -70px; width: 200px;max-height: 620px;padding: 10px 0; background: #fff;border-radius: 5px;overflow-y: auto;
    -webkit-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2); z-index: 600;
}
.ulist-lists .utitle .see-ulist .old-bangdan a{ display: block;padding: 12px 25px; }
.ulist-lists .utitle .see-ulist .old-bangdan h5{ color: #666; }
.ulist-lists .utitle .see-ulist .old-bangdan p{ color: #999;font-size: 12px; }
.ulist-lists .utitle .see-ulist:hover .old-bangdan{ display: block; }
.ulist-lists .utitle .see-ulist:hover i{ transform: rotate(-180deg);-webkit-transform: rotate(-180deg); }
.ulist-lists .utitle .see-ulist .old-bangdan a.on,
.ulist-lists .utitle .see-ulist .old-bangdan a:hover { background: #f9f9f9; }
.ulist-lists .utitle .see-ulist .old-bangdan a.on h5,
.ulist-lists .utitle .see-ulist .old-bangdan a:hover h5,
.ulist-lists .utitle .see-ulist .old-bangdan a.on p,
.ulist-lists .utitle .see-ulist .old-bangdan a:hover p{color: #333;}
/* webkit内核 滚动条*/
.ulist-lists .utitle .see-ulist .old-bangdan::-webkit-scrollbar {width:3px;background-color:#006eff;}
.ulist-lists .utitle .see-ulist .old-bangdan::-webkit-scrollbar-thumb {width:3px;background-color:#999;}
.ulist-lists .utitle .see-ulist .old-bangdan::-webkit-scrollbar-track-piece {width:3px;background-color:#f8f8f8;}
.ulist-lists .utitle .see-ulist .old-bangdan::-webkit-scrollbar-thumb:hover {width:3px;background-color:#0057ff;}
.ulist-lists ul li{ position:relative;padding:30px 0;border-bottom: 1px solid #ebebeb; }
.ulist-lists ul li .top-num{position:relative;width:82px;margin-right:65px; }
.ulist-lists ul li .top-num img{ width: 100%;margin: 55px 0 0 0; }
.ulist-lists ul li .top-num .top-num{display: block; font:normal bold 30px arial;color: #ffb829;padding:95px 0 0 7px; }
.ulist-lists ul li .bor-img{ display:block;float:left;width:280px;height:210px;border-radius:5px;overflow:hidden; }
.ulist-lists ul li .bor-img img{ display: block; width:100%;height: 100%; }
.ulist-lists ul li .ulists .works-tit{ float:left;width:700px;margin-left:30px; }
.ulist-lists ul li .ulists .h5{ padding:10px 0 30px; }
.ulist-lists ul li .ulists .h5 a{ font-size:20px;color:#333;}
.ulist-lists ul li .ulists .subtitle{ font-size:12px;color:#999; }
.ulist-lists ul li .user-data .u img{ width: 40px;height: 40px;border-radius: 55px; }
.ulist-lists ul li .user-data .uname{ font-size: 14px;color: #333;font-weight: bold;line-height: 40px; }
/** ulist-lists-bd **/
.ulist-lists-bd .empty{ padding: 50px 0;text-align: center; }
/** member-page **/
.member-list .ucontent .ulist.member-show{ padding: 15px 0; }
.member-list .ucontent .ulist.member-show img{ max-width: 100%; }
/** editor-vshow **/
.editor-vshow{ background: #fbfbfb;border-radius: 8px;padding: 6px 10px; }
.editor-vshow img{ max-width: 100% !important;height: auto !important; }
/*++------------------------
/*++  List-content
/*++------------------------*/
.back-color{ background: #f7f7f7; }
/** article **/
.article-list{ padding: 30px 0; }
.article-list ul li{
    margin: 0 25px 25px 0;
    background: #fff;
    overflow: hidden;
}
.article-list ul li a{ display: flex;align-items: center; }
.article-list ul li .imgs{ width: 390px; overflow: hidden; }
.article-list ul li .imgs img{display: block;width: 100%; }
.article-list ul li .remark{
    width: calc(100% - 470px);
    padding: 0 40px;
}
.article-list ul li .remark h5{ font-size: 16px;color: #000; }
.article-list ul li .remark .time-sour{ color: #000;padding: 10px 0; }
.article-list ul li .remark .time-sour span{ color: #666; }
.article-list ul li .remark .desc{
    color: #333;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.article-list ul li:hover .imgs img{ transform: scale(1.1); }
/** show **/
.article-show{ padding: 30px 0; }
.article-show .show-left,
.article-show .show-right{ background: #fff;border-radius: var(--radius);overflow: hidden; }
.article-show .show-left{ float: left; width: 880px; }
.article-show .show-right{ float: right; width: 320px; }
.article-show .news-content{ padding: 0 20px; }
.article-show .content-title{ text-align: center;padding: 35px 0;border-bottom: 1px solid #e5e5e5; }
.article-show .content-title h1{ font-size: 30px;color: #000;padding-bottom: 8px; }
.article-show .content-title .sub-title{ color: #999; }
.article-show .detail{ padding: 30px 0; }
.article-show .detail img{ max-width: 100%;height: auto; }
/* show-right */
.show-right .rdynamic{ padding: 0 20px; }
.show-right .rdynamic h3{ height: 64px;line-height: 64px; border-bottom: 1px solid #e5e5e5;font-size:16px;font-weight: bold; }
.show-right .rdynamic h3 a{ font-size: 14px;font-weight: normal; }
.show-right .rdynamic ul{ padding: 20px 0 0; }
.show-right .rdynamic ul li{ margin-bottom: 20px; }
.show-right .rdynamic ul li a{ display: flex;align-items: center; }
.show-right .rdynamic ul li img{ display: block;width: 110px;margin-right: 10px; }
.show-right .rdynamic ul li .remark{ width: calc(100% - 120px); }
.show-right .rdynamic ul li h5{ color: #000;padding-bottom: 3px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.show-right .rdynamic ul li p{ color: #999; }
.show-right .rdynamic ul li:hover h5{ color: var(--color); }
/** page **/
.propo-show{ padding: 30px 0; }
.propo-show .show-content{ padding: 30px; background: #fff; }
.propo-show .show-content h1{ text-align: center;font-size: 30px;padding: 20px 0; }
/** Contact **/
.contactus{ padding: 0 0 30px; }
.contactus .conbgs{ padding: 30px; background: #fff; }
.contactus .list{ margin-bottom: 30px; }
.contactus .list ul li{ display: flex;align-items: center;flex-direction: column;justify-content: center;
    float: left; width: 368px;height: 193px;margin-right: 25px; border: 1px solid #e5e5e5; }
.contactus .list ul li:last-child{ margin-right: 0; }
.contactus .list ul li .imgs{width: 39px;}
.contactus .list ul li.qrcode .imgs{ width: 114px; }
.contactus .list ul li .imgs img{ display: block;max-width: 100%; }
.contactus .list ul li.qrcode .imgs img{ border: 1px solid #e5e5e5; }
.contactus .list ul li h5{ font-size: 16px;color: #333;font-weight: bold;margin: 12px 0 3px; }
.contactus .list ul li p{ font-size: 13px;color: #666; }
.contactus .list ul li.qrcode p{ padding-top: 8px; }
/** maps **/
#allmap{height: 450px;overflow: hidden;}
.Map{height: 450px;}
#maps{width: 100%;height: 450px;}
#maps .info-title{color: white;font-size: 14px;background-color: rgba(0,155,255,0.8);line-height: 26px;padding: 0px 0 0 6px;font-weight: lighter;letter-spacing: 1px}
#maps .info-content{padding: 4px;color: #666666;line-height: 23px;}
#maps .info-content img{float: left;margin: 3px;}
#maps .amap-adcombo-close{ background:#000 url(../images/mapclose.png) center center no-repeat !important; }
/*+---------------
/*+  Cret
/*+---------------*/
.search-cert{ padding-top: 30px; }
.cert-list,.wap-reglog{ min-height:calc(100vh - 190px);background: #fff; }
.cert-lay{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    z-index: 996;
}
.cert-lay.open{ display: block; }
.cert-lay .content,
.cert-lay .content .cons{ height:calc(100vh - 160px); }
.cert-lay .content{
    position: absolute;
    top: 90px;
    left: 50%;
    width: 1220px;
    background: #fff;
    padding: 20px 0;
    margin: 0 0 0 -610px;
}
.cert-lay .content .cons{padding:0 20px;overflow-y:auto;}
.cert-lay .content .cons img{ display: block;margin: 0 auto;max-width: 100%; }
.cert-lay .content .close-xs{ position: absolute;top: -34px;right: -34px; display: block;width: 34px;height: 34px;cursor: pointer; }
/** create-show **/
.create-show{ padding: 30px 0; }
.create-show .cons{ min-height: calc(100vh - 280px); padding: 30px; background: #fff;border-radius: var(--radius); }
.create-show .title{ padding-bottom: 15px;border-bottom: 1px solid #F0F0F0; }
.create-show .title h1{ font-size: 26px;color: #000;padding-bottom: 5px; }
.create-show .title p{ font-size: 16px; }
.create-show .detail{ padding: 20px 0; }
.create-show .detail img{ max-width: 100%; }
.cpage{ min-height: calc(100vh - 220px); }
/*+---------------
/*+  Pages
/*+---------------*/
.pages,.page ul{ text-align:center;padding:35px 0; }
.pages a,
.page ul li{ display:inline-block;padding:5px 13px;margin-right:10px;border-radius: 5px;background: #fff; }
.pages a:last-child{ margin-right:0; }
.pages a.curr{ color:#fff;background:var(--color); }
/** member **/
.page ul li{ background: #F0F0F0; }
.page ul li.disabled{ display: none; }
.page ul li.active{ background: var(--color);color: #fff; }
/*+------------------
/*+  Prev-Next
/*+------------------*/
.Pre-Next{ position: relative; height: 80px;border-top: 1px solid #e5e5e5; }
.Pre-Next p{ max-width:50%;min-height:25px;line-height:80px;float: left; overflow:hidden;}
.Pre-Next .page-next{ float: right; }