@charset "utf-8";
/* CSS Document */
@charset "utf-8";
.personal_box{width:100%; max-width: 936px; margin: 0 auto;}

.pagetitle{width: 100%; font-size: 24px; color: #222222; margin-bottom: 20px; padding: 5px 0px; border-bottom:2px solid #9d2124;}
.pagetitle a{float: right; font-size: 16px; line-height: 24px; color:#666666;}
.articleadd{font-size: 16px;}

.article_list{width:100%; height:auto; margin: 15px 0; float: left;}

.article_list_left{width:100%; float: left;}
.article_list_right{width:30%; float: right;}

.article_title{width:100%; height:auto; font-size: 1.6rem; font-weight: 300; line-height: 2rem; color: #222222; margin: 10px 0;}
.article_thumbtitle{width:68%; height:auto;}

.article_thumb1{width: 100%; height:auto; margin: 10px 0; float: right; text-align: center; display: flex; justify-content: center; align-items: center;}
.article_thumb1 img{max-width: 100%; max-height: 100%;}
.article_thumb3{width: 100%; margin: 10px 0; display: flex; justify-content: space-between;}
/*.article_thumb3{width: 100%; margin: 10px 0; display: flex; grid-template-columns: repeat(3, auto)}*/
.article_thumb3 p{width:32%;}
.article_thumb3 img{max-width: 100%; max-height: 100%;}

.article_info{width:100%; height:30px; clear:both;}
.article_baseinfo{width:100%; height: auto; float: left; margin: 10px 0;}
.article_baseinfo p{width:auto; height: 30px; line-height: 30px; font-size: 14px; color: #666666; margin-right: 20px; float: left;}

.article_datainfo{width:60%; height: auto; float: left;}
.article_datainfo p{width:auto; height: 30px; line-height: 30px; font-size: 14px; color: #666666; margin-right: 20px; float: left;}

.article_operate{width:40%; height: auto; line-height: 30px; font-size: 14px; color: #666666; float: right; text-align: right;}
.article_operate a{margin-left:20px;}
.articleoperate{line-height: 30px; font-size: 14px!important;}

.imageList{width: 231px; float:left; margin-right: 10px;}
.imagesList{width: 231px; float:left; margin-right: 10px;}
.layui-upload-drag{width: 231px; height: 154px;}
.layui-upload-drag-box{width: 231px; height: 154px;position: relative;
    display: grid;
    padding: 30px;
    border: 1px dashed #e2e2e2;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
    place-content: center;
    color: #999}
.upload_jia{font-size: 60px; line-height: 60px;}
.image_box{width:229px; height: 154px; border:#e2e2e2 1px dashed; position: relative; overflow: hidden;}
.image_box img{width:229px; height: 154px;}
.images_box{width:229px; border:#e2e2e2 1px dashed; position: relative; overflow: hidden;}
.images_box img{width:100%; height: 100%;}
.img_oper{ width: 100%; height: 30px; background: rgba(0,0,0,0.6); position: absolute; left: 0; z-index: 20; bottom: 0; text-align: center; line-height: 30px; color:#ffffff; cursor: pointer;}

.photoList{width: 231px; height:160px; float:left; margin-right: 10px;}
.layui-upload-photo{width: 100px; height: 100px;}
.upload_photo_jia{font-size: 60px; line-height: 70px;}
.photo_box{width:160px; height: 160px; border:#e2e2e2 1px dashed; position: relative; overflow: hidden;}
.photo_box img{width:160px; height: 160px;}

ul.uploadlist{ margin:0 auto;}
ul.uploadlist a.close{ position:absolute; top:-5px; right:-10px; z-index:99;display:block; width: 20px;height: 20px;line-height: 20px;text-align: center;background:url(/public/man/lib/uploadify/uploadify-cancel.png) no-repeat;}
ul.uploadlist li{ float:left;width:130px; margin: 10px; padding:10px; background:#F6F6F6;position: relative;}
ul.uploadlist li img{ display:block;text-align: center;width:100%;height:100px; border: 1px solid #ccc;}
ul.uploadlist li .zz{ width: 100%; height: 102px;  background: rgba(255,255,255,0.01); position: absolute; left: 0; top:10px; z-index: 10;}
ul.uploadlist li input{width:100%;margin-top: 5px;height: 20px;}
ul.uploadlist li textarea{width:100%;margin-top: 5px;height: 60px;resize:none;overflow: hidden;}
.combobox-item{height: 30px;line-height: 30px;padding-left: 14px;}
.col-2{line-height:38px;}
#thumb{height: 40px;width: 89%;}
.skin-minimal{padding-top: 10px;}
.combo-panel .textbox-text{height: 15px;}
#filePicker div:nth-child(2){width:100px!important;height:100%!important;}
.webuploader-pick{color:#999; background-color:#fff;padding: 0;}
.uploadlist .item{display:inline-block; width:233px; height:220px; float: left; margin:0 10px 15px 0px}
.edit_image_imgbox{width:233px; height:158px; overflow:hidden; position:relative; font-size: 12px;}
.edit_image_imgbox img{ max-width: 100%; max-height: 100%;  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.edit_image_imgbox .zz{ width: 233px; height: 158px;  background: rgba(255,255,255,0.01); position: absolute; left: 0; top:0; z-index: 10;}
.edit_image_imgbox .fm{ width: 54px; height: 54px; position: absolute; left: 0; top: 0; background: url(/public/images/swfm.png) no-repeat;}
.edit_image_imgbox .img_oper{ width: 100%; height: 30px; background: rgba(0,0,0,0.6); position: absolute; left: 0; z-index: 20; bottom: 0; text-align: center;  z-index: 11;}
.edit_image_imgbox .img_oper span{ width: 50%; float: left; display: inline-block;}
.edit_image_imgbox .img_oper a{ color:#ffffff;}
.edit_image_imgbox .img_oper button{ background: none; border: none; cursor: pointer;}
.edit_image_imgbox .img_oper button.delimg{ color: #C43E3E;}
.edit_image_txt{width:100%; height: 60px; box-sizing: border-box; padding: 0; font-size: 14px;}
.edit_image_txt .layui-input{ width: 286px; border-radius: 3px;}
.edit_image_txt  .bioarea-wrap .layui-form-select .layui-input{ width: 138px; margin-right: 0;}
.edit_image_txt .layui-form-item .layui-input-inline{ width: 138px; margin-right: 0;}
.edit_image_txt .layui-form-item{ margin-bottom: 5px; width:100%; height: 60px; }
.workintro{width:100%; height:60px; resize: none; position: absolute; line-height:22px; padding:5px 5px; border:1px solid #e6e6e6; border-radius:2px; overflow:hidden; margin-top: -5px;}

.statushover-text {
    display: none;
    padding: 7px;
    background-color: #ff4949;
    color: #ffffff;
    font-size: 14px;
    position: absolute;
    min-width: 200px;
    left:0;
    top:100%;
    border-radius:3px;
}
.statustext:hover .statushover-text {
    display: inline-block;
}

.preview-article-form{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    overflow: hidden;
}
.preview-article-mask{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .6
}
.preview-phone-wrapper{
    width: 340px;
    height: 650px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
}
.preview-phone-model{
    background-size: cover;
    transform: scale(1.1);
}
.preview-phone-model_5_8{
    background-image: url('/public/images/phone-wrapper-5.8.png');
    width: 309px;
    height:641px;
    padding: 8px 10px;
}
.preview-article-container,.preview-article-wrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999}
.preview-article-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.6}
.preview-article-close{display:inline-block;position:absolute;right:100px;z-index:999;background-color:#fff}
.preview-article-content-wrap{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0) scale(.8);background-size:cover;height:915px;width:472px}
.preview-phone-wrapper{width:340px;height:650px;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}
@media screen and (max-width:1074px){
    .preview-phone-wrapper{right:217px;left:auto}
}
@media screen and (max-width:797px){
    .preview-phone-wrapper{left:230px}
}
@media screen and (max-height:760px){
    .preview-phone-model{transform:scale(1)}
}
.preview-phone-model{background-size:cover}
.preview-phone-model_5_8{background-image: url("/public/images/phone-wrapper-5.8.png");width:309px;height:641px;padding:8px 10px}
.preview-phone-model_5_5{background-image: url("/public/images/phone-wrapper-5.5.png");width:339px;height:643px;padding:40px 10px 36px}
.preview-phone-model_4_7{background-image: url("/public/images/phone-wrapper-4.7.png");width:309px;height:590px;padding:40px 10px 36px}
.preview-article-wrapper_5_8{border-radius:38px;padding-top:16px;padding-bottom:32px;position:relative}
.preview-article-wrapper_5_8:after{position:absolute;content:"";width:97px;height:4px;bottom:13px;left:50%;border-radius:72px;background-color:#000;transform:translateX(-50%)}
.preview-article-wrapper_5_8.dark-appearance:after{background-color:#fff}
.preview-article-wrapper_4_7,.preview-article-wrapper_5_5{border-radius:8px;padding-top:8px}
.preview-article-content-wrap-cover{background-image:url("/public/images/phone-wrapper-5.8.png")}
.preview-article-content{text-align:center;top:118px;position:relative}
.preview-article-wrapper{height:100%;background:#fff;position:relative}
.preview-article-wrapper .preview-article-title{transition:background .3s ease,border-bottom .3s ease;background:#fff;padding:0 20px;box-sizing:content-box;border-bottom:1px solid #e8e8e8;display:flex;height:44px}
.preview-article-wrapper .preview-article-title .preview-article-title-left{flex:2;display:flex;justify-content:flex-start;align-items:center}
.preview-article-wrapper .preview-article-title .preview-article-title-right{flex:2;display:flex;justify-content:flex-end;align-items:center}
.preview-article-wrapper .preview-article-title .preview-article-title-right img{margin-left:14px}
.preview-article-wrapper .preview-article-title .preview-article-title-center{flex:1;display:flex;justify-content:center;align-items:center}
.preview-article-wrapper .preview-article-title .preview-article-title-center img{height:21px}
.preview-article-wrapper .preview-article-action-bar{position:absolute;display:flex;align-items:center;flex-shrink:0;height:32px;bottom:32px;width:100%;padding-left:14px;padding-right:10px;justify-content:space-between;border-top:.5px solid #e8e8e8}
.preview-article-wrapper .preview-article-action-bar .preview-action-bar-comment{flex-grow:1;font-size:10px;height:24px;line-height:24px;background:#f2f2f2;border-radius:12px;margin-right:10px;padding:0 10px}
.preview-article-wrapper .preview-article-action-bar .preview-action-bar-comment img{width:10px;height:10px;margin-right:4px}
.preview-article-wrapper .preview-article-action-bar .preview-action-bar-actions{width:100%; align-items:center; text-align: center;display:flex; }
.preview-article-wrapper .preview-article-action-bar .preview-action-bar-actions img{margin:0 30px;width:22px;height:22px;flex: 1;}
.preview-article-wrapper .preview-article-action-bar .preview-action-bar-actions i{flex: 1;}
.preview-article-wrapper iframe{background:#fff;border:0}
.preview-article-wrapper .preview-article-article{transform:scale(.77);transform-origin:left top}
.preview-article-wrapper .preview-article-article_4_7{width:375px;height:556px}
.preview-article-wrapper .preview-article-article_5_5{width:414px;height:626px}
.preview-article-wrapper .preview-article-article_5_8{width:375px;height:650px}
.preview-article-wrapper .preview-loading{position:absolute;background:#fff;top:0;left:0;right:0;height:100%;display:flex;align-items:center;justify-content:center;transition:background .3s ease;z-index:-1}
.preview-article-wrapper .preview-loading-visible{z-index:0}
.preview-article-wrapper.dark-appearance{transition:background .3s ease;background:#121212}
.preview-article-wrapper.dark-appearance iframe{background:#121212}
.preview-article-wrapper.dark-appearance .preview-loading{transition:background .3s ease;background:#121212}
.preview-article-wrapper.dark-appearance .preview-article-title{transition:background .3s ease,border-bottom .3s ease;background:#121212;border-bottom:1px solid #282828}
.preview-article-wrapper.dark-appearance .preview-article-action-bar{transition:border-top .3s ease;border-top:.5px solid #282828}
.preview-article-wrapper.dark-appearance .preview-article-action-bar .preview-action-bar-comment{transition:background .3s ease,color .3s ease;background:#1f1f1f;color:#c1c1c1}
.preview-article-wrapper_5_8 .preview-article-title{border-top-left-radius:24px;border-top-right-radius:24px}
.preview-article-wrapper_4_7 .preview-article-action-bar,.preview-article-wrapper_5_5 .preview-article-action-bar{bottom:0}.preview-toolbox{position:absolute;left:calc(100% + 3vw);max-height:calc(100vh - 80px);overflow-y:auto;width:332px;top:50%;transform:translateY(-50%);padding:28px 20px;border-radius:4px;background-color:#fff;transition:background .3s ease}
.preview-toolbox .tips-item{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e8e8e8}
.preview-toolbox .tool-item{margin-bottom:24px;display:flex;align-items:flex-start}
.preview-toolbox .tool-item:last-child{margin-bottom:0}
.preview-toolbox .tool-item .tool-item-label{color:#666;color:#ff0000;font-size:14px;margin-right:16px;line-height:20px;flex-shrink:0;display:flex;align-items:center}
.preview-toolbox .tool-item .tool-item-label .toolbox-hint-icon{margin-left:3px;width:13px;height:13px}
.preview-toolbox .toolbox-select{display:flex;justify-content:space-between;align-items:center}
.preview-toolbox .toolbox-select .toolbox-option{width:54px;height:24px;line-height:24px;font-size:12px;color:#222;text-align:center;border:1px solid #d8d8d8;border:1px solid #ff0000;border-radius:3px;cursor:pointer;transition:all .3s}
.preview-toolbox .toolbox-select .toolbox-option:not(:last-child){margin-right:12px}
.preview-toolbox .toolbox-select .toolbox-option:hover{border-color:#999;border-color:#ff0000}
.preview-toolbox .toolbox-select .toolbox-option.active{border:none;color:#fff;background-color:#ff5e5e;background-color:#ff0000}
.preview-toolbox .toolbox-select .toolbox-option.active:hover{background-color:#ff8585;background-color:#ff0000}
.preview-toolbox .toolbox-qr{display:flex;align-items:center;justify-content:flex-start}
.preview-toolbox .toolbox-hint{margin-top:4px;text-align:center;color:#222;font-size:12px;display:flex;align-items:center}
.preview-toolbox .toolbox-hint .toolbox-hint-highlight{color:#f04142;color:#ff0000}
.preview-toolbox .toolbox-hint .toolbox-hint-icon{margin-left:2px;width:14px;height:14px}
.preview-toolbox .toolbox-description{font-size:12px;color:rgba(32,32,32,.5)}
.preview-toolbox .preview-title{margin-top:-8px;padding-top:16px;border-top:1px solid #e8e8e8;border-top:1px solid #000;transition:border-top-color .3s ease}
.preview-toolbox .preview-title-list{margin:0 -8px}
.preview-toolbox .preview-title-tip{color:#666;color:#666;margin-bottom:4px}
.preview-toolbox .preview-title-item{padding:6px 8px;border-radius:3px;transition:all .3s ease;display:flex;justify-content:space-between;align-items:flex-start}
.preview-toolbox .preview-title-item.selected,.preview-toolbox .preview-title-item:hover{background:#f5f5f5;background:#000}
.preview-toolbox .preview-title-item-txt{word-break:break-all}
.preview-toolbox .preview-title-item-btn{flex-shrink:0;margin-left:14px}
.preview-toolbox.dark-appearance{background-color:#121212}
.preview-toolbox.dark-appearance .tool-item .tool-item-label{color:#999;}
.preview-toolbox.dark-appearance .toolbox-select .toolbox-option{color:#d8d8d8;}
.preview-toolbox.dark-appearance .toolbox-select .toolbox-option.active{color:#fff}
.preview-toolbox.dark-appearance .toolbox-select .toolbox-option.active:hover{background-color:#ff7070}
.preview-toolbox.dark-appearance .toolbox-description{color:#787878}
.preview-toolbox.dark-appearance .byte-checkbox-inner-text{color:#d8d8d8;}
.preview-toolbox.dark-appearance .toolbox-hint{color:#dedede}
.preview-toolbox.dark-appearance .toolbox-hint .toolbox-hint-highlight{color:#ff5e5e;}
.preview-toolbox.dark-appearance .preview-title{border-top-color:#383838}
.preview-toolbox.dark-appearance .preview-title-tip{color:#999;}
.preview-toolbox.dark-appearance .preview-title-item{color:#d8d8d8;}
.preview-toolbox.dark-appearance .preview-title-item.selected,.preview-toolbox.dark-appearance .preview-title-item:hover{background:#282828}
.preview-toolbox.dark-appearance .preview-title-item-btn{color:#3d89ff}
.preview-toolbox.dark-appearance .preview-title-item-btn:hover{color:#1a74ff}
.toolbox-popup .popup-title{font-size:14px;font-weight:600;margin-bottom:7px;color:#222}
.toolbox-popup .popup-description{font-size:14px;color:#666;}
.toolbox-popup.dark-appearance .byte-popover-arrow,.toolbox-popup.dark-appearance .byte-popover-inner-content{background-color:#383838}
.toolbox-popup.dark-appearance .popup-title{color:#dedede}
.toolbox-popup.dark-appearance .popup-description{color:#c2c2c2}
.toolbox-func-guide{z-index:100000;width:154px;color:#fff}
.toolbox-func-guide .byte-popover-arrow,.toolbox-func-guide .byte-popover-content{color:#fff;background:#1663d9}
.toolbox-func-guide .byte-popover-arrow .byte-popover-inner-content,.toolbox-func-guide .byte-popover-content .byte-popover-inner-content{color:#fff}
.toolbox-func-guide .toolbox-func-guide-dismiss{margin-top:16px;text-align:right;font-weight:600}
.toolbox-func-guide .toolbox-func-guide-dismiss span{cursor:pointer}.ov-h{overflow:hidden}
.preview-hint{position:absolute;bottom:-36px;color:#fff;font-weight:400;font-size:14px;line-height:20px}

#root{width:100%;}
#preview-pgc {
    background-color: #fff;
    padding-bottom: 48px;
    box-sizing: border-box
}

#preview-pgc.mobile {
    width: 100%
}

#preview-pgc.mobile .article-detail .title h1 {
    font-size: 1.6rem;
    margin: 15px 0 16px;
    color: #222;
    -webkit-text-stroke-width: .5px;
    font-weight: 300;
    line-height: 1.8rem;
    word-break: break-all
}

#preview-pgc .article-detail .subtitle {
    font-size: 16px;
    display: -ms-flexbox;
    display: flex;
    cursor: default
}

#preview-pgc .article-detail .subtitle .extra span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

#preview-pgc .article-detail .subtitle .extra .name {
    color: #222;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 2px
}

#preview-pgc .article-detail .subtitle .extra .time {
    color: #999;
    font-size: 12px;
    line-height: 14px
}

#preview-pgc .article-detail .subtitle .original {
    position: absolute;
    width: 40px;
    height: 20px;
    margin: 8px 22px
}

#preview-pgc .article-detail .subtitle .profile-avatar {
    position: relative
}

#preview-pgc .article-detail .subtitle .profile-avatar img {
    width: 36px;
    height: 36px;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 9px;
    border-radius: 20px
}

#preview-pgc .article-detail .subtitle .profile-avatar .v-info {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 14px;
    height: 14px;
    background-size: 100% 100%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -2px
}

#preview-pgc .article-detail .subtitle .profile-avatar .v-info.v-0,#preview-pgc .article-detail .subtitle .profile-avatar .v-info.v-1,#preview-pgc .article-detail .subtitle .profile-avatar .v-info.v-2 {
    border: 1px solid #fff;
    border-radius: 7px;
    box-sizing: border-box
}

#preview-pgc .article-detail .subtitle {
    font-size: 16px;
    display: -ms-flexbox;
    display: flex;
    cursor: default;
    margin: 10px 0;
}

#preview-pgc .container-main {
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    width: 660px
}

#preview-pgc.mobile .container-main {
    width: 100%;
    padding: 10px 20px;
    color: #222
}

#preview-pgc .article-detail {
    overflow: hidden
}

#preview-pgc .article-detail .title {
    margin: 20px 0;
    border-bottom: 1px dashed rgb(221, 221, 221);
}

#preview-pgc .article-detail .article-content {
    cursor: default;
    margin-top: 16px;
    text-align: justify;
}

#preview-pgc .article-detail .article-content .syl-article-base {
    padding: 0
}

#preview-pgc .article-detail .article-content p {
    margin: 20px 0;
    width: 100%;
    line-height: 2rem;
    font-weight: 300;
}

#preview-pgc .article-detail .article-content img {
    max-width: 100%;
    text-align: center;
}

.syl-page-article.syl-device-mobile {
    line-height: 1.71
}

.syl_font_s.syl-page-article.syl-device-mobile {
    font-size: 15px
}

.syl-page-article.syl-device-mobile,.syl_font_m.syl-page-article.syl-device-mobile {
    font-size: 1.1rem
}

.syl_font_l.syl-page-article.syl-device-mobile {
    font-size: 18px
}

.syl_font_xl.syl-page-article.syl-device-mobile {
    font-size: 22px
}

.syl-page-article.syl-device-mobile h1,.syl-page-article.syl-device-mobile h2,.syl-page-article.syl-device-mobile h3,.syl-page-article.syl-device-mobile h4,.syl-page-article.syl-device-mobile h5,.syl-page-article.syl-device-mobile h6 {
    color: #222;
    font-size: 1em
}

.night .syl-page-article.syl-device-mobile h1,.night .syl-page-article.syl-device-mobile h2,.night .syl-page-article.syl-device-mobile h3,.night .syl-page-article.syl-device-mobile h4,.night .syl-page-article.syl-device-mobile h5,.night .syl-page-article.syl-device-mobile h6 {
    color: #707070
}

.syl-page-article.syl-device-mobile h1 {
    font-size: 1.059em;
    line-height: 1.71
}

.iphone .syl-page-article.syl-device-mobile h1,.iphone .syl-page-article.syl-device-mobile strong {
    font-weight: 600!important
}

.android .syl-page-article.syl-device-mobile h1,.android .syl-page-article.syl-device-mobile strong {
    font-weight: 400!important;
    -webkit-text-stroke-width: .5px!important
}

.syl-page-article.syl-device-mobile a {
    color: #406599
}

.night .syl-page-article.syl-device-mobile a {
    color: #67778b
}

.syl-page-article.syl-device-mobile a:active {
    color: rgba(64,101,153,.5)
}

.night .syl-page-article.syl-device-mobile a:active {
    color: rgba(103,119,139,.5)
}

.syl-page-article.syl-device-mobile .video-word {
    color: #1a74ff;
    position: relative;
    padding-right: 18px
}

.syl-page-article.syl-device-mobile .video-word:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    bottom: 3px;
    background: url(data:image/png;base64,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) no-repeat 50%;
    background-size: contain
}

.syl-page-article.syl-device-mobile .pgc-img-caption .video-word {
    padding-right: 16px
}

.syl-page-article.syl-device-mobile .pgc-img-caption .video-word:after {
    width: 16px;
    height: 16px;
    bottom: 1px
}

.syl-page-article.syl-device-mobile ol {
    list-style: decimal outside none;
    margin-left: 48px
}

.syl-page-article.syl-device-mobile ul {
    margin-left: 17px;
    list-style: none
}

.syl-page-article.syl-device-mobile ul li {
    position: relative
}

.syl-page-article.syl-device-mobile ul li:before {
    content: "";
    display: inline-block;
    margin: -5px 8px 0 -12px;
    width: 4px;
    height: 4px;
    vertical-align: middle;
    border-radius: 50%;
    background-color: #222;
    position: absolute;
    top: 18px
}

.font_s .syl-page-article.syl-device-mobile li p {
    margin-top: 4px;
    margin-bottom: 4px
}

.font_m .syl-page-article.syl-device-mobile li p,.syl-page-article.syl-device-mobile li p {
    margin-top: 6px;
    margin-bottom: 6px
}

.font_l .syl-page-article.syl-device-mobile li p {
    margin-top: 8px;
    margin-bottom: 8px
}

.font_xl .syl-page-article.syl-device-mobile li p {
    margin-top: 11px;
    margin-bottom: 11px
}

.syl-page-article.syl-device-mobile blockquote ul {
    margin-left: 16px
}

.syl-page-article.syl-device-mobile blockquote ol {
    margin-left: 36px
}

.syl-page-article.syl-device-pc {
    line-height: 1.667;
    color: #222
}

.syl_font_s.syl-page-article.syl-device-pc {
    font-size: 16px
}

.syl-page-article.syl-device-pc,.syl_font_m.syl-page-article.syl-device-pc {
    font-size: 18px
}

.syl_font_l.syl-page-article.syl-device-pc {
    font-size: 20px
}

.syl_font_xl.syl-page-article.syl-device-pc {
    font-size: 23px
}

.syl-page-article.syl-device-pc h1,.syl-page-article.syl-device-pc h2,.syl-page-article.syl-device-pc h3,.syl-page-article.syl-device-pc h4,.syl-page-article.syl-device-pc h5,.syl-page-article.syl-device-pc h6 {
    font-size: 1em;
    font-weight: 700
}

.syl-page-article.syl-device-pc h1 {
    font-size: 1.056em;
    line-height: 1.579
}

.syl-page-article.syl-device-pc .tt-video-box {
    background-size: 25%
}

.syl-page-article.syl-device-pc a,.syl-page-article.syl-device-pc a:visited {
    color: #406599
}

.syl-page-article.syl-device-pc a:hover {
    color: rgba(64,101,153,.6)
}

.syl-page-article.syl-device-pc ul {
    counter-reset: ul_list
}

.syl-page-article.syl-device-pc ul li {
    list-style: none
}

.syl-page-article.syl-device-pc ul li:before {
    font-family: Helvetica Neue;
    display: inline-block;
    width: 24px;
    line-height: 20px;
    margin-left: -24px;
    content: counter(ul_list,disc);
    text-align: left
}

.syl-page-article.syl-device-pc ol {
    counter-reset: ol_list
}

.syl-page-article.syl-device-pc ol li {
    list-style: none
}

.syl-page-article.syl-device-pc ol li:before {
    position: absolute;
    display: inline-block;
    margin-left: -24px;
    width: 24px;
    content: counter(ol_list) ".";
    font-family: Helvetica Neue;
    counter-increment: ol_list;
    line-height: 28px;
    text-align: left
}

.syl-page-article.syl-device-pc ol ol,.syl-page-article.syl-device-pc ul ul {
    margin: 0 30px
}

.syl-page-article.syl-device-pc ol,.syl-page-article.syl-device-pc ul {
    margin: 20px 30px;
    color: #222
}