html *{margin:0;padding:0}
body{font-size:12px;font-family:微软雅黑;background:#E6EAEE;color:#515151;word-break:break-all;word-wrap:break-word}
body,ul,li,div,p,img,input,h1,h2,h3{margin:0;padding:0}
ul,li{list-style:none}
img{border:0}
em{font-style:italic}
textarea{resize:none;font-family:微软雅黑;line-height:150%;outline:none}
.clearer{clear:both;height:0;overflow:hidden}
.clearfix:before,.clearfix:after{display:table;content:" "}
.clearfix:after{clear:both}
input,select{font-family:微软雅黑;font-size:12px}
.font14{font-size:14px}
.font10{font-size:10px}
.orange{color:#ffae01}
.red{color:#ff0000}
.black{color:#000000}
.text-right{text-align:right}
a{color:#515151;text-decoration:none;outline:none}
a:visited{}
a:hover{}
a:active {
    outline: none
}

.blue {
    color: #00aeef
}

a.blue {
    color: #00aeef
}

.center {
    text-align: center
}

.btn-blue {
    height: 30px;
    line-height: 30px;
    background: #3ab2d9;
    border: 0;
    padding: 0 15px;
    *padding: 0 5px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    cursor: pointer
}

a.btn-blue {
    display: inline-block;
    *zoom: 1
}

.btn-primary:hover {
    background-color: #018ec3;
}

.btn-primary {
    height: 30px;
    line-height: 30px;
    background: #00aeef;
    border: 0;
    padding: 0 15px;
    *padding: 0 5px;
    border-radius: 3px;
    margin: 2px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
}

a.btn-primary {
    display: inline-block;
    *zoom: 1
}

.btn-primary-white {
    height: 30px;
    line-height: 30px;
    border: 1px solid #00aeef;
    background-color: white;
    padding: 0 15px;
    *padding: 0 5px;
    border-radius: 3px;
    color: #666666;
    font-size: 12px;
    cursor: pointer
}

.btn-primary-red {
    height: 30px;
    line-height: 30px;
    background: #fc324f;
    border: 0;
    padding: 0 15px;
    *padding: 0 5px;
    border-radius: 3px;
    margin: 2px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
}

a.btn-primary-white {
    display: inline-block;
    *zoom: 1
}
span.btn-primary-white{display:inline-block;*zoom:1}
.btn-blue-big{height:45px;line-height:45px;width:180px;background:#229dc5;border:0px;border-radius:4px;color:#fff;font-size:14px;cursor:pointer}
.btn-blue2{height:30px;background:#25caff;border:0;padding:0 15px;*padding:0 5px;border-radius:3px;color:#fff;font-size:12px;cursor:pointer}
a.btn-blue2{display:inline-block;*zoom:1;*padding:0 15px;line-height:30px}
.btn-gray{height:30px;background:#ffffff;border:1px solid #e2e2e2;padding:0 15px;*padding:0 5px;border-radius:3px;color:#666666;font-size:12px;cursor:pointer;line-height: 30px;}
.btn-gray3{height:30px;background:#f0f0f0;border:0;padding:0 15px;*padding:0 5px;border-radius:3px;color:#666;font-size:12px;cursor:pointer}
.btn-green{display:inline-block;*zoom:1;text-align:center;height:30px;line-height:30px;width:80px;background:#a0c824;border:0;border-radius:2px;color:#fff;font-size:12px;cursor:pointer}

.btn-gray2 {
    display: inline-block;
    *zoom: 1;
    text-align: center;
    height: 30px;
    line-height: 30px;
    width: 80px;
    background: #c6c6c6;
    border: 0;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    cursor: pointer
}

.btn-red {
    display: inline-block;
    height: 30px;
    text-align: center;
    line-height: 30px;
    width: 80px;
    background: #fc324f;
    border: 0;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    margin: 2px;
}

a.btn-red {
    display: inline-block;
    *zoom: 1
}
.btn-orange{height:30px;text-align:center;line-height:30px;width:80px;background:#ffa70d;border:0;border-radius:2px;color:#fff;font-size:12px;cursor:pointer}
a.btn-orange{display:inline-block;*zoom:1}
.footerwrap{height:165px;width:100%;background:#2d2d2d;clear:both;margin-top:87px}
.footer{clear:both;width:660px;margin:0 auto;height:165px;color:#d3d3d3;text-align:center;line-height:230%;font-size:11px;font-family:"黑体";position:relative;background:#2d2d2d;padding-right:160px}
.footer p{padding-top:60px;padding-bottom:10px}
.footer p a{color:#d3d3d3;font-size:14px;margin:0 40px 0 0px}
.footer .rightinfo{position:absolute;right:0px;top:20px}
.footer .rightinfo span{display:inline-block;width:90px;text-align:center;*zoom:1;font-size:14px;margin-right:20px}
.footer .rightinfo span img{margin-top:5px}
.re-top{display:block;width:50px;height:50px;bottom:50px;right:50px;z-index:1;background:url(/Public/images/re-top.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/Public/images/re-top.png");position:fixed}
.nobackground{background-image:none !important}

.topwrap {
    height: 40px;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 900;
    background: #f3f6f8
}

.top {
    width: 800px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    text-align: right
}

.top a {
    color: #09204e
}

.header {
    height: 40px;
    width: 100%;
    background-color: #4761a2;
    border-bottom: 1px solid #9e9d9d;
    position: fixed;
    left: 0;
    top: 40px;
    z-index: 900;
    _position: relative
}

.headerin {
    height: 40px;
    min-width: 800px;
    margin: 0 auto;
    color: #ffffff;
    max-width: 850px;
}

.header .headerin.shareheader {
    width: 870px
}

.headerin a {
    color: #ffffff
}

.headerin .logo {
    background-image: url(/Public/images/logo_home.png);
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    display: inline;
    width: 144px;
    height: 29px;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/Public/images/logo.png");
    margin-right: 10px;
    margin: 5px 25px 0 4px;
}

.headerin .nav {
    float: left;
    display: inline;
    font-size: 16px;
    margin-left: 0px
}

.headerin .nav a {
    float: left;
    display: block;
    line-height: 40px;
    padding: 0 20px 0 10px;
    color: #fff
}

.headerin .nav a:hover {
    background: #91a0c7
}

.headerin .nav a.cur {
    background: #91a0c7
}

.headerin .nav a span {
    display: inline-block;
    float: left;
    width: 18px;
    height: 40px;
    line-height: 1;
    margin-right: 5px
}

.headerin .nav a.home span {
    background: url(/Public/images/resource/header_show.png) no-repeat center center;
    background-size: contain;
    _background-image: url(/Public/images/home.gif)
}

.headerin .nav a.moments span {
    background: url(/Public/images/moments.png) no-repeat center center;
    _background-image: url(/Public/images/moments.gif)
}

.headerin .nav a.myspace span {
    background: url(/Public/images/resource/upload_to_the_cloud.svg) no-repeat center center;
    _background-image: url(/Public/images/myspace.gif)
}

.headerin .nav a.community span {
    background: url(/Public/images/resource/user_menu_male.svg) no-repeat center center;
    background-size: 25px;
}

.headerin .nav a.transceiver span {
    background: url(/Public/images/resource/cloud_backup_restore.svg) no-repeat center center;
    background-size: 20px;
}

.headerin .nav a.cc_square span {
    background: url(/Public/images/resource/cc_square.png) no-repeat center center;
    background-size: 18px;
}

.headerin .nav a.classmate span {
    background: url(/Public/images/resource/header_community.png) no-repeat center center;
    background-size: contain;
    _background-image: url(/Public/images/myspace.gif)
}

.headerin .nav a.vip span {
    background: url(/Public/images/myspace.png) no-repeat center center;
    _background-image: url(/Public/images/vip.gif)
}

.headerin .nav a.bj span {
    background: url(/Public/images/bj.png) no-repeat center center;
    _background-image: url(/Public/images/bj.gif)
}

.headerin .siderbar {
    float: right;
    padding-right: 0px;
    display: inline;
    position: relative
}

.headerin .siderbar .avatar {
    float: left;
    margin-top: 4px;
    line-height: 30px;
    margin-right: 20px
}

.headerin .siderbar .avatar img {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    vertical-align: middle
}

.headerin .siderbar a.msg {
    width: 19px;
    height: 40px;
    display: block;
    float: left;
    background: url(/Public/images/icon-msg.png) no-repeat center center;
    _background-image: url(/Public/images/icon-msg.gif);
    margin-right: 5px;
    position: relative;
    z-index: 100
}

.headerin .siderbar a.msg .num {
    display: block;
    width: 18px;
    height: 10px;
    position: absolute;
    background: #4761a2;
    border: 1px solid #4761a2;
    border-radius: 3px;
    line-height: 10px;
    text-align: center;
    font-size: 8px;
    top: 5px;
    left: 7px
}
@media screen and (-webkit-min-device-pixel-ratio:0){.headerin .siderbar a.msg .num{width:26px;height:14px;line-height:14px;-webkit-transform:scale(0.7)}
}

.headerin .siderbar a.setting {
    width: 30px;
    height: 39px;
    display: block;
    float: left;
    background: url(/Public/images/setting.png) no-repeat center 10px;
    _background-image: url(/Public/images/setting.gif);
    margin-right: 10px;
    border: 1px solid #4761a2;
    border-bottom: 0;
    position: relative
}

.headerin .siderbar a.setting.cur {
    background: #fff url(/Public/images/setting-blue.png) no-repeat center 10px;
    _background-image: url(/Public/images/setting-blue.gif);
    border: 1px solid #d6d6d6;
    border-bottom: 0;
    position: relative;
    z-index: 100;
    height: 41px;
    _height: 39px
}
.headerin .siderbar a.share{width:19px;height:40px;display:block;float:left;background:url(/Public/images/share.png) no-repeat center center;_background-image:url(/Public/images/share.gif)}
.headerin .siderbar a.quit{width:19px;height:40px;display:block;float:left;background:url(/Public/images/share.png) no-repeat center center;_background-image:url(/Public/images/share.gif)}
.headerin .siderbar .setpop{position:absolute;width:110px;background:#fff;z-index:900;border:1px solid #dfdfdf;top:41px;right:29px;padding:5px 0;z-index:10;_top:39px;_right:28px}
.headerin .siderbar .setpop a{display:block;color:#373737;width:100px;margin-left:5px;line-height:36px;height:36px;text-align:center;position:relative}
.headerin .siderbar .setpop a:hover{background:#e9edf0}
.headerin .siderbar .setpop a img{vertical-align:middle;margin-right:6px}
.headerin .siderbar .msgpop{position:absolute;width:172px;background:#f6f4de;z-index:5001;top:41px;right:29px;padding:3px 10px 3px 13px;z-index:10;font-size:13px;color:#444;line-height:130%}
.headerin .siderbar .msgpop p{padding:6px 0;margin: 0}
.headerin .siderbar .msgpop a{color:#fa7d3c}
.headerin .siderbar .msgpop a.close{float:right}
.headerin .siderbar .msgpop a.close img{width:7px;height:7px;*margin-top:6px}
.layout-head{height:295px;width:100%;background:#fff url(/Public/images/header-default-bg.gif) repeat-x;border-bottom:1px solid #d1d1d1;margin-top:81px;*padding-top:81px;*background-position:0 81px;_margin-top:0;_padding-top:0;_background-position:0 0}
.layout-headin{height:295px;width:100%;background:url(/Public/images/theme-default.jpg) no-repeat center 0}
.layout-headin .myspace-banner{width:820px;height:295px;margin:0 auto;color:#fff;position:relative}
.layout-headin .myspace-banner .bot-info{width:650px;padding-left:190px;padding-right:20px;height:40px;position:absolute;bottom:42px;left:0;color:#fff;line-height:40px;font-size:14px;text-shadow:1px 1px 2px rgba(0,0,0,0.6)}
.layout-headin .myspace-banner .avatar{width:138px;height:138px;margin-top:130px;float:left;margin-left:16px;_display:inline;position:relative}
.layout-headin .myspace-banner .avatar img{width:130px;height:130px;border-radius:10px;padding:3px;border:1px solid #cecece;background:#fff}
.layout-headin .myspace-banner .right0{float:right;width:640px}
.layout-headin .myspace-banner .name{margin-top:140px;height:35px;*margin-top:135px;*height:40px;font-size:30px;line-height:30px;text-shadow:1px 1px 3px rgba(0,0,0,0.7)}
.layout-headin .myspace-banner .name a.btn-guanzhu{display:inline-block;*zoom:1;vertical-align:middle;width:45px;height:30px;line-height:30px;text-shadow:0px 0px 0px;background:#ff8929 url(/Public/images/icon-add.gif) no-repeat 13px 8px;font-size:14px;color:#fff;border-radius:3px;padding-left:35px;margin-left:6px}
.layout-headin .myspace-banner .name a.btn-blacklist{display:inline-block;*zoom:1;vertical-align:middle;padding:0 15px;height:30px;line-height:30px;text-shadow:0px 0px 0px;font-size:14px;color:#fff;border-radius:3px;background:#797979}
.layout-headin .myspace-banner .guanzhu{margin-top:5px;height:30px;font-size:16px;text-shadow:1px 1px 3px rgba(0,0,0,0.7)}
.layout-headin .myspace-banner .guanzhu a{color:#fff}
.layout-headin .myspace-banner .info{height:40px;line-height:40px;color:#fff;line-height:40px;font-size:14px;text-shadow:1px 1px 2px rgba(0,0,0,0.6)}
.layout-headin .myspace-banner .info span{padding-right:10px}
.layout-headin .myspace-banner .info .i-caozuo{float:right;font-size:12px}
.layout-headin .myspace-banner .info img{vertical-align:middle}
.layout-headin .myspace-banner .info a{color:#fff}
.layout-headin .myspace-banner .change-cover{height:27px;line-height:27px;position:absolute;top:34px;right:14px;padding:0 15px;border-radius:3px;background:url(/Public/images/mask3.png) repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/Public/images/mask3.png");color:#fff}
.layout-headin .myspace-banner .change-cover a{color:#fff}
.layout-headin .myspace-banner .tabs{height:45px;_width:640px;font-size:14px;color:#fff;position:relative;background:#fff;margin-top:0px;padding-top:0}
.layout-headin .myspace-banner .tabs ul{margin-left:-20px;_width:640px}
.layout-headin .myspace-banner .tabs li{display:inline;padding:0 2px}
.layout-headin .myspace-banner .tabs li.cur a {
    border-bottom: 2px solid #227dc5
}

.layout-headin .myspace-banner .tabs li a {
    color: #333;
    display: inline-block;
    *zoom: 1;
    padding: 2px 36px 0;
    height: 39px;
    line-height: 39px;
    *border-bottom: 4px solid #ffffff
}

.layout-headin .myspace-banner .tabs li a:hover {
    border-bottom: 4px solid #227dc5
}
.tabs{height:53px;width:100%;background:url(/Public/images/tabs-bg-big.gif) repeat-x 0 81px;font-size:14px;padding-top:81px;clear:both;_padding-top:0;_background:url(/Public/images/tabs-bg-big.gif) repeat-x 0 0px}
.tabs ul{width:800px;margin:0 auto}
.tabs ul .right0{float:right}
.tabs ul .right0 img{vertical-align:middle}
.tabs ul .right0 a.btn-blue2{line-height:30px;margin-top:10px;margin-right:6px;background:#4761a2}
.tabs li {
    display: inline;
    padding: 0 10px
}

.tabs li.cur a {
    border-bottom: 3px solid #227dc5;;
    color: #227dc5;;
    font-weight: bold;
}

.tabs li a {
    display: inline-block;
    *zoom: 1;
    padding: 0 10px;
    padding-top: 3px;
    height: 44px;
    line-height: 44px;
    *border-bottom: 3px solid #f3f6f8
}

.tabs li a:hover {
    border-bottom: 3px solid #366092
}

.tabs li a .red {
    font-size: 13px;
    color: #227dc5;
    font-family: "黑体";
    padding-left: 6px
}

.main {
    width: 827px;
    margin-top: 20px;
    margin: 0 auto;
    position: relative;
    _z-index: 1;
    min-height: 540px;
    min-height: calc(100vh - 340px)
}
.main.sharemain{width:840px;margin:0 auto;padding-top:80px;margin-top:0px;float:none}
.main .main-mid{float:left;width:560px;position:relative;z-index:20;margin-right:15px}
.main .dongt{font-size:14px;width:528px;border:1px solid #d1d1d1;background:#ffffff;margin-left:23px;margin-top:11px}
.main .dongt.no-dongt{text-align:center;padding:28px 0;min-height:130px}
.main .dongt.no-dongt img{margin:10px 0}
.main .dongt .title{font-size:14px;width:528px;border-bottom:1px solid #d1d1d1;height:42px;line-height:42px}
.main .dongt .title a{display:inline-block;*zoom:1;padding-left:20px;padding-right:20px;background:url(/Public/images/icon-01.gif) no-repeat right 19px}
.main .dongt .per-info{height:50px;font-size:14px;width:496px;position:relative;margin:15px 0 0 14px}
.main .dongt a.blue{color:#0e7fa4}
.main .dongt .per-info .face{float:left}
.main .dongt .per-info .face img{width:50px;height:50px;border-radius:5px}
.main .dongt .per-info .info{float:left;font-size:14px;color:#0e7fa4;margin:8px 0 0 15px}
.main .dongt .per-info .info img{vertical-align:middle;margin:0 3px}
.main .dongt .per-info .info span{display:block;margin-top:6px;font-size:12px;color:#aaaaaa}
.main .dongt .per-info .tips{height:50px;width:50px;position:absolute;top:0;right:0}
.main .dongt .per-info .tips.album{background:url(/Public/images/tips-album.png) no-repeat right 0;_background-image:url(/Public/images/tips-album.gif)}
.main .dongt .per-info .tips.work{background:url(/Public/images/tips-work.png) no-repeat right 0;_background-image:url(/Public/images/tips-work.gif)}
.main .dongt .per-info .tips.video{background:url(/Public/images/tips-video.png) no-repeat right 0;_background-image:url(/Public/images/tips-video.gif)}
.main .dongt .per-info .tips.honor{background:url(/Public/images/tips-honor.png) no-repeat right 0;_background-image:url(/Public/images/tips-honor.gif)}
.main .dongt .per-info .tips.blog{background:url(/Public/images/tips-blog.png) no-repeat right 0;_background-image:url(/Public/images/tips-blog.gif)}
.main .dongt .text{clear:both;margin:10px 0 0 14px;font-size:12px}
.main .dongt .text .title0{font-size:14px;line-height:150%;width:496px}
.main .dongt .text p{font-size:12px;line-height:170%;padding:5px 0 5px 0;width:495px}
.main .dongt .text .imgs{margin:8px 0 5px 0}
.main .dongt .text .imgs .AA{width:496px}
.main .dongt .text .imgs .BA{width:247px}
.main .dongt .text .imgs .BB{width:247px;overflow:hidden}
.main .dongt .text .imgs .twoC2C{width:330px}
.main .dongt .text .imgs .C2C{width:164px}
.main .dongt .text .imgs .CC{width:164px}
.main .dongt .text .imgs img{max-width:497px;_width:expression(this.width>497?"497px":true)}
.main .dongt .text .imgs div{float:left;margin:0 2px 2px 0}
.main .dongt .text .imgs div img{vertical-align:middle}
.main .dongt .text .videos{margin:8px 0 5px 0;width:497px;position:relative}
.main .dongt .text .videos img{width:497px;vertical-align:top}
.main .dongt .text .videos .num{height:24px;line-height:24px;background:url(/Public/images/mask3.png) repeat;padding:0 10px;position:absolute;bottom:7px;right:7px;color:#ffffff;border-radius:3px;font-size:12px;z-index:100;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/Public/images/mask3.png")}
.main .dongt .text .videos .play{width:93px;height:93px;position:absolute;top:50%;left:50%;z-index:100}
.main .dongt .text .videos .play a{display:block;width:93px;height:93px;background:url(/Public/images/play.png) repeat;margin-left:-42px;margin-top:-42px;position:relative;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/Public/images/play.png")}
.main .dongt .text .videos .play a:hover{background:url(/Public/images/play-hover.png) repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/Public/images/play-hover.png")}
.main .dongt .text .more{line-height:150%;padding:5px 0}
.main .dongt .text .more a{color:#3ab2d9}
.main .dongt .text .t-share{background:#ececec;margin-top:8px;line-height:150%;width:493px;min-height:55px;*height:55px;padding:5px 0 0 5px}
.main .dongt .text .t-share .icon{width:50px;height:50px;float:left;margin-right:10px}
.main .dongt .text .t-share .icon img{width:50px;height:50px}
.main .dongt .text .t-share .s-text{float:left;width:420px;overflow:hidden;line-height:24px}
.main .dongt .text .t-share .s-text .gray{color:#aaa}
.main .dongt .other-info{clear:both;margin:5px 0px 0 0px;min-height:35px;_height:35px;border-bottom:1px solid #d1d1d1;padding-left:15px;position:relative;z-index:200}
.main .dongt .other-info a{display:block;float:left;height:30px;line-height:30px;padding-left:24px;font-size:12px;color:#333}
.main .dongt .other-info a.del{float:right;display:inline;margin-right:18px;background:url(/Public/images/icon-del.png) no-repeat 4px 8px;_background-image:url(/Public/images/icon-del.gif)}
.main .dongt .other-info a.com{width:70px;background:url(/Public/images/icon-com.png) no-repeat 0 8px;_background-image:url(/Public/images/icon-com.gif)}
.main .dongt .other-info a.zan{width:60px;background:url(/Public/images/icon-zan2.png) no-repeat 4px 10px;_background-image:url(/Public/images/icon-zan2.gif)}
.main .dongt .other-info a.zan.yes,.main .dongt .other-info a.zan:hover{background:url(/Public/images/icon-zan2-y.png) no-repeat 4px 9px;_background-image:url(/Public/images/icon-zan2-y.gif)}
.main .dongt .other-info a.share{position:relative;width:35px;background:url(/Public/images/icon-share.png) no-repeat 7px 8px;_background-image:url(/Public/images/icon-share.gif);z-index:100}
.main .dongt .other-info a.share.cur{border:1px solid #dfdfdf;border-bottom:0;z-index:1000;background-color:#fff}
.main .dongt .other-info .sharepop{z-index:10;position:absolute;width:110px;background:#fff;z-index:500;border:1px solid #dfdfdf;top:30px;left:193px;padding-top:3px;padding-bottom:3px}
.main .dongt .other-info .sharepop a{display:block;line-height:32px;float:none;height:32px;margin:0;padding-left:11px}
.main .dongt .other-info .sharepop a:hover{background:#e9e9e9}
.main .dongt .other-info .sharepop a img{vertical-align:middle;margin-right:6px}
.main .dongt .zanbox{padding-left:54px;min-height:30px;_height:30px;line-height:30px;padding-top:14px;font-size:12px;color:#aaaaaa;position:relative;background:#f8f8f8 url(/Public/images/icon-zan.png) no-repeat 15px 21px;_background-image:url(/Public/images/icon-zan.gif)}
.main .dongt .zanbox img{width:30px;height:30px;border-radius:5px}
.main .dongt .zanbox a{margin-right:6px;float:left;vertical-align:middle}
.main .dongt .com{clear:both;background:#f8f8f8;font-size:12px;padding-bottom:5px;background-image:url(/Public/images/icon-com2.png);background-repeat:no-repeat;background-position:15px 12px;_background-image:url(/Public/images/icon-com2.gif)}
.main .dongt .com .s-com{clear:both;padding:6px 0 4px 0}
.main .dongt .com > div:first-child .s-com:first-child{background-image:url(/Public/images/icon-com2.png);background-repeat:no-repeat;background-position:15px 12px}
.main .dongt .com .sendbox:first-child{background:none}
.main .dongt .com .s-com.cur{background-color:#e1e9f0}
.main .dongt .com .s-com.cur .face{*margin-left:54px}
.main .dongt .com .s-com.sendbox{margin-left:-40px;*margin-left:0}
.main .dongt .com .s-com .face{width:40px;height:40px;float:left;margin-left:54px}
.main .dongt .com .s-com.sendbox .face{width:40px;height:40px;background:#f8f8f8}
.main .dongt .com .s-com.sendbox .face{*margin-left:14px}
.main .dongt .com .s-com .face img{width:30px;height:30px;border-radius:5px}
.main .dongt .com .s-com .com-text{width:420px;float:left;*float:none;line-height:18px}
.main .dongt .com .s-com .com-text .name{line-height:15px;margin-bottom:3px;color:#aaaaaa}
.main .dongt .com .s-com .com-text .name .caozuo{float:right}
.main .dongt .com .s-com a{color:#0e7fa4}
.main .dongt .com .s-com.replay{padding-left:40px}
.main .dongt .com .s-com.replay .com-text{width:380px}
.main .dongt .com .s-com a.red{color:#ff9292}
.main .dongt .com .s-textarea{width:454px;float:left;line-height:18px;background:#fff;margin-bottom:7px;border:1px solid #e1e1e1;position:relative}
.main .dongt .com .s-textarea textarea{width:444px;height:92px;border:0px;overflow:auto;font-size:12px;padding:5px 5px;color:#333;*padding:4px 5px}
.main .dongt .com .s-textarea textarea.small{height:28px;line-height:28px;padding:0 3px;color:#aaa}
.main .dongt .com .s-textarea .zishu{position:absolute;z-index:100000;bottom:5px;right:5px;color:#aaa}
.main .dongt .com .s-btn{margin-bottom:8px}
.main .dongt .com .rere{width:450px;padding-left:85px}
.main .dongt .com .rere .s-textarea{width:415px}
.main .dongt .com .rere .s-textarea textarea{width:405px}
.main .dongt.noborder{border:0}
.main .dongt a.dt-more{display:block;width:100%;background:#bdecff;height:40px;line-height:40px;font-size:12px;text-align:center;color:#0ea2d2}
.main .dongt a.dt-more:hover{background:#93d7f1}
.main .dongt a.dt-nomore{display:block;width:100%;background:#d6d6d6;height:40px;line-height:40px;text-align:center;font-size:12px;color:#818181}
.main .dongt .changepsd{padding:30px 0 30px 0}
.main .dongt .changepsd li{clear:both;color:#999;padding-top:15px;*padding-top:7px}
.main .dongt .changepsd li h3{width:180px;padding-right:26px;line-height:28px;text-align:right;float:left;font-size:12px;font-weight:normal}
.main .dongt .changepsd li h4{width:250px;float:left;font-size:12px;font-weight:normal;line-height:28px}
.main .dongt .changepsd li h4 .input01{width:138px;padding-left:10px;height:26px;line-height:26px;border:1px solid #eeeeee}
.main .dongt .changepsd li input{vertical-align:middle}
.main .dongt .changepsd li.btn{text-align:center;padding-top:30px;*padding-top:15px}
.main .main-sidebar{float:left;width:242px;display:inline}
.main .main-sidebar .weather{width:240px;min-height:74px;_height:74px;border:1px solid #d1d1d1;background:#ffffff;margin-top:11px}
.main .main-sidebar .weather .weather-img{width:100px;text-align:center;float:left;line-height:74px}
.main .main-sidebar .weather .weather-img img{max-width:70px;_width:expression(this.width>70?"70px":true);vertical-align:middle;*margin-top:2px}
.main .main-sidebar .weather .temperature{font-size:30px;float:left;width:70px;line-height:74px}
.main .main-sidebar .weather .addr-date{float:right;width:70px;line-height:18px;padding-top:19px}
.main .main-sidebar .weather .addr-date .addr{}
.main .main-sidebar .weather .addr-date .date{}
.main .main-sidebar .operation{font-size:14px;width:240px;border:1px solid #d1d1d1;background:#ffffff;margin-top:12px}
.main .main-sidebar .operation a{display:block;float:left;width:64px;padding-left:55px;height:60px;line-height:60px;border-right:1px solid #e9edf0}
.main .main-sidebar .operation a.photo{border-top:3px solid #ffd12e;background:url(/Public/images/op-photo.png) no-repeat 20px 22px;_background-image:url(/Public/images/op-photo.gif)}
.main .main-sidebar .operation a.video{border-top:3px solid #ffab5a;background:url(/Public/images/op-video.png) no-repeat 17px 22px;_background-image:url(/Public/images/op-video.gif)}
.main .main-sidebar .operation a.works{border-top:3px solid #fd87a6;background:url(/Public/images/op-works.png) no-repeat 22px 20px;_background-image:url(/Public/images/op-works.gif)}
.main .main-sidebar .operation a.article{border-top:3px solid #7be378;background:url(/Public/images/op-article.png) no-repeat 22px 22px;_background-image:url(/Public/images/op-article.gif)}
.main .main-sidebar .operation a.honor{border-top:3px solid #46d2ff;background:url(/Public/images/op-honor.png) no-repeat 22px 20px;_background-image:url(/Public/images/op-honor.gif)}
.main .main-sidebar .operation a.addfriend{border-top:3px solid #c88eff;background:url(/Public/images/op-addfriend.png) no-repeat 22px 20px;_background-image:url(/Public/images/op-addfriend.gif)}
.main .main-sidebar .sidebox{width:240px;border:1px solid #d1d1d1;background:#ffffff;margin-top:13px}
.main .main-sidebar .sidebox.rightfirst{margin-top:63px}
.main .main-sidebar .sidebox .line{height:1px;font-size:0;line-height:0;background:#d2d2d2;margin:2px 10px;overflow:hidden}
.main .main-sidebar .sidebox .title{height:25px;line-height:25px;font-size:12px;padding:0 10px;padding-top:8px}
.main .main-sidebar .sidebox .title .right0{float:right}
.main .main-sidebar .sidebox .title .right0 a{display:block;float:left;width:20px;height:20px;margin-top:3px;margin-left:3px}
.main .main-sidebar .sidebox .title .right0 a.f-pre{background:url(/Public/images/arrow-left.gif) no-repeat center center}
.main .main-sidebar .sidebox .title .right0 .f-pre-nomore{background:url(/Public/images/arrow-left-nomore.gif) no-repeat center center}
.main .main-sidebar .sidebox .title .right0 a.f-next{background:url(/Public/images/arrow.gif) no-repeat center center}
.main .main-sidebar .sidebox .title .right0 .f-next-nomore{background:url(/Public/images/arrow-nomore.gif) no-repeat center center}
.main .main-sidebar .sidebox .friends{margin:7px 8px 0 8px}
.main .main-sidebar .sidebox .friends li{width:68px;text-align:center;float:left;height:100px;line-height:170%;display:inline;margin:0 3px}
.main .main-sidebar .sidebox .friends li img{width:68px;height:68px;border-radius:8px;*margin-bottom:6px}
.main .main-sidebar .sidebox .friends li .gx{color:#aaaaaa;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:68px;height:20px}
.main .main-sidebar .sidebox .friends li .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:68px;height:20px}
.main .main-sidebar .sidebox .friends li .name a{color:#0e7fa4}
.main .main-sidebar .sidebox .invite{margin:10px 0 10px 15px}
.main .main-sidebar .sidebox .invite a{display:block;width:129px;height:57px;line-height:57px;padding-left:80px;color:#fff;font-size:16px;margin:8px 0 0 0;background:#74c3dc url(/Public/images/icon-add.gif) no-repeat 50px 21px}
.main .main-sidebar .sidebox .liuliang{height:25px;line-height:25px;font-size:12px;padding:5px 10px 8px 12px;color:#888}
.main .main-sidebar .sidebox.shige img{margin:0;vertical-align:top}
.main .main-sidebar .sidebox .tongji{width:240px;padding-bottom:5px;padding-top:2px}
.main .main-sidebar .sidebox .tongji span{display:block;float:left;width:107px;padding-left:12px;height:30px;line-height:30px}
.main .main-sidebar .sidebox .tongji span img{width:16px;margin-right:8px;vertical-align:middle;margin-bottom:4px}
.main .main-sidebar .sidebox .tongji span.photo img{width:16px}
.main .main-sidebar .sidebox .tongji span.video img{width:18px;margin-left:-2px}
.main .main-sidebar .sidebox .tongji span.works img{width:14px;margin-left:1px}
.main .main-sidebar .sidebox .tongji span.article img{width:14px;margin-left:1px}
.main .main-sidebar .sidebox .tongji span.honor img{width:16px}
.main .main-sidebar .sidebox .side-bot{width:210px;padding:8px 15px;padding-bottom:12px;text-align:center}
.main .main-sidebar .sidebox .side-bot .perarrow{float:left;*margin-top:5px}
.main .main-sidebar .sidebox .side-bot .nextarrow{float:right;*margin-top:5px}
.main .main-sidebar .sidebox .novisit{width:140px;height:50px;padding:40px 0 0 100px;background:url(/Public/images/icon-11.gif) no-repeat 60px 32px;font-size:14px;color:#a6caf9}
.main .main-sidebar .sidebox .erwm{width:90px;height:90px;float:left;display:inline;margin:5px 0 12px 12px;*padding-bottom:12px}
.main .main-sidebar .sidebox .erwm img{width:90px;height:90px}
.main .main-sidebar .sidebox .down-text{width:120px;float:right;padding-top:15px;line-height:34px}
.main .main-sidebar .sidebox .down-text img{vertical-align:middle;margin-bottom:5px;*margin-bottom:2px;_margin:8px 0;margin-right:3px}
.main .main-box{width:800px;border:1px solid #d1d1d1;background:#ffffff;box-shadow:1px 1px 3px rgba(0,0,0,.1);margin-top:18px;margin-left:20px;*padding-bottom:4px;min-height:200px;_height:200px}
.main .main-box.loading{min-height:260px;_height:260px;text-align:center}
.main .main-box.loading img{margin:80px 0 20px}
.main .main-box .title_up{padding:17px 15px 10px 24px;line-height:30px;height:40px}
.main .main-box .title_up .right-info{float:right;font-size:12px;padding-right:15px}
.main .main-box .title_up .btn{float:left;margin-right:14px;position:relative;*margin-right:9px}
.main .main-box .title_up .btn .nopic-tips{position:absolute;font-size:20px;color:#aaaaaa;width:400px;top:42px;left:30px;height:133px;background:url(/Public/images/icon-04.png) no-repeat;_background-image:url(/Public/images/icon-04.gif);padding:80px 0 0 66px}
.main .main-box .title_up .btn .nopic-tips.novideo{left:90px;background:url(/Public/images/icon-06.png) no-repeat;_background-image:url(/Public/images/icon-06.gif);padding:70px 0 0 216px}
.main .main-box .title_up .font14{font-size:14px;float:left;line-height:30px;margin-right:3px}
.main .main-box .title_up a.edit{display:block;float:left;width:20px;height:30px;background:url(/Public/images/icon-edit-blue.png) no-repeat center center;_background-image:url(/Public/images/icon-edit-blue.gif);vertical-align:middle;margin-right:10px}
.main .main-box .title_up .right0{float:right;font-size:14px}
.main .main-box .title_up input{vertical-align:middle}
.main .main-box .title_up .right0 a:hover{color:#e8f0f3}
.main .main-box .title_up select{vertical-align:middle;font-family:微软雅黑;margin:0 6px 0 4px;font-size:12px}
* + html .main .main-box .title_up select{width:lmbl-cc-container}
.main .main-box .no-black{height:253px}
.main .main-box .albumlist{margin:0 5px;*padding-bottom:300px;clear:both;display:flex;flex-wrap:wrap;align-items:center;padding:0 1.5px}

.main .main-box .albumbox {
    width: 144px;
    float: left;
    margin-left: 10px;
    margin-bottom: 12px;
    _display: inline;
    border-radius: 5px;
    border: 1px solid #EEEEEE
}

.main .main-box .albumbox.mover {
    box-shadow: 0 0 9px rgb(170, 238, 255);
    border: 1px solid rgba(170, 238, 255, 0.59)
}

.main .main-box .albumbox .albumbox-img {
    width: 144px;
    height: 144px;
    border-radius: 5px 5px 0 0
}
.main .main-box .albumbox .cover{width:100%;height:140px;position:relative;z-index:10}
.main .main-box .albumbox .cover img{width:100%;height:100%}
.main .main-box .albumbox .cover .zhuanma{height:90px;padding-top:133px;background:#505050 url(/Public/images/icon-zhuanma.png) no-repeat center 60px;_background-image:url(/Public/images/icon-zhuanma.gif);text-align:center;color:#fff}
.main .main-box .albumbox .cover .zm-fail{height:90px;padding-top:133px;background:#505050 url(/Public/images/icon-zmfail.png) no-repeat center 68px;_background-image:url(/Public/images/icon-zmfail.gif);text-align:center;color:#fff}
.main .main-box .albumbox .cover .pic img{margin:0;width:100%;height:140px;border-radius:3% 3% 0 0}
.main .main-box .albumbox .cover .num{height:26px;line-height:26px;background:url(/Public/images/mask.png) repeat;padding:0 10px;position:absolute;bottom:8px;right:7px;color:#ffffff;border-radius:5px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/Public/images/mask.png")}
.main .main-box .albumbox .cover .caozuo{height:26px;line-height:26px;background:url(/Public/images/mask.png) repeat;padding:0 5px;position:absolute;top:8px;right:7px;color:#ffffff;border-radius:5px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/Public/images/mask.png")}
.main .main-box .albumbox .cover .caozuo a.del{display:inline-block;*zoom:1;width:20px;height:26px;background:url(/Public/images/icon-del-w.png) no-repeat center center;_background-image:url(/Public/images/icon-del-w.gif)}
.main .main-box .albumbox .cover .caozuo a.edit{display:inline-block;*zoom:1;width:20px;height:26px;background:url(/Public/images/icon-edit.png) no-repeat center center;_background-image:url(/Public/images/icon-edit.gif)}
.main .main-box .albumbox .cover .caozuo a.meitu{display:inline-block;*zoom:1;width:20px;height:26px;background:url(/Public/images/icon-meitu.png) no-repeat center center;_background-image:url(/Public/images/icon-meitu.gif)}
.main .main-box .albumbox .cover .caozuo a.undo{display:inline-block;*zoom:1;width:20px;height:26px;background:url(/Public/images/icon-undo.png) no-repeat center center;_background-image:url(/Public/images/icon-undo.gif)}
.main .main-box .albumbox .cover .caozuo a.turnleft{display:inline-block;*zoom:1;width:20px;height:26px;background:url(/Public/images/icon-turnleft.png) no-repeat center center;_background-image:url(/Public/images/icon-turnleft.gif)}
.main .main-box .albumbox .cover .caozuo a.turnright{display:inline-block;*zoom:1;width:20px;height:26px;background:url(/Public/images/icon-turnright.png) no-repeat center center;_background-image:url(/Public/images/icon-turnright.gif)}
.main .main-box .albumbox .cover .zuowen{width:203px;height:105px;padding:10px 8px 8px 12px;background:#868fa5;color:#ffffff;line-height:24px;max-height:108px;overflow:hidden}
.main .main-box .albumbox .cover .zuowen h2{font-weight:normal;font-size:12px;line-height:26px;text-align:center}
.main .main-box .albumbox .title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-top:1px solid #eaeaea;padding:5px}
.main .main-box .albumbox .title em{font-style:normal;float:right;color:#9e9e9e;font-size:11px;_margin-top:7px}
.main .main-box .albumbox .title em img{vertical-align:text-bottom}
.main .main-box .albumbox .title .name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:32px}
.main .main-box .albumbox .title .footer{display:flex;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.main .main-box .photomanage .albumbox{border:2px solid #dddddd;margin:0 14px 32px 23px}
.main .main-box .photomanage .albumbox.mover{border:2px solid #25caff}
.main .main-box .photomanage .albumbox .title{_width:90%;text-align:center}
.main .main-box .photolist .albumbox .title{_width:90%;text-align:center}
.main .main-box .photomanage .selected{width:40px;height:40px;position:absolute;top:0;left:0;background:url(/Public/images/icon-selected.png) no-repeat;_background-image:url(/Public/images/icon-selected.gif);z-index:500}
.main .main-box .updateinfo{clear:both;text-align:right;color:#9e9e9e;margin:-15px 28px 20px 0;line-height:1}
.main .main-box .all-photos{padding:4px 0 0px 4px;clear:both}
.main .main-box .all-photos .photobox{width:260px;float:left;margin:0 3px 4px 0px;border-radius:4px;box-shadow:1px 2px 3px rgba(192,192,192,0.3);border:1px solid #eaeaea;padding-bottom:5px;vertical-align:top}
.main .main-box .all-photos .photobox .pic{width:260px;margin-bottom:5px}
.main .main-box .all-photos .photobox .pic img{width:260px}
.main .main-box .all-photos .photobox .title{line-height:20px;margin:0 8px}
.main .main-box .all-photos .photobox .date{color:#999;line-height:20px;margin:2px 8px}
.main .main-box .box-liuliang{text-align:right;padding:15px 20px 0 0}
.main .main-box .upload{width:740px;height:475px;margin-left:30px;background:url(/Public/images/bg-upload.gif) no-repeat;margin-bottom:30px;text-align:center;*margin-right:30px;position:relative}
.main .main-box .upload .info-liuliang{position:absolute;right:0px;top:-20px}
.main .main-box .upload.upvideo{margin-top:30px}
.main .main-box .upload .pimg{width:740px;text-align:center;padding-top:130px;height:66px;margin-bottom:13px;color:#dfdfdf;background:url(/Public/images/icon-05.png) no-repeat center 130px;_background-image:url(/Public/images/icon-05.gif)}
.main .main-box .upload .pimg.pvideo{background:url(/Public/images/icon-07.png) no-repeat center 130px;_background-image:url(/Public/images/icon-07.gif)}
.main .main-box .upload .tips{display:inline-block;*display:inline;*zoom:1;margin:0 auto;background:#e9e9e9;line-height:30px;padding:6px 6px 6px 10px;color:#a8a8a8;border-radius:3px;margin-top:30px}
.main .main-box .upload .btn-blue-big{display:block;margin:0 auto}
.main .main-box .uploadpics{margin-left:10px}
.main .main-box .uploadpics .albumbox{width:138px;height:178px;margin:0 0px 26px 14px;border-radius:2px}
.main .main-box .uploadpics .albumbox .cover{width:138px;height:147px;margin-bottom:4px}
.main .main-box .uploadpics .albumbox .cover .pic img{width:138px;height:147px}
.main .main-box .uploadpics .albumbox .title{_width:90%;text-align:center;line-height:24px}
.main .main-box .uploadpics .addbox{float:left;width:140px;height:180px;margin:0 0px 26px 14px;background:url(/Public/images/add-bg.gif) no-repeat}
.main .main-box .uploadpics .addbox a{display:block;width:130px;margin:0 auto;color:#dfdfdf;background:url(/Public/images/icon-05.png) no-repeat 38px 47px;padding-top:120px;_background-image:url(/Public/images/icon-05.gif);text-align:center}
.main .main-box .uploadpics .albumbox .selected{width:30px;height:30px;position:absolute;right:0;top:117px;background:url(/Public/images/icon-selected2.png) no-repeat;_background-image:url(/Public/images/icon-selected2.gif);z-index:500}
.main .main-box .uploadpics .albumbox .jindu-box{width:138px;height:3px;position:absolute;left:0;top:144px;font-size:0;overflow:hidden}
.main .main-box .uploadpics .albumbox .jindu-box .jindu{height:3px;width:20%;background:#25caff;overflow:hidden}
.main .main-box .up-bot{clear:both;height:50px;border-top:1px solid #e8e8e8;line-height:50px;padding:0 20px}
.main .main-box .up-bot .right0{float:right;_margin-top:10px}
.main .main-box .up-bot .right0 input{}
.main .main-box .up-bot .left0{float:left;margin-right:80px}
.main .main-box .up-bot input{vertical-align:middle}
.main .main-box .up-bot .btn-green{_margin-top:10px}
.main .main-box .up-bot .btn-gray2{_margin-top:10px}
.main .main-box .up-bot .gray{color:#a8a8a8}
.main .main-box .up-bot .jindu-box{width:200px;height:14px;font-size:0;line-height:0;overflow:hidden;border:1px solid #25caff;float:left;margin-top:18px;margin-right:18px;border-radius:7px}
.main .main-box .up-bot .jindu-box .jindu{height:14px;width:20%;border-radius:5px;background:#25caff;overflow:hidden}
.main .main-box .upvideo-jd{padding:20px 0 20px 25px}
.main .main-box .upvideo-jd .title{height:30px;line-height:30px}
.main .main-box .upvideo-jd .jdt{line-height:16px;margin-top:22px}
.main .main-box .upvideo-jd .jindu-box{display:inline-block;*display:inline;*zoom:1;width:360px;height:16px;font-size:0;line-height:0;overflow:hidden;border:1px solid #25caff;margin-right:18px;border-radius:7px;float:left}
.main .main-box .upvideo-jd .jindu-box .jindu{height:16px;width:20%;border-radius:5px;background:#25caff;overflow:hidden}
.main .main-box .upvideo-jd .bot-btn{margin:40px 25px 0 0;text-align:center}
.f-upinfo .f-ul li .jindu-box{width:200px;height:5px;font-size:0;line-height:0;overflow:hidden;background:#e7e7eb;float:left;margin-top:13px;margin-right:23px}
.f-upinfo .f-ul li .jindu-box .jindu{height:5px;width:20%;background:#45a3ee;overflow:hidden}
.main .main-box .upload .up_list{width:658px;border:1px solid #D3D3D3;background:#fff;margin:20px 0 20px 22px;height:500px;overflow-y:auto;overflow-x:hidden;position:relative}
.main .main-box .upload .up_list ul{padding:20px 0}
.main .main-box .upload .up_list li{clear:both;padding-top:10px;*padding-top:5px;padding-left:26px}
.main .main-box .upload .up_list .up_name{width:248px;float:left;height:22px;line-height:22px}
.main .main-box .upload .up_list .up_jindu{width:310px;float:left;border:1px solid #73C0CF;padding:2px;background:#fff;margin-right:13px;float:left;position:relative;line-height:0;height:16px;overflow:hidden}
.main .main-box .upload .up_list .percent{position:absolute;width:310px;height:16px;line-height:16px;text-align:center;left:0;z-index:1000;top:3px}
.main .main-box .upload .up_list .up_del{width:28px;float:left;padding-top:6px}
.main .main-box .upload .up_num{height:40px;background:#F2F2F2;line-height:40px;padding-left:22px;margin-top:20px;clear:both;border-top:1px solid #D9D9D9}
.main .main-box .ul-01{padding:10px 15px 25px 16px}
.main .main-box .ul-01 li{clear:both;padding:12px 20px 0px 17px;*padding-top:8px;line-height:200%}
.main .main-box .ul-01 li .li-right{float:right;width:660px;font-size:12px}
.main .main-box .ul-01 li a.add-img{float:left}
.main .main-box .ul-01 li span.tips{display:inline-block;*zoom:1;padding-top:67px;padding-left:10px}
.main .main-box .ul-01 li h5{float:right;width:660px;font-size:12px;font-weight:normal}
.main .main-box .ul-01 li h5 .gray{color:#999}
.main .main-box .ul-01 li a.picclose{width:20px;height:11px;display:inline-block;*zoom:0;background:url(/Public/images/close3.png) no-repeat center center;_background-image:url(/Public/images/close3.gif);vertical-align:baseline;*vertical-align:middle}
.main .main-box .ul-01 li input{vertical-align:middle;outline:none}
.main .main-box .ul-01 li .input-date{width:80px;text-align:center;padding:0;color:#777;height:28px;line-height:28px;border:1px solid #ebebeb;background:#ffffff}
.main .main-box .ul-01 li input[type='radio']{vertical-align:middle;padding:0;margin:0 3px 3px 0}
.main .main-box .ul-01 li .textarea-text{margin:0;position:relative;float:right;width:658px;height:168px;border:1px solid #ebebeb;background:#ffffff;margin-top:-3px}
.main .main-box .ul-01 li .textarea-text textarea{width:647px;height:161px;font-size:12px;color:#666666;border:0;vertical-align:top;line-height:170%;margin-top:1px;*margin-top:0;padding-left:6px;overflow:auto;padding-top:5px;padding-right:4px}
.main .main-box .ul-01 li .textarea-text .zishu{position:absolute;right:5px;bottom:0px;color:#999;line-height:20px}
.main .main-box .ul-01 li .li-right .img-s{position:relative;width:96px;height:96px;margin:5px 17px 13px 0;float:left}
.main .main-box .ul-01 li .li-right .img-s img{width:96px;height:96px}
.main .main-box .ul-01 li .li-right .img-s a.del{display:block;position:absolute;right:-10px;top:-12px;width:26px;height:26px;background:url(../images/del.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/Public/images/del.png")}
.f-pop .fd_ul01 li .li-right .img-s{position:relative;margin:5px 17px 13px 0;float:left}
.f-pop .fd_ul01 li .li-right .img-s img{width:96px;height:96px}
.f-pop .fd_ul01 li .li-right .img-s a.del{display:block;position:absolute;right:-10px;top:-12px;width:26px;height:26px;background:url(../images/del.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/Public/images/del.png")}
.main .main-box .ul-01 li .video-box{width:500px;font-size:12px;position:relative}
.main .main-box .ul-01 li .video-box img{width:500px}
.main .main-box .ul-01 li .video-box a.del{display:block;position:absolute;right:-10px;top:-12px;width:26px;height:26px;background:url(../images/del.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/Public/images/del.png")}
.main .main-box .ul-01 li .input-text{margin:0;position:relative;height:28px;border:1px solid #ebebeb;background:#ffffff;margin-top:-3px;margin-bottom:5px}
.main .main-box .ul-01 li .input-text input{width:90%;height:26px;font-size:12px;color:#666666;border:0;vertical-align:top;line-height:26px;margin-top:1px;*margin-top:0;padding-left:6px}
.main .main-box .ul-01 li .input-text .zishu-del{position:absolute;right:5px;top:0;color:#999;line-height:26px}
.main .main-box .ul-01 li .input-text .zishu-del a{background:url(/Public/images/close.png) no-repeat center center;height:25px;width:25px;display:inline-block;*zoom:1;float:left;margin-top:3px;_background-image:url(/Public/images/close.gif)}
.main .main-box .ul-01 li input{vertical-align:middle}
.main .main-box .ul-01 li select{color:#515151;margin-bottom:3px}
.main .main-box .ul-01 li .textarea-big{width:650px;height:308px;padding:5px 4px 0 6px;border:1px solid #ebebeb;line-height:160%;background:#ffffff;overflow:auto}
.main .main-box .sortbox{clear:both;padding:13px 0px 10px 0px;margin:-5px 20px 4px 24px;border-top:1px solid #eeeeee;*min-height:30px;_height:30px}
.main .main-box .sortbox a{display:block;float:left;margin-right:8px;height:28px;line-height:28px;border:1px solid #ffc549;padding:0 15px;color:#ffc549;border-radius:2px;white-space:nowrap;margin-bottom:5px}
.main .main-box .sortbox a:hover,.main .main-box .sortbox a.cur{border:1px solid #ffc549;color:#fff;background:#ffc549}
.main .worksdetail-wrap{}
.main .worksdetail-wrap .works-info{min-height:65px;_height:55px;font-size:14px;width:745px;margin:15px 0 0 25px;border-bottom:1px solid #eeeeee}
.main .worksdetail-wrap .works-info .face{float:left;height:50px;margin-bottom:15px}
.main .worksdetail-wrap .works-info .face img{width:50px;height:50px;border-radius:5px}
.main .worksdetail-wrap .works-info .info{float:left;font-size:14px;color:#00b7ee;margin:0px 0 10px 15px}
.main .worksdetail-wrap .works-info .info .gray{font-size:12px;color:#aaaaaa}
.main .worksdetail-wrap .works-info .info .work-title{font-size:14px;color:#515151;margin-top:7px;line-height:160%;max-width:520px;_width:520px}
.main .worksdetail-wrap .works-info .info .work-title .fenlei{display:inline-block;*display:inline;*zoom:1;height:20px;line-height:20px;padding:0 10px;background:#ffc549;color:#ffffff;border-radius:3px;font-size:12px}
.main .worksdetail-wrap .works-info .right0{float:right;padding-top:10px}
.main .worksdetail-wrap .works-info .right0 .btn-green{width:60px}
.main .worksdetail-wrap .works-info .right0 a{font-size:12px;padding:0 8px}
.main .worksdetail-wrap .text{clear:both;margin:10px 0 0 77px;font-size:16px;*margin-top:6px;width:644px;line-height:2em}
.main .worksdetail-wrap .text p{padding-left:5px}
.main .worksdetail-wrap .text .imgs-video{margin:8px 0 6px 0;width:502px}
.main .worksdetail-wrap .text img{max-width:502px;_width:expression(this.width>502?"502px":true);margin:8px 0 6px 0}
.main .worksdetail-wrap .text .imgs-video img{margin:0}
.main .worksdetail-wrap .other-info{clear:both;height:36px;margin:15px 24px 0 24px;position:relative;z-index:200;border-bottom:1px solid #eeeeee;*margin-bottom:10px}
.main .worksdetail-wrap .other-info a{display:block;float:left;height:30px;line-height:30px;margin-right:10px;padding-left:24px;font-size:12px;color:#999}
.main .worksdetail-wrap .other-info a.com{width:40px;background:url(/Public/images/icon-com.png) no-repeat 0 8px;_background-image:url(/Public/images/icon-com.gif)}
.main .worksdetail-wrap .other-info a.zan{margin-right:5px;width:40px;background:url(/Public/images/icon-zan2.png) no-repeat 4px 9px;_background-image:url(/Public/images/icon-zan2.gif)}
.main .worksdetail-wrap a.zan.yes,.main .worksdetail-wrap a.zan:hover{background:url(/Public/images/icon-zan2-y.png) no-repeat 4px 9px;_background-image:url(/Public/images/icon-zan2-y.gif)}
.main .worksdetail-wrap .other-info a.down{width:20px;margin-right:0px;background:url(/Public/images/icon-down.png) no-repeat 3px 6px;_background-image:url(/Public/images/icon-down.gif)}
.main .worksdetail-wrap .other-info a.share{width:7px;margin-right:38px;background:#ffffff url(/Public/images/icon-share.png) no-repeat 10px 8px;_background-image:url(/Public/images/icon-share.gif)}
.main .worksdetail-wrap .other-info a.share.cur{border:1px solid #dfdfdf;border-bottom:0;z-index:100;position:relative}
.main .worksdetail-wrap .other-info .sharepop{position:absolute;width:50px;background:#fff;z-index:50;border:1px solid #dfdfdf;top:30px;left:143px;padding-top:5px}
.main .worksdetail-wrap .other-info .sharepop a{width:50px;float:none;height:32px;text-align:center;margin:0;padding:0}
.main .worksdetail-wrap .zanbox{clear:both;padding-left:55px;height:30px;*height:40px;line-height:30px;color:#aaa;background:url(/Public/images/icon-zan.png) no-repeat 24px 8px;_background-image:url(/Public/images/icon-zan.gif)}
.main .worksdetail-wrap .zanbox img{width:30px;height:30px;border-radius:5px}
.main .worksdetail-wrap .zanbox a{display:block;width:30px;float:left;margin-right:6px;vertical-align:middle}
.main .worksdetail-wrap .com{clear:both;font-size:12px;padding-bottom:5px;margin-bottom:20px;background:url(/Public/images/icon-com2.png) no-repeat 24px 12px;_background-image:url(/Public/images/icon-com2.gif)}
.main .worksdetail-wrap .com .s-com{clear:both;padding:6px 0 4px 0;*padding:5px 0 0 0;*min-height:40px;_height:40px}
.main .worksdetail-wrap .com .s-com.cur{background:#e1e9f0}
.main .worksdetail-wrap .com > div:first-child .s-com:first-child{background-image:url(/Public/images/icon-com2.png);background-repeat:no-repeat;background-position:24px 12px}
.main .worksdetail-wrap .com .s-com .face{width:40px;float:left;margin-left:55px;display:inline}
.main .worksdetail-wrap .com .s-com .face img{width:30px;height:30px;border-radius:5px}
.main .worksdetail-wrap .com .s-com .com-text{width:680px;float:left;line-height:18px}
.main .worksdetail-wrap .com .s-com .com-text .name{width:680px;line-height:15px;margin-bottom:3px;color:#aaa}
.main .worksdetail-wrap .com .s-com .com-text .name .caozuo{float:right}
.main .worksdetail-wrap .com .s-com a{color:#0e7fa4}
.main .worksdetail-wrap .com .s-com.replay{padding-left:40px}
.main .worksdetail-wrap .com .s-com.replay .com-text{width:640px}
.main .worksdetail-wrap .com .s-com.replay .com-text .name{width:640px}
.main .worksdetail-wrap .com .s-com a.red{color:#ff9292}
.main .worksdetail-wrap .re-com{clear:both;padding-left:24px;margin-top:10px}
.main .worksdetail-wrap .s-textarea{clear:both;margin-bottom:7px;width:745px;height:102px;background:#f4f4f4;border:1px solid #eeeeee;position:relative}
.main .worksdetail-wrap .s-textarea textarea{width:735px;height:92px;border:0px;background:#f4f4f4;overflow:auto;font-size:12px;padding:5px 5px;color:#333;*padding:4px 5px}
.main .worksdetail-wrap .s-textarea .zishu{position:absolute;z-index:100000;bottom:5px;right:5px;color:#aaa}
.main .worksdetail-wrap .s-btn{margin-bottom:8px}
.main .worksdetail-wrap .rere{width:675px;padding-left:94px}
.main .worksdetail-wrap .rere .s-textarea{width:675px}
.main .worksdetail-wrap .rere .s-textarea textarea{width:665px}
.main .main-box .ul-02{padding:30px 15px 25px 16px}
.main .main-box .ul-02 li{clear:both;padding:5px 20px 0px 17px;line-height:32px;color:#aaaaaa;min-height:40px;_height:40px}
.main .main-box .ul-02 li h5{float:right;width:680px;font-size:12px;font-weight:normal;color:#373737}
.main .main-box.leftmax .ul-02 li h5{width:850px}
.main .main-box .ul-02 li h5 .gray{color:#999}
.main .main-box .ul-02 li input{vertical-align:middle}
.main .main-box .ul-02 li .input01{width:385px;height:28px;color:#373737;line-height:28px;border:1px solid #ebebeb;background:#ffffff;padding-left:5px}
.main .main-box .ul-02 li .input02{width:195px;height:28px;color:#373737;line-height:28px;border:1px solid #ebebeb;background:#ffffff;padding-left:5px}
.main .main-box .ul-02 li select{color:#515151;vertical-align:middle;padding-left:3px;height:30px;height:inherit \9;border:1px solid #ebebeb;*margin-top:3px;min-width:80px;_width:80px}
.main .main-box .ul-02 li.btn{text-align:center}
.main .main-box .ul-02 li.btn .btn-blue2{width:80px;padding:0;text-align:center}
.main .main-box .ul-02 li .b-box{width:420px;height:40px;border:1px solid #efeeee;background:#ffffff;margin-bottom:15px;float:left;line-height:40px;padding-left:10px;color:#aaa}
.main .main-box .ul-02 li .b-box a.btn-red{float:right;margin:2px 2px 0 0;display:inline-block;*zoom:1;text-align:center;height:36px;line-height:36px;width:75px;background:#ff8069;border-radius:2px;color:#fff;font-size:14px;cursor:pointer}
.main .main-box .ul-02 li .avatar{width:110px;height:110px;float:left;margin-right:20px;margin-bottom:20px}
.main .main-box .ul-02 li .avatar img{width:110px;height:110px;border-radius:8px}
.main .time-show{width:528px;margin-left:23px;background:url(/Public/images/icon-dott.gif) repeat-y 4px 0}
.main .time-show .time{height:40px;background:url(/Public/images/icon-08.gif) no-repeat 0px 27px;padding-left:15px;padding-top:23px;position:relative;z-index:25}
.main .time-show .time span{display:inline-block;height:24px;line-height:24px;color:#fff;font-size:10px;padding:0 15px;background:#a2a2a2;border-radius:12px}
.main .time-show.first .time{background:url(/Public/images/icon-08-first.gif) no-repeat 0px -27px}
.main .time-show.last{background:none}
.main .time-show.last .time{background:url(/Public/images/icon-08-last.gif) no-repeat 0px -6px}
.main .time-show .dongt{font-size:14px;width:507px;border:1px solid #d1d1d1;background:#ffffff;margin-left:21px;margin-top:0px}
.main .time-show .dongt .per-info{width:486px}
.main .time-show .dongt .per-info .close{width:20px;height:20px;position:absolute;top:0;right:2px}
.main .time-show .dongt .per-info .close a{display:block;width:20px;height:20px;background:url(/Public/images/close.png) no-repeat center center;_background-image:url(/Public/images/close.gif)}
.main .time-show .dongt .per-info .tips-noshow{width:97px;height:30px;position:absolute;top:-5px;padding-left:18px;right:-112px;color:#fff;background:url(/Public/images/tips-bg.png) no-repeat;_background-image:url(/Public/images/tips-bg.gif);font-size:12px;line-height:30px}
.main .time-show .dongt .text .title0{width:483px}
.main .time-show .dongt .text p{width:480px}
.main .time-show .dongt .text .imgs img{max-width:478px;_width:expression(this.width>478?"478":true)}
.main .time-show .dongt .text .imgs .AA{width:478px;height:478px;overflow:hidden}
.main .time-show .dongt .text .imgs .BA{width:238px;height:478px;overflow:hidden}
.main .time-show .dongt .text .imgs .BB{width:238px;height:238px;overflow:hidden}
.main .time-show .dongt .text .imgs .twoC2C{width:318px;height:318px;overflow:hidden}
.main .time-show .dongt .text .imgs .C2C{width:158px;height:318px;overflow:hidden}
.main .time-show .dongt .text .imgs .CC{width:158px;height:158px;overflow:hidden}
.main .time-show .dongt .text .videos{width:478px}
.main .time-show .dongt .text .videos img{width:478px;_width:expression(this.width>478?"478px":true)}
.main .time-show .dongt .text .t-share{width:473px}
.main .time-show .dongt .text .t-share .s-text{width:400px}
.main .time-show .dongt .com .s-com .com-text{width:400px}
.main .time-show .dongt .com .s-com.replay .com-text{width:355px}
.main .time-show .dongt .com .s-textarea{width:436px}
.main .time-show .dongt .com .s-textarea textarea{width:426px}
.main .time-show .dongt .com .rere{width:400px;padding-left:93px}
.main .time-show .dongt .com .rere .s-textarea{width:395px}
.main .time-show .dongt .com .rere .s-textarea textarea{width:385px}
.main .time-show.lookmore{background:none;padding-left:2px;margin-top:15px}
.main .time-show .dongt.noborder{border:0}
.main .time-line {
    width: 95px;
    position: absolute;
    margin-top: 21px;
    left: -90px
}

.main .time-line dl {
    width: 95px;
    font-size: 12px;
    margin-top: 3px;
    background: url(/Public/images/timeline-bg.gif) repeat-y 1px 0
}

.main .time-line dl a {
    color: #227dc5;
}

.main .time-line .cur {
    color: white;
}

.main .time-line dl span {
    /*color: #227dc5;*/
    cursor: pointer;
}

.main .time-line dd {
    height: 26px;
    line-height: 26px;
    padding-left: 18px;
    background: url(/Public/images/timeline-bg.gif) repeat-y 1px 0
}

.main .time-line dd.cur {
    /*background: url(/Public/images/icon-10.gif) no-repeat 0 center;*/
    font-size: 14px;
    font-weight: bold;
    background-color: #227dc5;
    color: white;
    margin-left: 1px;
}

.main .time-line dt {
    height: 24px;
    line-height: 24px;
    padding-left: 12px;
    margin: 0px 0 2px 1px
}

.main .time-line dt.cur {
    background: #227dc5
}

.main .time-line dt.cur a {
    color: #fff
}
.main .rizhibox{width:745px;margin-left:25px;border-bottom:1px dashed #caebf6;margin-bottom:15px}
.main .rizhibox .title{}
.main .rizhibox .title h2{font-weight:normal;font-size:16px;color:#2595b7;margin-bottom:5px;line-height:1.2}
.main .rizhibox .title h2 a{color:#2595b7}
.main .rizhibox .title h2 .fenlei{display:inline-block;*display:inline;*zoom:1;height:20px;line-height:20px;padding:0 10px;background:#ffc549;color:#ffffff;border-radius:3px;font-size:12px;margin:-3px 6px 0 0}
.main .rizhibox .title .date{font-size:12px;color:#aaaaaa}
.main .rizhibox .title .right0{float:right;color:#aaa}
.main .rizhibox .title img{vertical-align:middle}
.main .rizhibox .text{clear:both;margin:10px 0 0 0;font-size:12px;*margin-top:6px;width:750px;line-height:24px}
.main .rizhibox a.more{line-height:30px}
.main .rizhibox .other-info{clear:both;height:36px;margin:0px 0px 0 0px;position:relative;z-index:200;*margin-bottom:10px}
.main .rizhibox .other-info .right0{float:right}
.main .rizhibox .other-info .right0 a{display:inline;float:none;line-height:30px;padding:0;margin-left:20px;margin-right:0}
.main .rizhibox .other-info .right0 a.blue{color:#00aeef}
.main .rizhibox .other-info a{display:block;float:left;height:30px;line-height:30px;margin-right:10px;padding-left:24px;font-size:12px;color:#999}
.main .rizhibox .other-info a.com{width:40px;background:url(/Public/images/icon-com.png) no-repeat 0 8px;_background-image:url(/Public/images/icon-com.gif)}
.main .rizhibox .other-info a.zan{margin-right:5px;width:40px;background:url(/Public/images/icon-zan2.png) no-repeat 4px 9px;_background-image:url(/Public/images/icon-zan2.gif)}
.main .rizhibox .other-info a.zan.yes,.main .rizhibox .other-info a.zan:hover{background:url(/Public/images/icon-zan2-y.png) no-repeat 4px 9px;_background-image:url(/Public/images/icon-zan2-y.gif)}
.main .rizhibox .other-info a.share{width:7px;margin-right:38px;background:#ffffff url(/Public/images/icon-share.png) no-repeat 10px 8px;_background-image:url(/Public/images/icon-share.gif)}
.main .rizhibox .other-info a.share.cur{border:1px solid #dfdfdf;border-bottom:0;z-index:100;position:relative}
.main .rizhibox .other-info .sharepop{position:absolute;width:50px;background:#fff;z-index:50;border:1px solid #dfdfdf;top:30px;left:143px;padding-top:5px}
.main .rizhibox .other-info .sharepop a{width:50px;float:none;height:32px;text-align:center;margin:0;padding:0}
.main .bot-box{min-height:45px;_height:45px;margin:0 25px;text-align:right}
.main .bot-box .page{margin-top:10px}
.page{font-family:Arial,serif;margin-top:1em;float:right;display:flex;flex-wrap:wrap;justify-content:flex-end}
.page a{display:inline-block;*zoom:1;height:20px;line-height:20px;padding:0px 7px;background:#f2f2f2;margin:4px;color:#555}
.page a:hover{background:#229dc5;color:#fff;text-decoration:none}
.page a.wenzi{padding-bottom:2px !important;padding-bottom:3px}
.page a.cur{background:#229dc5;color:#fff}
.page span{display:inline-block;_zoom:1;padding:5px 0 0 0;font-weight:bold}
.page a.pre{width:10px;margin-right:0px;background:none;background:url(/Public/images/page-pre.png) no-repeat center 5px;_background-image:url(/Public/images/page-pre.gif)}
.page a.pre.nopre{background:url(/Public/images/page-pre-n.png) no-repeat center 5px;_background-image:url(/Public/images/page-pre-n.gif)}
.page a.next{width:10px;margin-left:0;background:none;background:url(/Public/images/page-next.png) no-repeat center 5px;_background-image:url(/Public/images/page-next.gif)}
.page a.next.nonext{background:url(/Public/images/page-next-n.png) no-repeat center 5px;_background-image:url(/Public/images/page-next-n.gif)}
.main .main-box .title-qy{text-align:center;padding-top:40px;line-height:150%}
.main .main-box .moments-box{width:545px;height:460px;background:url(/Public/images/moments-bg.gif) no-repeat 0 0px;margin:0 auto;margin-top:30px;position:relative}
.main .main-box .moments-box .boxin{position:absolute;width:90px;height:130px}
.main .main-box .moments-box .boxin img{width:90px;height:90px;border-radius:6px}
.main .main-box .moments-box .boxin .name{position:absolute;z-index:100;left:0;top:74px;text-align:center;width:90px;height:16px;line-height:16px;color:#fff;border-radius:0 0 6px 6px;background:url(/Public/images/mask3.png) repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/Public/images/mask3.png");overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main .main-box .moments-box .boxin .invite{height:26px;line-height:26px;text-align:center}
.main .main-box .moments-box .boxin .invite a{color:#ff9b39}
.main .main-box .moments-box .boxin.grandpa{}
.main .main-box .moments-box .boxin.grandma{left:150px;top:0}
.main .main-box .moments-box .boxin.grandpa2{left:300px;top:0}
.main .main-box .moments-box .boxin.grandma2{right:0;top:0}
.main .main-box .moments-box .boxin.father{left:72px;top:156px}
.main .main-box .moments-box .boxin.me{left:228px;top:156px}
.main .main-box .moments-box .boxin.mother{left:382px;top:156px}
.main .main-box .moments-box .boxin.qy1{left:2px;top:311px}
.main .main-box .moments-box .boxin.qy2{left:152px;top:311px}
.main .main-box .moments-box .boxin.qy3{left:302px;top:311px}
.main .main-box .moments-box .boxin.qy4{right:2px;top:311px}
.f-pop{width:418px;position:fixed;top:10vh;left:50%;z-index:1000;border:1px solid #b5b5b5;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.2)}
.f-pop .fd_title{height:46px;background:#f3f3f3;font-size:14px;padding:0px 11px 0 17px;line-height:46px;text-align:left;position:relative}
.f-pop .fd_title img{vertical-align:middle}
.f-pop .fd_title .right0{float:right}
.f-pop .fd_title .right0 a.close{display:block;width:20px;height:46px;background:url(/Public/images/close.png) no-repeat center center;_background-image:url(/Public/images/close.gif)}
.f-pop .fd_ul01{padding:10px 0 15px 0;*padding:20px 0 15px 0}
.f-pop .fd_ul01 li{clear:both;padding:12px 20px 0px 17px;*padding-top:8px;line-height:190%;_padding-left:13px}
.f-pop .fd_ul01 li h5{float:right;width:315px;font-size:12px;color:#999;font-weight:normal}
.f-pop .fd_ul01 li .input-text{margin:0;position:relative;float:right;width:315px;height:28px;border:1px solid #ebebeb;background:#ffffff;margin-top:-3px}
.f-pop .fd_ul01 li .input-text input{width:83%;height:26px;font-size:12px;color:#666666;border:0;vertical-align:top;line-height:26px;margin-top:1px;*margin-top:0;padding-left:6px}
.f-pop .fd_ul01 li .input-text .zishu-del{position:absolute;right:5px;top:0;color:#999;line-height:26px}
.f-pop .fd_ul01 li .input-text .zishu-del a{background:url(/Public/images/close4.gif) no-repeat right 3px;height:25px;width:25px;display:inline-block;*zoom:1;float:left;margin-top:3px}
.f-pop .fd_ul01 li .input-text .red{color:#f42727}
.f-pop .fd_ul01 li .textarea-text{margin:0;position:relative;float:right;width:315px;height:108px;border:1px solid #ebebeb;background:#ffffff;margin-top:-3px}
.f-pop .fd_ul01 li .textarea-text textarea{width:305px;height:101px;font-size:12px;color:#666666;border:0;vertical-align:top;line-height:160%;margin-top:1px;*margin-top:0;padding-left:6px;overflow:auto;padding-top:5px;padding-right:4px}
.f-pop .fd_ul01 li .textarea-text .zishu{position:absolute;right:5px;bottom:0px;color:#999;line-height:20px}
.f-pop .fd_ul01 li .sel-box{display:block;float:right;width:315px;height:30px;line-height:30px;border:1px solid #eeeeee;background:url(/Public/images/icon-show-green.png) no-repeat 295px 12px;_background-image:url(/Public/images/icon-show-green.gif);font-size:13px;margin-bottom:30px;margin-top:-3px;position:relative}
.f-pop .fd_ul01 .sel-box a{display:block;width:305px;height:30px;line-height:30px;padding-left:10px}
.f-pop .fd_ul01 .sel-box a span{color:#999}
.f-pop .fd_ul01 .sel-box a:hover{background-color:#e6e7ec;text-decoration:none}
.f-pop .fd_ul01 .sel-fenzu{position:absolute;background:#fff;border:1px solid #eeeeee;border-top:0;width:315px;top:30px;right:-1px}
.f-pop .fd_ul01 .sel-fenzu a{font-size:13px;color:#666;width:305px;padding-left:10px;height:30px;line-height:30px;display:block}
.f-pop .fd_ul01 .sel-fenzu a span{color:#999}
.f-pop .fd_ul01 .sel-fenzu a:hover{background-color:#e6e7ec;text-decoration:none}
.f-pop .text{margin:10px 0 10px 0px}
.f-pop .text.center{text-align:center}
.f-pop .text.t01{margin:50px 0 40px 0;padding: 0 2em;text-align: center;text-indent: 2em;font-size: 14px;}
.f-pop .text02{margin:25px 40px 10px 40px;font-size:14px;line-height:160%}
.f-pop .f_btn{clear:both;text-align:center;padding:15px 0 15px 0}
.f-pop .fd_update{padding:10px 0 10px 65px;*padding:15px 0 10px 65px;color:#666666}
.f-pop .fd_update li{clear:both;padding:12px 20px 0px 17px;*padding-top:8px;line-height:38px;_padding-left:13px}
.f-pop .fd_update li h5{float:right;width:270px;font-size:12px;color:#999;font-weight:normal}
.f-pop .fd_update li h5 .input01{width:200px;height:36px;font-size:12px;color:#666666;border:1px solid #cdcdcd;line-height:36px;padding-left:6px}
.f-pop .ftabs{height:43px;width:100%;font-size:12px;text-align:center;margin-top:10px}
.f-pop .ftabs li{display:inline;padding:0 5px}
.f-pop .ftabs li a{display:inline-block;*zoom:1;padding:0 12px 0 10px;height:34px;line-height:34px;color:#aaaaaa}
.f-pop .ftabs li.cur a,.f-pop .ftabs li a:hover{border-bottom:3px solid #a0c824;color:#a0c824}
.f-pop .f-text{padding-left:18px;color:#666666;padding-right:18px;margin-top:20px}
.f-pop .f-text textarea{width:362px;height:50px;overflow:auto;border:1px solid #ebebeb;background:#ffffff;padding:5px 5px 0 10px;color:#666;font-size:12px;line-height:24px;margin-bottom:5px}
.f-pop .f-text .zhuangt{color:#ffae01}
.f-pop .f-text .fd_ul01{margin-left:60px;padding-bottom:25px;width:300px;padding-top:0px}
.f-pop .f-text .fd_ul01 li{padding-top:12px;*padding-top:6px}
.f-pop .f-text .fd_ul01 li h5{width:195px;_margin-top:-5px;_padding-top:5px}
.f-pop .f-text .fd_ul01.qy-detail{margin-left:95px;padding-bottom:6px;width:260px;padding-top:0px}
.f-pop .f-text .fd_ul01.qy-detail span.blue{color:#2ca4ff;font-weight:bold;font-size:14px}
.f-pop .f-text .fd_ul01.qy-detail li{padding:5px 20px 0px 17px}
.f-pop .f-text .fd_ul01 .input01{width:142px;height:28px;border:1px solid #ebebeb;background:#ffffff;padding-left:5px;margin-top:-5px;color:#999}
.f-pop .f-text .fd_ul01 h5 span.red{display:block;margin-top:3px}
.f-pop .boxin{width:90px;height:90px;position:relative;margin:0 auto;margin-top:13px;margin-bottom:15px}
.f-pop .boxin img{width:90px;height:90px;border-radius:6px}
.f-pop .boxin .name{position:absolute;z-index:100;left:0;top:74px;text-align:center;width:90px;height:16px;line-height:16px;color:#fff;border-radius:0 0 6px 6px;background:url(/Public/images/mask3.png) repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/Public/images/mask3.png");overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.f-pop.helps{width:488px}
.f-pop.helps .help-text{width:428px;padding:20px 0 0 30px;line-height:24px;color:#777}
.f-pop.helps .help-text h3{font-size:16px;margin-bottom:15px}
.f-pop.helps .help-text p{margin-bottom:5px}
.f-pop .btn-green.yq{width:120px}
.f-pop .fd_ul01 .input01{width:312px;line-height:28px;height:28px;border:1px solid #ebebeb;background:#ffffff;padding-left:5px;margin-top:-5px;color:#999}
.f-pop .fd_ul01 .input02{width:50px;line-height:28px;height:28px;border:1px solid #ebebeb;background:#ffffff;padding-left:5px;margin-top:-5px;color:#999}
.f-pop.popbig{width:500px;_position:absolute;_top:140px;_left:50%;_z-index:1000;_border:1px solid #b5b5b5;_background:#fff}
.f-pop .changeavatar{padding:15px 0 0 15px}
.f-pop .changeavatar .b-box{width:310px;height:40px;border:1px solid #efeeee;background:#ffffff;margin-top:3px;margin-bottom:7px;float:left;line-height:40px;padding-left:10px;color:#aaa}
.f-pop .changeavatar a.btn-red{margin:2px 2px 0 0;display:inline-block;*zoom:1;text-align:center;height:36px;line-height:36px;width:75px;background:#ff8069;border-radius:2px;color:#fff;font-size:14px;cursor:pointer}
.f-pop .changeavatar .avatar{width:110px;float:left;margin-right:20px;margin-bottom:20px;color:#aaa;text-align:center}
.f-pop .changeavatar .avatar img{width:110px;height:110px;border-radius:8px;margin-bottom:8px}
.f-pop .changecover{margin:15px 0 0 28px}
.f-pop .changecover .coverbox{width:210px;height:60px;float:left;margin-right:20px;margin-bottom:8px;background:#ccc;position:relative}
.f-pop .changecover .coverbox img{width:210px;height:60px;vertical-align:middle}
.f-pop .changecover .coverbox .selected{}
.f-pop .changecover a:hover .coverbox .selected,.f-pop .changecover a.cur .coverbox .selected{width:206px;height:56px;border:2px solid #25caff;position:absolute;right:0;bottom:0px;background:url(/Public/images/icon-selected2.png) no-repeat right bottom;_background-image:url(/Public/images/icon-selected2.gif);z-index:500}
.f-pop.up-cancel{width:243px;border:0;border-radius:5px;padding-top:30px;background:url(/Public/images/mask-white.png) repeat;_background-color:#f2f2f2}
.f-pop.up-cancel .jindu-box{width:200px;height:10px;font-size:0;line-height:0;overflow:hidden;border:2px solid #e3e4e3;background:#d4d5d4 url(/Public/images/jindu_bg.gif) repeat-x;border-radius:7px;margin:0 auto;margin-bottom:20px}
.f-pop.up-cancel .jindu-box .jindu{height:10px;width:20%;border-radius:5px;background:#1f88cc url(/Public/images/jindu_bar.gif) repeat-x;overflow:hidden}
.f-pop .text-bd{text-align:center;font-size:14px;color:#666666;line-height:160%;padding:25px 0 15px 0}
.f-pop .text-bd span.tips{font-size:10px;color:#aaaaaa;display:block;margin-top:8px}
.f-pop .text-bd span.tips2{font-size:12px;color:#aaaaaa;display:block;padding:0 90px;margin-top:8px}
.f-pop .zhifu-info{font-size:14px;color:#666666;line-height:160%;padding:25px 0 10px 0;width:280px;margin:0 auto}
.f-pop .zhifu-info2{font-size:12px;color:#aaaaaa;text-align:center;line-height:160%;padding:10px 0 15px 0}
.f-pop .zhifu-info2 .btn-green{width:auto;padding:0 20px;*padding:0 15px}
.f-pop .zhifu-info2 input{margin-bottom:5px}
.f-pop .zhifu-info2 a.blue{color:#0e7fa4}
.f-pop-success{width:198px;position:absolute;top:140px;left:50%;border-radius:6px;z-index:1000;text-align:center;border:1px solid #b5b5b5;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.2);padding-top:35px;padding-bottom:20px;font-size:14px}
.f-pop-success .icon-OK{display:block;width:52px;margin:0 auto;height:52px;margin-bottom:15px;background:url(/Public/images/OK.png) no-repeat}
.pop-detail{width:914px;height:618px;background:#1d1d1d;color:#aaa}
.pop-detail a{color:#aaa}
.pop-detail .close{position:absolute;z-index:6001;width:31px;height:31px;top:-15px;right:-9px}
.pop-detail .close a{display:block;width:31px;height:31px;background:url(/Public/images/close2.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/Public/images/close2.png")}
.pop-detail .leftimg{width:620px;height:618px;float:left;line-height:618px;text-align:center;position:relative;_overflow:hidden}
.pop-detail .leftimg table{width:620px;height:618px}
.pop-detail .leftimg table td{height:618px;vertical-align:middle}
.pop-detail .leftimg .show-mid{display:table-cell;width:620px;text-align:center;vertical-align:middle;height:618px}
.pop-detail .leftimg .show-mid img{margin-top:0}
#jp_container_1{*margin-top:80px}
.pop-detail .leftimg img{max-width:620px;max-height:618px;vertical-align:middle;_width:expression(this.width>620?"620px":true);_height:expression(this.height>618?"618px":true);margin-top:-3px;*margin-top:0}
.pop-detail .leftimg .pre{width:45px;height:59px;position:absolute;left:0;top:290px}
.pop-detail .leftimg .pre a{display:block;width:45px;height:59px;background:url(/Public/images/pre_.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/Public/images/pre_.png")}
.pop-detail .leftimg .pre a:hover{background:url(/Public/images/pre.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/Public/images/pre.png")}
.pop-detail .leftimg .next{width:45px;height:59px;position:absolute;right:0;top:290px}
.pop-detail .leftimg .next a{display:block;width:45px;height:59px;background:url(/Public/images/next_.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/Public/images/next_.png")}
.pop-detail .leftimg .next a:hover{background:url(/Public/images/next.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/Public/images/next.png")}
.pop-detail .rightinfo{width:294px;_width:294px;height:618px;float:right;overflow-y:scroll;background:#f8f8f8;position:relative}
.pop-detail .rightinfo .per-info{height:58px;font-size:14px;margin:17px 0 0 17px}
.pop-detail .rightinfo .per-info .face{float:left}
.pop-detail .rightinfo .per-info .face img{width:50px;height:50px;border-radius:5px}
.pop-detail .rightinfo .per-info .info{float:left;font-size:14px;color:#0e7fa4;margin:4px 0 0 15px}
.pop-detail .rightinfo .per-info .info img{vertical-align:middle;margin:0 3px}
.pop-detail .rightinfo .per-info .info span{display:block;margin-top:6px;font-size:12px;color:#999}
.pop-detail .rightinfo .text{line-height:20px;color:#666;clear:both;margin:0px 8px 0 17px}
.pop-detail .rightinfo .pic-info{color:#666;margin:8px 0 15px 17px}
.pop-detail .rightinfo .pic-info li{height:22px;clear:both;margin-bottom:2px;line-height:22px;*vertical-align:top}
.pop-detail .rightinfo .pic-info li h3{font-size:12px;font-weight:normal;float:left;width:48px;height:22px;margin-right:2px;background:#f9f1d4;text-align:center}
.pop-detail .rightinfo .pic-info li h4{font-size:12px;font-weight:normal;float:left;padding-left:10px;width:190px;height:22px;background:#deeef5}
.pop-detail .rightinfo .other-info{clear:both;height:36px;margin:5px 0 0 0px;border-bottom:1px solid #d1d1d1;padding-left:19px;position:relative;margin-bottom:10px;z-index:100}
.pop-detail .rightinfo .other-info a{display:block;color:#999;float:left;height:30px;line-height:30px;margin-right:10px;padding-left:24px;font-size:12px}
.pop-detail .rightinfo .other-info a.com{width:35px;background:url(/Public/images/icon-com.png) no-repeat 0 8px;_background-image:url(/Public/images/icon-com.gif)}
.pop-detail .rightinfo .other-info a.zan{margin-right:5px;width:35px;background:url(/Public/images/icon-zan2.png) no-repeat 4px 9px;_background-image:url(/Public/images/icon-zan2.gif)}
.pop-detail .rightinfo .other-info a.zan.yes,.pop-detail .rightinfo .other-info a.zan:hover{background:url(/Public/images/icon-zan2-y.png) no-repeat 4px 9px;_background-image:url(/Public/images/icon-zan2-y.gif)}
.pop-detail .rightinfo .other-info a.down{width:20px;margin-right:0px;background:url(/Public/images/icon-down.png) no-repeat 3px 6px;_background-image:url(/Public/images/icon-down.gif)}
.pop-detail .rightinfo .other-info a.share{width:7px;margin-right:29px;background:url(/Public/images/icon-share.png) no-repeat 10px 8px;_background-image:url(/Public/images/icon-share.gif);border:1px solid #f8f8f8;border-bottom:0}
.pop-detail .rightinfo .other-info a.share.cur{border:1px solid #dfdfdf;border-bottom:0;background-color:#fff;z-index:100;position:relative}
.pop-detail .rightinfo .other-info .sharepop{position:absolute;width:50px;background:#fff;z-index:50;border:1px solid #dfdfdf;top:30px;left:152px;padding-top:5px}
.pop-detail .rightinfo .other-info .sharepop a{width:50px;float:none;height:32px;text-align:center;margin:0;padding:0}
.pop-detail .rightinfo .zanbox{padding-left:40px;height:30px;*height:40px;line-height:30px;background:url(/Public/images/icon-zan.png) no-repeat 18px 7px;_background-image:url(/Public/images/icon-zan.gif)}
.pop-detail .rightinfo .zanbox img{width:30px;height:30px;border-radius:5px}
.pop-detail .rightinfo .zanbox a{display:block;float:left;margin-right:6px;vertical-align:middle}
.pop-detail .rightinfo .com{clear:both;font-size:12px;padding-bottom:5px;color:#666;background:url(/Public/images/icon-com2.png) no-repeat 18px 12px;_background-image:url(/Public/images/icon-com2.gif)}
.pop-detail .rightinfo .com > div:first-child .s-com:first-child{background-image:url(/Public/images/icon-com2.png);background-repeat:no-repeat;background-position:18px 12px}
.pop-detail .rightinfo .com .s-com{clear:both;padding:6px 0 4px 0;*padding:5px 0 0 0}
.pop-detail .rightinfo .com .s-com.cur{background:#e1e9f0}
.pop-detail .rightinfo .com .s-com .face{width:40px;float:left;margin-left:40px;display:inline}
.pop-detail .rightinfo .com .s-com .face img{width:30px;height:30px;border-radius:5px}
.pop-detail .rightinfo .com .s-com .com-text{width:190px;float:left;line-height:18px}
.pop-detail .rightinfo .com .s-com .com-text .name{line-height:15px;margin-bottom:3px}
.pop-detail .rightinfo .com .s-com .com-text .date{color:#aaa}
.pop-detail .rightinfo .com .s-com .com-text .name .caozuo{float:right}
.pop-detail .rightinfo .com .s-com a{color:#0e7fa4}
.pop-detail .rightinfo .com .s-com.replay{padding-left:40px}
.pop-detail .rightinfo .com .s-com.replay .com-text{width:130px}
.pop-detail .rightinfo .com .s-com a.red{color:#ff9292}
.pop-detail .rightinfo .re-com{clear:both;padding-left:17px}
.pop-detail .rightinfo .s-textarea{clear:both;margin-bottom:7px;width:250px;background:#fff;border:1px solid #e1e1e1;position:relative}
.pop-detail .rightinfo .s-textarea textarea{width:240px;height:92px;border:0px;overflow:auto;font-size:12px;padding:5px 5px;color:#333;*padding:4px 5px}
.pop-detail .rightinfo .s-textarea textarea.small{height:28px;line-height:28px;padding:0 3px;color:#aaa}
.pop-detail .rightinfo .s-textarea .zishu{position:absolute;z-index:100000;bottom:3px;right:5px;color:#ccc}
.pop-detail .rightinfo .s-btn{margin-bottom:8px}
.pop-detail .rightinfo .editdec{padding-left:17px}
.pop-detail .rightinfo .editdec .s-textarea{height:112px;position:relative}
.pop-detail .rightinfo .editdec .s-textarea textarea{}
.pop-detail .rightinfo .rere{width:188px;padding-left:79px}
.pop-detail .rightinfo .rere .s-textarea{width:188px;vertical-align:middle}
.pop-detail .rightinfo .rere .s-textarea textarea{width:178px}
.main-box .faq{padding:20px 30px 20px 25px}
.main-box .faq dt{background:url(/Public/images/dot.gif) no-repeat 0 10px;font-weight:bold;color:#4761a2;padding-left:20px;line-height:24px;margin-bottom:6px;font-size:14px}
.main-box .faq dd{line-height:24px;padding-left:20px;margin-bottom:24px}
.main .main-mid.relativebox{width:536px;_display:inline;border:1px solid #d1d1d1;background:#ffffff;box-shadow:1px 1px 3px rgba(0,0,0,.1);margin-top:12px;padding-top:15px;margin-left:20px}
.main .main-mid.relativebox .nomoment{font-size:20px;color:#aaaaaa;text-align:center;padding:170px 0 224px 0;*padding-bottom:204px}
.main .main-mid.relativebox .nomoment a.btn-blue2{margin-top:25px;width:60px;background-color:#4761a2}
.main .main-mid.relativebox{width:536px;_display:inline;border:1px solid #d1d1d1;background:#ffffff;box-shadow:1px 1px 3px rgba(0,0,0,.1);margin-top:12px;padding-top:15px;margin-left:20px;padding-left:3px;*padding-bottom:20px}
.main .main-mid.relativebox .relatives{width:246px;height:207px;float:left;margin:0 0px 15px 13px;_display:inline;border-radius:4px;box-shadow:0 0 7px rgba(192,192,192,0.5);border:1px solid #d1d1d1;background:url(/Public/images/bg_blue.gif) repeat-x;padding-top:53px}
.main .main-mid.relativebox .relatives .avatar{width:86px;height:86px;float:left;margin-left:11px;margin-right:10px;_display:inline;position:relative}
.main .main-mid.relativebox .relatives .avatar .cover{width:80px;height:80px;border-radius:6px;text-align:center;line-height:80px;background:url(/Public/images/mask3.png) repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/Public/images/mask3.png");position:absolute;left:3px;top:3px}
.main .main-mid.relativebox .relatives .avatar .cover a{width:80px;height:80px;border-radius:6px;display:block;color:#ffffff}
.main .main-mid.relativebox .relatives .avatar img{width:80px;height:80px;border-radius:8px;border:3px solid #ffffff;background:#fff}
.main .main-mid.relativebox .relatives .name{width:108px;float:left;font-size:20px;height:30px;margin-top:48px;white-space:nowrap;overflow:hidden}
.main .main-mid.relativebox .relatives .caozuo{float:right;margin-top:55px;margin-right:15px;display:inline}
.main .main-mid.relativebox .relatives .caozuo a.asetting{display:block;width:14px;height:14px;background:url(/Public/images/setting-small.gif) repeat}
.main .main-mid.relativebox .relatives .text{font-size:13px;line-height:21px;padding:10px 0 0 16px;color:#66757f;height:73px}
.main .main-mid.relativebox .relatives .other-info{border-top:1px solid #e3e3e3;margin:0 12px;padding-top:3px}
.main .main-mid.relativebox .relatives .other-info a{display:block;float:left;height:30px;line-height:30px;margin-right:0px;padding-left:20px;font-size:12px}
.main .main-mid.relativebox .relatives .other-info a.com{width:63px;background:url(/Public/images/icon-com-small.png) no-repeat 0 10px;_background-image:url(/Public/images/icon-com-small.gif)}
.main .main-mid.relativebox .relatives .other-info a.zan{margin-right:0px;width:35px;background:url(/Public/images/icon-zan2-small-y.png) no-repeat 4px 10px;_background-image:url(/Public/images/icon-zan2-small-y.gif)}
.main .main-mid.relativebox .relatives .other-info a.friends{width:63px;background:url(/Public/images/icon-friends.png) no-repeat 3px 10px;_background-image:url(/Public/images/icon-friends.gif)}
.main .main-sidebar .momentstips{width:234px;border:1px solid #d1d1d1;background:#ffffff;border-left:4px solid #31d1ee;margin-top:13px}
.main .main-sidebar .momentstips h3{font-size:16px;color:#4761a2;height:40px;line-height:30px;font-weight:normal;padding-left:19px;padding-top:15px}
.main .main-sidebar .momentstips p{line-height:30px;color:#666666;padding:0 18px 15px 19px}
.fd_02{width:70px;position:absolute;z-index:100;margin:13px 0 0 -32px}
.fd_02 .arrow1,.fd_02 .arrow2{position:absolute;margin:0 0 0 32px;width:0px;height:0px;overflow:hidden;z-index:111;border-style:dashed dashed solid dashed;border-width:7px}
.fd_02 .arrow1{border-color:transparent transparent #bfbfbf transparent;top:-14px}
.fd_02 .arrow2{border-color:transparent transparent #fff transparent;top:-13px}
.fd_02in{position:relative;width:79px;border:1px solid #c1c1c1;border-radius:3px;background:#fff;z-index:110;margin:0px 0 0 0px}
.fd_02in a{display:block;height:29px;line-height:29px;text-align:center;color:#777}
.fd_02in a:hover{background-color:#31d1ee;color:#fff}
.fd_02in span.line{display:block;height:1px;font-size:0;line-height:0;width:60px;background:#d2d2d2;margin:0 auto;overflow:hidden}
.main .msg-box{width:770px;border:1px solid #d1d1d1;background:#ffffff;box-shadow:1px 1px 1px rgba(0,0,0,.05);margin-top:13px;margin-left:20px;padding:15px}
.main .msg-box .face{float:left;height:50px;margin-right:13px;margin-bottom:15px;*margin-bottom:0px}
.main .msg-box .face img{width:50px;height:50px;border-radius:5px}
.main .msg-box .info{float:left;font-size:14px;height:50px}
.main .msg-box .info .name{line-height:130%}
.main .msg-box .info .name a{color:#00b7ee}
.main .msg-box .info .name .gray{font-size:12px;color:#373737;padding-left:10px}
.main .msg-box .info .date{color:#999999;font-size:12px;line-height:120%;margin-top:11px}
.main .msg-box .text{clear:both;margin-top:2px}
.main .msg-box .gray{color:#999999}
.main .msg-box .t-share{background:#ececec;margin-top:8px;line-height:150%;width:98%;min-height:72px;_height:77px;padding:7px;*padding-bottom:2px}
.main .msg-box .t-share .text{clear:both;margin-bottom:10px}
.main .msg-box .t-share .icon{width:70px;height:70px;float:left;margin-right:12px}
.main .msg-box .t-share .icon img{width:70px;height:70px}
.main .msg-box .t-share .s-text{float:left;width:670px;height:70px;overflow:hidden;line-height:24px;margin-top:-3px}
.main .msg-box .t-share .s-text h4{font-size:14px;font-weight:normal;margin-bottom:3px}
.main-box .box-tips{width:690px;height:60px;line-height:60px;background:#fff9e1 url(/Public/images/icon-lock-gray.png) no-repeat 23px 20px;_background-image:url(/Public/images/icon-lock-gray.gif);margin:30px 0 0 22px;padding-left:60px}
.main-box .qx-name{font-size:14px;margin:35px 0 0 30px}
.main-box .qx-set{margin:20px 0 40px 30px;font-size:14px}
.main-box .qx-set a.qx-public{width:205px;height:68px;border:1px solid #00a0e9;display:inline-block;_zoom:1;line-height:68px;padding-left:150px;margin-right:20px;background:url(/Public/images/icon-public-gray.png) no-repeat 118px 25px;_background-image:url(/Public/images/icon-public-gray.gif)}
.main-box .qx-set a.qx-public:hover,.main-box .qx-set a.qx-public.public-cur{background-color:#00a0e9;background-image:url(/Public/images/icon-public-white.png);_background-image:url(/Public/images/icon-public-white.gif);color:#fff;text-indent:0.5em;letter-spacing:1em}
.main-box .qx-set a.qx-lock{width:205px;height:68px;border:1px solid #00a0e9;display:inline-block;_zoom:1;line-height:68px;padding-left:150px;background:url(/Public/images/icon-lock-gray.png) no-repeat 118px 25px;_background-image:url(/Public/images/icon-lock-gray.gif);text-indent:0.5em;letter-spacing:1em}
.main-box .qx-set a.qx-lock:hover,.main-box .qx-set a.qx-lock.lock-cur{background-color:#00a0e9;background-image:url(/Public/images/icon-lock-white.png);_background-image:url(/Public/images/icon-lock-white.gif);color:#fff}
.main-box .qx-set .btn-green{margin-top:20px}
.main .main-box.bangding{min-height:100px;_height:100px}
.main-box .ul-bangding{width:100%}
.main-box .ul-bangding li{width:100%;height:60px;line-height:60px;text-align:center}
.main-box .ul-bangding li.title{height:49px;line-height:49px;background:#f1f5f7}
.main-box .ul-bangding li h3{width:25%;font-size:12px;font-weight:normal;float:left}
.main-box .ul-bangding li h3 img{vertical-align:middle !important;margin-right:5px;_margin-top:20px}
.main-box .ul-bangding li h4{width:25%;font-size:12px;font-weight:normal;float:left}
.main-box .ul-bangding li h5{width:25%;font-size:12px;font-weight:normal;float:left}
.main-box .ul-bangding li h5 input{*margin-top:16px}
.main .msg-box .fans-box{width:240px;height:93px;float:left;margin:5px 6px 7px 8px;_display:inline;border-radius:4px;border:1px solid #d1d1d1;padding-top:13px}
.main .msg-box .fans-box .avatar{width:80px;height:80px;float:left;margin-left:13px;margin-right:15px;_display:inline}
.main .msg-box .fans-box .avatar img{width:80px;height:80px;border-radius:8px;background:#fff}
.main .msg-box .fans-box .info{width:128px;float:left}
.main .msg-box .fans-box .info .name{font-size:20px;height:33px;line-height:31px;color:#0e7fa4;white-space:nowrap;overflow:hidden}
.main .msg-box .fans-box .info .name a{color:#0e7fa4}
.main .msg-box .fans-box .info p{line-height:20px;color:#aaaaaa;font-size:12px;min-height:20px;_height:20px}
.main .msg-box .fans-box .info p.font10{font-size:10px;color:#999}
.main .msg-box .fans-box .info p span.boy{display:block;float:left;width:26px;height:20px;background:url(/Public/images/boy.gif) no-repeat 3px 2px}
.main .msg-box .fans-box .info p span.girl{display:block;float:left;width:26px;height:20px;background:url(/Public/images/girl.gif) no-repeat 3px 2px}
.main .msg-box .fans-box .info p span.birth{display:block;float:left;padding-left:17px;width:60px;height:20px;background:url(/Public/images/birthday.gif) no-repeat 0px 1px}
.main .msg-box .fans-box .info .btn{margin-top:4px}
.btn-gz-gray{display:inline-block;*zoom:1;padding:0 9px;height:20px;text-align:center;line-height:20px;color:#fff;font-size:10px;background:#b8b8b8;border-radius:2px}
.btn-gz-orange{display:inline-block;*zoom:1;width:44px;height:20px;text-align:center;line-height:20px;color:#fff;font-size:10px;border-radius:2px;background:#ff8929 url(/Public/images/add-10-10.gif) no-repeat 12px 5px;padding-left:16px;margin-right:3px}
.warming{background:#f6f4de;border:1px solid #d1d1d1;color:#fa7d3c;width:800px;margin-top:13px;margin-left:20px;padding:12px 0;text-align:center}
.main2blue{width:100%;height:400px;clear:both;background:#88a6e5}
.main2gray{width:100%;height:400px;clear:both;background:#faf6f2}
.main2{width:820px;margin:0 auto;height:400px;clear:both}
.main2 .text{color:#fff;line-height:36px}
.main2 .text h2{font-size:28px;font-weight:normal;margin-bottom:40px;line-height:36px}
.main2 .text p{font-size:18px;text-indent:2em}
.main2.cont1{background:url(/Public/images/login/cont1.png) no-repeat 495px 80px;_background-image:url(/Public/images/login/cont1.gif)}
.main2.cont1 .text{width:440px;padding:66px 0 0 20px}
.main2.cont2{background:url(/Public/images/login/cont2.png) no-repeat 10px 50px;_background-image:url(/Public/images/login/cont2.gif)}
.main2.cont2 .text{color:#88a6e5;padding:28px 0 0 350px;line-height:28px}
.main2.cont2 .text h2{margin-bottom:20px}
.main2.cont3{background:url(/Public/images/login/cont3.png) no-repeat 393px 70px;_background-image:url(/Public/images/login/cont3.gif)}
.main2.cont3 .text{width:420px;padding:56px 0 0 10px;line-height:28px}
.main2.cont3 .text h2{}
.main2.cont3 .text p{width:370px}
.main2.cont4{background:url(/Public/images/login/cont4.png) no-repeat 0px 60px;_background-image:url(/Public/images/login/cont4.gif)}
.main2.cont4 .text{color:#88a6e5;padding:56px 0 0 429px}
.main2.cont4 .text h2{letter-spacing:-2px}
.main2.cont5{background:url(/Public/images/login/cont5.jpg) no-repeat 13px 70px}
.main2.cont5 .text{color:#88a6e5;padding:36px 0 0 430px;line-height:30px}
.main2.cont5 .text p{}
.banner1{width:820px;text-align:center;margin:0 auto;padding-left:11px;margin-top:10px;display:block}
.main .leftmenu{width:120px;border:1px solid #d1d1d1;float:left;margin-bottom:40px;background:#ffffff;box-shadow:1px 1px 3px rgba(0,0,0,.1);display:inline;margin-left:23px;margin-top:10px}
.main .leftmenu ul{width:120px}
.main .leftmenu ul li{height:45px;border-bottom:1px solid #eaeaea}
.main .leftmenu ul li:last-child{border-bottom:0px solid #eaeaea}
.main .leftmenu ul li a{display:block;height:45px;line-height:45px;width:120px;font-size:14px;text-align:center}
.main .leftmenu ul li.cur a,.main .leftmenu ul li a:hover{color:#fff;background:#4761a2}
.main .mainbox2{width:648px;border:1px solid #d1d1d1;float:left;background:#ffffff;box-shadow:1px 1px 3px rgba(0,0,0,.1);margin:10px 0 0 16px;display:inline}
.main .mainbox2 .title{height:37px;font-size:14px;padding-top:5px;line-height:37px;margin:0 15px;border-bottom:1px solid #eaeaea}
.main .mainbox2 .avatar-info{height:53px;margin:5px 6px 7px 3px;_display:inline;padding-top:13px;clear:both}
.main .mainbox2 .avatar-info .avatar{width:50px;height:50px;float:left;margin-left:13px;margin-right:15px;_display:inline;_margin-top:15px}
.main .mainbox2 .avatar-info .avatar img{width:50px;height:50px;border-radius:4px;background:#fff}
.main .mainbox2 .avatar-info .info{_margin-top:15px}
.main .mainbox2 .avatar-info .info .name{font-size:14px;height:32px;line-height:23px;color:#0e7fa4}
.main .mainbox2 .avatar-info .info .name a{color:#0e7fa4}
.main .mainbox2 .avatar-info .info p{line-height:20px;font-size:12px;min-height:20px;_height:20px}
.main .mainbox2 .ul_vip{margin-top:10px;padding-left:5px;margin-bottom:50px}
.main .mainbox2 .ul_vip li{clear:both;padding-top:10px;padding-left:20px;padding-bottom:5px;font-size:14px}
.main .mainbox2 .ul_vip li h4{width:70px;float:left;font-size:14px;padding-top:8px;font-weight:normal;text-align:left;padding-right:7px;line-height:150%}
.main .mainbox2 .ul_vip li .selectbox{width:500px;float:left;font-size:14px;line-height:150%}
.main .mainbox2 .ul_vip li .selectbox .right0{float:right;_margin-top:10px}
.main .mainbox2 .ul_vip li .selectbox .right0 img{vertical-align:middle}
.main .mainbox2 .ul_vip li .selectbox .right0 a{display:inline;border:0;float:none}
.main .mainbox2 .ul_vip li .selectbox .right0 a:hover{display:inline;border:0;background:none}
.main .mainbox2 .ul_vip li .selectbox a{float:left;width:149px;height:36px;border:2px solid #c9c9c9;display:block;line-height:36px;text-align:center;margin-right:13px;margin-bottom:5px}
.main .mainbox2 .ul_vip li .selectbox a:hover,.main .mainbox2 .ul_vip li .selectbox a.cur{border:2px solid #80c269;background:url(/Public/images/checked.gif) no-repeat right bottom}
.main .mainbox2 .ul_vip li .selectbox a.vip-all span{width:23px;height:15px;display:inline-block;background:url(/Public/images/vip2.gif) no-repeat;*margin-bottom:3px;_margin-top:9px;_margin-bottom:0}
.main .mainbox2 .ul_vip li .selectbox a.vip-all:hover span,.main .mainbox2 .ul_vip li .selectbox a.vip-all.cur span{background:url(/Public/images/vip2_.gif) no-repeat}
.main .mainbox2 .ul_vip li .selectbox a.weixin span{width:33px;height:25px;display:inline-block;background:url(/Public/images/weixin2.gif) no-repeat;vertical-align:middle;_margin-top:5px;_margin-bottom:0}
.main .mainbox2 .ul_vip li .selectbox a.weixin{font-size:15px;font-weight:bold}
.main .mainbox2 .ul_vip li .selectbox a.zhifubao span{width:86px;height:23px;display:inline-block;background:url(/Public/images/zhifubao.gif) no-repeat;vertical-align:middle;*margin-top:6px}
.main .mainbox2 .ul_vip li .selectbox a.qx-public:hover,.main .mainbox2 .ul_vip li .selectbox a.qx-public.public-cur{background-color:#00a0e9;background-image:url(/Public/images/icon-public-white.png);_background-image:url(/Public/images/icon-public-white.gif);color:#fff}
.main .mainbox2 .ul_vip li h5{width:405px;float:left;font-size:14px;font-weight:normal;padding:6px 0 6px 0px;line-height:150%;margin-top:2px;display:flex;align-items:center}
.main .mainbox2 .ul_vip li h5 .red{font-size:20px}
.main .mainbox2 .ul_vip .li-ewm{min-height:200px;text-align:center;margin-top:7px}
.main .mainbox2 .ul_vip .li-ewm .ewm img{padding:1px;background:#fff;border:1px solid #cecece}
.main .mainbox2 .ul_vip .li-ewm .info-text{width:125px;height:50px;text-align:left;margin:0 auto;background:url(/Public/images/icon-vip-text.gif) no-repeat;color:#fff;padding-left:70px;line-height:160%;padding-top:15px;font-size:12px;margin-top:8px}
.main .mainbox2 .ul_vip .li-ewm .loading img{margin-top:60px}
.main .mainbox2 .ul_vip li.li-text img{vertical-align:middle;margin-top:13px;vertical-align:bottom;*margin-top:0}
.main .mainbox2 .ul_vip li.li-btn{text-align:center;padding-top:20px;padding-right:30px}
.main .mainbox2 .table-qy{width:620px;border:1px solid #d3edff;border-collapse:collapse;font-size:14px;margin:16px 0 20px 15px}
.main .mainbox2 .table-qy td{border:1px solid #d3edff;height:44px;text-align:center}
.main .mainbox2 .table-jl{width:620px;border:1px solid #d3edff;border-collapse:collapse;font-size:12px;margin:16px 0 20px 15px}
.main .mainbox2 .table-jl td{border:1px solid #d3edff;height:44px;text-align:center}
.main .mainbox2 .xieyi-text{width:600px;height:524px;overflow-y:auto;margin:0 auto;line-height:26px;margin-top:16px;margin-bottom:20px}
.main .mainbox2 .ok-fail{font-size:26px;color:#a0c824;text-align:center;margin:30px 0 15px 0}
.main .mainbox2 .ok-fail.orange{color:#ff9000}
.main .mainbox2 .ok-fail img{vertical-align:middle;margin-bottom:3px}
.main .mainbox2 .ul_result{margin-top:6px;padding-left:5px;margin-bottom:50px;padding-right:20px}
.main .mainbox2 .ul_result li{clear:both;padding-top:10px;padding-left:20px;padding-bottom:5px;font-size:14px}
.main .mainbox2 .ul_result li h4{float:left;font-size:14px;padding-top:8px;font-weight:normal;text-align:left;padding-right:7px;line-height:150%}
.main .mainbox2 .ul_result li h5{float:right;font-size:14px;padding-top:8px;font-weight:normal;text-align:right;padding-right:7px;line-height:150%}
.main .mainbox2 .ul_result li.li-btn{text-align:center;padding-top:30px}
.main .mainbox2 .p-info{background:url(/Public/images/icon-tips.gif) no-repeat 0 5px;font-size:14px;margin:10px 20px 0 25px;padding-left:25px;line-height:180%}
.main .mainbox2 .p-info .blue{color:#0e7fa4}
.main .mainbox2 .line{height:1px;border-bottom:1px solid #eaeaea;overflow:hidden;margin:20px 20px 0 20px}
.success-tips{width:410px;margin:0 auto;margin-top:200px}
.success-tips .ok-fail{font-size:26px;color:#a0c824;text-align:center;margin:30px 0 35px 0}
.success-tips .ok-fail img{vertical-align:middle;margin-bottom:3px}
.success-tips .text{font-size:14px;line-height:26px}
@media screen and ( max-width:823px){.success-tips{width:70%;padding:30% 15% 0 15%;margin-top:0px}
    .success-tips .text{font-size:16px}
}
.remaining-space{width:240px;font-size:12px;padding-left:1em;padding-right:1em;box-sizing:border-box;color:#888888}
.remaining-space .remaining-space-progress-outer{display:flex;align-items:center}
.remaining-space .remaining-space-progress-footer{display:flex;margin-bottom:6px;padding:0 2px}
.remaining-space .remaining-space-progress-container{position:relative;text-align:center;width:100%}
.remaining-space .remaining-space-progress{height:1rem;width:100%;margin:0.4em 0;border:0}
.remaining-space .remaining-space-run-rich::-webkit-progress-value{background:#2470C2}
.remaining-space .remaining-space-run-full::-webkit-progress-value{background:#f12711 !important}
.remaining-space .remaining-space-progress::-webkit-progress-bar{background:#CACACA}
.remaining-space .remaining-space-progress-container div{position:absolute;z-index:2;bottom:9px;font-size:12px;cursor:default;width:100%}
.remaining-space .remaining-space-label{display:inline-flex}
.remaining-space .remaining-space-label .remaining-space-label-expired-time{float:left}
.sidebox .remaining-space-label-expand-space{float:right;color:#d0ad00;text-decoration:none}
.classmate .classmate-content{position:relative}
.classmate .classmate-name-keyword{width:14em}
.classmate .classmate-avatar{width:128px;height:128px;margin:0 !important;padding:0;border:1px solid #cecece;border-radius:10px}
.classmate .classmate-name{text-align:center;color:white;position:absolute;bottom:5px;width:100%;background-color:rgba(0,0,0,0.6);padding:2px 0;border-radius:0 0 10px 10px}
.classmate .classmate-toolbar{width:calc(100% - 2em);float:right;display:flex;flex-wrap:wrap;align-items:baseline;margin-right:1em;border-bottom:solid 1px #f1f1f1;padding-bottom:1em;justify-content:end;align-self:center}
.textfield{text-size-adjust:100%;-webkit-tap-highlight-color:transparent;tab-size:4;font-family:inherit;margin:0;overflow:visible;touch-action:manipulation;-webkit-appearance:none;background-color:white;background-image:none;border-radius:4px;border:1px solid #dcdfe6;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:32px;line-height:32px;outline:0;padding:0 11px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}

.leave-message-board {
    min-height: 550px;
    height: calc(100vh - 330px);
    background: #f0f8ff80;
    display: flex;
    box-sizing: border-box
}

.leave-message-board .leave-message-board-list {
    width: 270px;
    background: #dbeffd
}

.leave-message-board .leave-message-board-dialog {
    width: 100%;
    background: white
}
.leave-message-board .leave-message-board-list .lmbl-title{border-bottom:1px solid white;line-height:18px;font-size:14px;color:#666;padding:8px;display:inline-flex;width:100%;box-sizing:border-box;align-items:center}
.leave-message-board .leave-message-board-list .lmbl-title .lmbl-t-left{margin-right:auto}
.leave-message-board .leave-message-board-list .lmbl-title .lmbl-t-right .lmbl-tr-cm-icon{height:21px;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:#409eff;font-size:inherit;border:1px solid;background:none;padding:0 5px;border-radius:5px;cursor:pointer}
.leave-message-board .leave-message-board-list .lmbl-title .lmbl-t-right .lmbl-tr-cm-icon svg{height:1em;width:1em;margin-right:0.5em}
.leave-message-board .leave-message-board-list .lmbl-content{overflow-y:auto;overflow-x:hidden;height:calc(100% - 45px);margin-top:1px}
.leave-message-board .leave-message-board-dialog{width:100%;position:relative}
.leave-message-board .leave-message-board-dialog .lmbd-title{border-bottom:1px solid #e9eaec;line-height:18px;font-size:14px;color:#333;padding:10px;text-align:center}
.leave-message-board .leave-message-board-dialog .lmbd-content{padding: 0 1em;overflow-y: auto;overflow-x: hidden;height: calc(100% - 200px);box-sizing: border-box;margin: 1em;}
.leave-message-board .leave-message-board-dialog .lmbd-input-container{min-height:100px;border-top:1px solid #e9eaec;padding:1em;bottom:0;width:100%;box-sizing:border-box;position:absolute}
.leave-message-board .leave-message-board-dialog .lmbd-input-container .lmbd-ic-textarea{text-size-adjust:100%;-webkit-tap-highlight-color:transparent;tab-size:4;direction:ltr;font-synthesis:none;margin:0;overflow:auto;touch-action:manipulation;display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;font-size:inherit;font-family:inherit;color:#606266;background-color:white;background-image:none;border:1px solid #dcdfe6;border-radius:5px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);min-height:6em;width:100%;resize:none}

.leave-message-board .leave-message-board-dialog .lmbd-input-container .lmbd-ic-send-icon {
    height: 1em;
    width: 1em;
    line-height: 1em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    fill: currentColor;
    color: white;
    margin-right: 0.5em
}

.leave-message-board .leave-message-board-dialog .lmbd-input-container .lmbd-ic-send {
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    tab-size: 4;
    direction: ltr;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    background-image: none;
    font-family: inherit;
    overflow: visible;
    text-transform: none;
    touch-action: manipulation;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    height: 32px;
    white-space: nowrap;
    cursor: pointer;
    background-color: #00AEEF;
    border: 1px solid #dcdfe6;
    border-color: #AADDFF;
    color: #ffffff;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    transition: .1s;
    font-weight: 500;
    user-select: none;
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 4px;
    margin: 0 0 0 12px
}

.leave-message-board .leave-message-board-dialog .lmbd-input-container .lmbd-ic-toolbar {
    display: flex;
    justify-items: end;
    justify-content: flex-end;
    margin-top: 1em
}

.leave-message-board ::-webkit-scrollbar {
    width: 10px;
    height: 1px
}

.leave-message-board ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #95C0ED;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent)
}

.leave-message-board > * ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #ededed;
    border-radius: 10px
}
.leave-message-board .leave-message-board-list .lmbl-content .lmbl-c-contact:hover{background:#fdfdfda3}
.leave-message-board .leave-message-board-list .lmbl-content .lmbl-c-contact.current-session{background:white}
.leave-message-board .leave-message-board-list .lmbl-content .lmbl-c-contact .lmbl-c-contact-current{background:white}
.leave-message-board .leave-message-board-list .lmbl-content .lmbl-c-contact{padding:1em 10px}
.leave-message-board .leave-message-board-list .lmbl-content .lmbl-c-contact .lmbl-cc-container{display:flex;position:relative}
.leave-message-board .leave-message-board-list .lmbl-content .lmbl-c-contact .lmbl-cc-container .lmbl-cc-avatar{width:42px;height:42px;border:1px double white;border-radius:50%;margin-right:1em}
.leave-message-board .leave-message-board-list .lmbl-content .lmbl-cc-container .lmbl-cc-right{width:100%}
.leave-message-board .leave-message-board-list .lmbl-content .lmbl-cc-container .lmbl-cc-right .lmbl-ccr-title{display: flex;align-items: center;justify-content: space-between;}
.leave-message-board .leave-message-board-list .lmbl-content .lmbl-cc-container .lmbl-cc-right .lmbl-ccr-name{font-weight:bold;font-size:14px;color:#666;}
.leave-message-board .leave-message-board-list .lmbl-content .lmbl-cc-container .lmbl-cc-right .lmbl-ccr-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width: 190px;}
.leave-message-board .leave-message-board-dialog .lmbd-content .lmbd-content-time{text-size-adjust:100%;-webkit-box-direction:normal;text-align:center;padding:0;color:#999;font-size:12px;line-height:22px;margin:0 10px;box-sizing:border-box}
.leave-message-board .leave-message-board-dialog .lmbd-content .lmbd-content-message{display:flex;margin-bottom:1.5em}
.leave-message-board .leave-message-board-dialog .lmbd-content .lmbd-content-message .lmbd-cm-avatar > img{text-decoration:none;display:block;width:30px;height:30px;border-radius:50%;flex-shrink:0;float:left;box-sizing:border-box}
.leave-message-board .leave-message-board-dialog .lmbd-content .lmbd-content-message-friend .lmbd-cm-content-outer{box-shadow:0 2px 4px 0 rgb(121 146 185 / 54%);background:lightskyblue;border-radius:0 16px 16px 16px}
.leave-message-board .leave-message-board-dialog .lmbd-content .lmbd-content-message-friend .lmbd-cm-content-outer .lmbd-cm-content{}
.leave-message-board .leave-message-board-dialog .lmbd-content .lmbd-content-message-self .lmbd-cm-content-outer{box-shadow:0 2px 4px 0 rgb(121 146 185 / 54%);background:limegreen;border-radius:16px 0 16px 16px}
.leave-message-board .leave-message-board-dialog .lmbd-content .lmbd-content-message-friend .lmbd-cm-content-outer a{color:white}
.leave-message-board .leave-message-board-dialog .lmbd-content .lmbd-content-message-self .lmbd-cm-content-outer a{color:#f8f8f8}
.leave-message-board .leave-message-board-dialog .lmbd-content .lmbd-content-message-friend .lmbd-cm-content-outer .icon-link{width:1em;height:1em}
.leave-message-board .leave-message-board-dialog .lmbd-content .lmbd-content-message-self .lmbd-cm-content-outer .icon-link{width:1em;height:1em}
.leave-message-board .leave-message-board-dialog .lmbd-content .lmbd-content-message.lmbd-content-message-self{justify-content:end;position:relative}
.leave-message-board .leave-message-board-dialog .lmbd-content .lmbd-content-message-self .lmbd-cm-content-outer .lmbd-cm-content{}
.leave-message-board .leave-message-board-dialog .lmbd-content .lmbd-content-message .lmbd-cm-content-outer{line-height:12px;font-size:12px;-webkit-box-direction:normal;padding:0;margin:0 10px;position:relative;overflow:hidden;color:#333;float:left;box-sizing:border-box}
.leave-message-board .leave-message-board-dialog .lmbd-content .lmbd-content-message .lmbd-cm-content-outer .lmbd-cm-content{margin:0;line-height:1.5;font-size:14px;min-height:37px;padding:8px 16px;word-wrap:break-word;word-break:break-word;border-radius:0 16px 16px 16px;overflow:hidden;position:relative;z-index:1;box-sizing:border-box;display:inline-block;max-width:425px}
.leave-message-board .leave-message-board-list .lmbl-content .lmbl-c-contact .lmbl-ccc-hover{position:absolute;width:100%;height:70px;display:inline-flex;justify-content:end;padding-right:1em;align-content:baseline;padding-top:2em}

.leave-message-board .leave-message-board-list .lmbl-content .lmbl-c-contact .lmbl-ccc-hover .lmbl-ccch-button {
    height: 21px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    fill: currentColor;
    font-size: inherit;
    background: none;
    border: none;
    padding: 5px;
    cursor: pointer
}

.leave-message-board .leave-message-board-list .lmbl-content .lmbl-c-contact .lmbl-ccc-hover .lmbl-ccch-button svg {
    height: 1em;
    width: 1em;
    color: #00AEEFdb
}

.leave-message-board .leave-message-board-dialog .lmbd-content .lmbd-content-message .lmbd-cmc-hover {
    height: 100%;
    padding-right: 1em;
    align-content: center;
    margin: auto 0
}

.leave-message-board .leave-message-board-dialog .lmbd-content .lmbd-content-message .lmbd-cmc-hover .lmbl-cmch-button {
    height: 21px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    fill: currentColor;
    font-size: inherit;
    background: none;
    border: none;
    padding: 5px;
    cursor: pointer
}

.leave-message-board .leave-message-board-dialog .lmbd-content .lmbd-content-message .lmbd-cmc-hover .lmbl-cmch-button svg {
    height: 1em;
    width: 1em;
    color: #00AEEFdb
}

.albumbox .title {
    display: flex;
    align-items: center
}
.albumbox .title .title-left{display:block;justify-content:start;align-items:center;max-width:200px}
.albumbox .title .title-right{justify-content:end;margin-left:auto;height:32px;display:flex;align-items:center}

.main .main-box .albumbox .title .album-footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.main .main-box .album-menu {
    align-items: center;
    width: 1.5em;
    height: 1.5em;
    cursor: pointer;
}

.main .main-box .album-menu.menu-pop {
    position: absolute;
    background: white;
    z-index: 13;
    color: #303133;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    display: table;
    line-height: 2em;
    min-width: 10em;
    padding: 2px 5px
}

.main .main-box .album-menu .menu-pop li:hover {
    background: #00AEEF14;
    color: #00AEEF
}

.main .main-box .album-menu .menu-pop hr {
    background-color: #e4e7ed;
    margin: 2px 0;
    height: 1px;
    border: none
}

.main .main-box .album-menu .menu-pop li {
    padding: 2px 10px
}

.picture-main-box .toolbar-header {
    display: flex;
    align-items: center;
    margin: 1em 0.5em 1em 1em
}
.picture-main-box .toolbar-header .toolbar-left{display:flex;align-items:center;width:100%}
.picture-main-box .toolbar-header .toolbar-left .album-left{display:flex;align-items:center}
.picture-main-box .toolbar-header .toolbar-left .album-select{display:flex;align-items:center;line-height:3em}
.picture-main-box .toolbar-header .toolbar-left .album-select .album-thumb{width:5em;height:5em;margin-right:0.5em;border-radius:10px}
.picture-main-box .toolbar-header select{text-size-adjust:100%;color-scheme:light;-webkit-tap-highlight-color:transparent;direction:ltr;font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:inherit;overflow:visible;touch-action:manipulation;position:relative;-webkit-appearance:none;background-color:#ffffff;border-radius:4px;box-sizing:border-box;color:#606266;font-size:inherit;outline:none;transition:box-shadow .2s cubic-bezier(.645,.045,.355,1);width:172px;box-shadow:0 0 0 1px #dcdfe6 inset;border:none;height:30px;cursor:pointer;display:inline-flex;padding:0 30px 0 10px;margin-bottom:5px;line-height:30px;background-size:1.5em;background-repeat:no-repeat;background-position:right 5px center;text-align:left;box-sizing:border-box;background-image:url('/Public/images/resource/ArrowDown.svg');text-overflow:ellipsis}

.picture-main-box .toolbar-header select:visited {
    background-image: url('/Public/images/resource/ArrowUp.svg')
}

.picture-main-box .toolbar-header .pth-button {
    width: 1.5em;
    height: 1.5em;
    display: flex;
    align-items: center;
    color: #00AEEF
}

.picture-main-box .toolbar-header .pth-button:not(:last-child) {
    margin-right: 0.5em
}
.picture-main-box .toolbar-header .info-message{margin-left:2px;line-height:2em}
.picture-main-box .toolbar-header .info-message span:not(:last-child){margin-right:2px;padding-right:5px;border-right:1px solid #515151}
.picture-main-box hr{background-color:#e4e7ed;margin:2px 0;height:1px;border:none}
.picture-main-box .album-photos{display:flex;flex-wrap:wrap;min-height:400px}

.picture-main-box .album-photos .album-photo {
    border: 1px solid #dfdfdf;
    margin: 1em 0 0 1em;
    border-radius: 10px;
    box-shadow: 3px 3px 5px #dfdfdf;
    background-color: aliceblue;
    position: relative;
    height: 100%;
}

.picture-main-box .album-photos .album-photo-selected {
    border: 1px solid #dfdfdf;
    margin: 1em 0 0 1em;
    border-radius: 4px;
    box-shadow: 3px 3px 5px #00AEEF;
    background-color: aliceblue;
    position: relative
}

.picture-main-box .album-photos .album-photo .album-photo-container {
    width: 144px;
    height: 144px;
    animation: el-skeleton-loading 1.4s ease infinite;
    background: url(/Public/images/resource/picture-loading.gif) no-repeat center center;
    border-radius: 10px
}
.picture-main-box .album-photos .album-photo img{width:100%;height:100%;border-radius:10px}
.picture-main-box .album-photos .album-photo .video-play-cover{height:50%;width:50%;position:absolute;left:25%;top:25%}
.picture-main-box .album-photos .album-photo .photo-footer{line-height:30px;display:none;align-items:center;position:absolute;bottom:0;background-color:#00000075;width:144px;color:white;border-radius:0 0 10px 10px}
.picture-main-box .album-photos .album-photo.album-photo-menu-popup .photo-footer{display:flex}
.picture-main-box .album-photos .album-photo.album-photo-hover .photo-footer{display:flex}
.picture-main-box .album-photos .album-photo .photo-footer .pfl-hr{margin:0 0.5em}
.picture-main-box .album-photos .album-photo .photo-footer .photo-footer-left{display:flex;align-items:center;max-width:177px;overflow:hidden;word-break:break-all;white-space:nowrap;margin-left:5px}
.picture-main-box .album-photos .album-photo .photo-footer .photo-footer-left .mark{width:1.5em;height:1.5em;margin-right:0.5em}
.picture-main-box .album-photos .album-photo .photo-footer .photo-footer-right{margin-left:auto;display:flex;align-items:center;margin-right:5px}
.picture-main-box .album-photos .album-photo .photo-footer .photo-footer-right .plr-tags{width:1.5em;height:1.5em;margin-right:0.5em}
.picture-main-box .album-photos .album-photo .photo-footer .photo-footer-right .photo-menu{align-items:center;width:1.5em;height:1.5em;margin-bottom:5px}

.picture-main-box .album-photos .album-photo .photo-footer .photo-footer-right .menu-pop {
    position: absolute;
    background: white;
    z-index: 13;
    color: #303133;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    display: table;
    line-height: 2em;
    min-width: 10em;
    padding: 2px 5px;
    cursor: pointer
}

.picture-main-box .album-photos .album-photo .photo-footer .photo-footer-right .menu-pop li:hover {
    background: #00AEEF14;
    color: #00AEEF
}

.tippy-box[data-theme~='light'] {
    background-color: rgba(255, 255, 255, 0.9)
}
.picture-main-box .album-photos .album-photo .photo-footer .photo-footer-right .menu-pop hr{background-color:#e4e7ed;margin:2px 0;height:1px;border:none}
.picture-main-box .album-photos .album-photo .photo-footer .photo-footer-right .menu-pop li{padding:2px 10px}
.picture-main-box .toolbar-header .toolbar-right{margin-right:1em;margin-left:auto;justify-items:end;min-width:fit-content}
.picture-main-box .toolbar-header .toolbar-right .btn-red{margin-left: 0.2em; margin-right: 0.2em;padding-left: 0.2em; padding-right: 0.2em;}
.picture-main-box .toolbar-header .toolbar-right .picture-tag-container{line-height:2em;margin-left:auto;display:flex;align-items:center}
.picture-main-box .toolbar-header .toolbar-right .picture-tag-container label{margin-right:1em;display:flex;align-items:center;color:#606266}
.picture-main-box .toolbar-header .toolbar-right .picture-tag-container input{margin-right:0.5em}
.picture-main-box .toolbar-header .toolbar-right .picture-button-container{line-height:3em;margin-left:auto;display:flex;align-items:center;justify-content:flex-end}
.picture-main-box .toolbar-header .toolbar-right .picture-button-container select{width:6.5em;margin-right:0.5em;padding:0 5px}
.picture-main-box .album-footer {
    margin-top: 5em;
    padding-top: 1em;
    border-top: 1px solid #eeeeee;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    width: 100%;
    margin-bottom: 2em;
    padding-right: 2em
}

.load-more-button {
    width: 100%;
    margin: 1em;
    text-align: center;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    font-size: 14px;
    line-height: 50px;
    letter-spacing: 0.5em;
    cursor: pointer;
    box-shadow: 3px 3px 5px #eeeeee
}

.tag-dialog-container {
    padding: 1em;
    border-bottom: 1px solid #eeeeee
}
.tag-dialog-container .tdc-title{width:100%;line-height:30px;font-size:16px}
.tag-dialog-container .tdc-content{display:flex;flex-wrap:wrap;align-items:center;margin-top:0.5em;margin-bottom:2em;margin-left:0.5em}
.tag-dialog-container .tdc-tag{display:flex;cursor:pointer;justify-content:space-between;margin-right:0.5em;border-radius:5px;padding:2px 10px;margin-bottom:0.5em}
.tag-dialog-container .tdc-button{margin-left:0.5em}
.tag-dialog-container .tdc-button svg{height:1em;width:1em;margin-left:auto}
.move-picture-dialog{padding:1em}
.move-picture-dialog .mpd-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1em;padding-bottom:0.5em;border-bottom:1px solid #eeeeee}
.move-picture-dialog .mpd-album-radio{display:flex;min-width:22em;cursor:pointer;align-items:center}
.move-picture-dialog .mpd-album-radio span{margin-left:10px}
.move-picture-dialog .mpd-album-list{display:flex;flex-wrap:wrap;line-height:2em}
.move-picture-dialog .mpd-toolbar input{text-size-adjust:100%;color-scheme:light;-webkit-tap-highlight-color:transparent;direction:ltr;font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:inherit;overflow:visible;touch-action:manipulation;position:relative;-webkit-appearance:none;background-color:#ffffff;background-image:none;border-radius:4px;box-sizing:border-box;color:#606266;font-size:inherit;outline:none;transition:box-shadow .2s cubic-bezier(.645,.045,.355,1);width:172px;box-shadow:0 0 0 1px #dcdfe6 inset;border:none;height:25px;padding:0 15px;display:inline-flex;padding-right:35px;margin-bottom:5px;line-height:25px}
.timestamp-dialog select{text-size-adjust:100%;color-scheme:light;-webkit-tap-highlight-color:transparent;direction:ltr;font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:inherit;overflow:visible;touch-action:manipulation;position:relative;-webkit-appearance:none;background-color:#ffffff;background-image:none;border-radius:4px;box-sizing:border-box;color:#606266;font-size:inherit;outline:none;transition:box-shadow .2s cubic-bezier(.645,.045,.355,1);width:6em;box-shadow:0 0 0 1px #dcdfe6 inset;border:none;height:30px;cursor:pointer;display:inline-flex;margin-bottom:5px;line-height:30px;text-align:center}
#picture-editor-container{display:none;width:100vw;height:100vh;background-color:rgba(0,0,0,0.5);z-index:1000;position:fixed}
#picture-editor{position:fixed;width:95vw;height:95vh;left:50%;top:50%;transform:translate(-50%,-50%);background-color:white;border-radius:5px;border:1px solid #eeeeee}
.picture-upload-panel{width:100%;height:16em;margin:1em;border:1px dashed #eeeeee;cursor:pointer;border-radius:5px;box-shadow:3px 3px 5px #eeeeee}
.picture-upload-panel.dragover{background-color:lightgreen;color:white}
.picture-upload-panel.dragover .upload-icon{color:white}
.picture-upload-panel .upload-icon{width:12em;display:block;margin:0 auto;color:rgb(168,171,178)}
.picture-upload-panel .upload-text em{color:#409eff;font-style:normal}
.picture-upload-panel .upload-text-dragover{text-align:center}
.picture-upload-panel .upload-text{text-align:center;color:#606266}
.picture-upload-panel .upload-input{text-size-adjust:100%;color-scheme:light;-webkit-tap-highlight-color:transparent;direction:ltr;font-synthesis:none;-webkit-font-smoothing:antialiased;--vp-content-width:800px;box-sizing:border-box;font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible;touch-action:manipulation;display:none}
.space-input{text-size-adjust:100%;color-scheme:light;-webkit-tap-highlight-color:transparent;direction:ltr;font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:inherit;overflow:visible;touch-action:manipulation;position:relative;-webkit-appearance:none;background-color:#ffffff;background-image:none;border-radius:4px;box-sizing:border-box;color:#606266;font-size:inherit;outline:none;transition:box-shadow .2s cubic-bezier(.645,.045,.355,1);width:172px;box-shadow:0 0 0 1px #dcdfe6 inset;border:none;height:25px;padding:0 15px;display:inline-flex;padding-right:35px;margin-bottom:5px;line-height:25px}
.inline-gallery-container{width:90vw;height:90vh;position:relative}
#inline-gallery-parent{display:none;width:100vw;height:100vh;background-color:rgba(0,0,0,0.5);z-index:1000;position:fixed}
#inline-gallery-container{display:none;position:fixed !important;width:100vw;height:100vh;left:50%;top:50%;transform:translate(-50%,-50%);background:transparent;border-radius:5px;border:1px solid #eeeeee;z-index:1000}
.album-photo .selected{width:40px;height:40px;position:absolute;top:0;left:0;background:url(/Public/images/icon-selected.png) no-repeat;_background-image:url(/Public/images/icon-selected.gif);z-index:500;display:none}
.album-photo.album-photo-selected .selected{display:block}
.picture-batch-toolbar{margin:0 1em 1em;display:flex;justify-content:start;align-items:center}
.picture-batch-toolbar .picture-batch-select-size{display:flex;align-items:center}
.video-converting{width:100%;height:100%;text-align:center;position:relative;color:#66ceff;letter-spacing:1px;font-size:14px}
.video-converting span{top:88px;position:relative}
.video-play-cover-container{position:absolute;top:0;width:100%;height:100%;background-color:#00000062}
.picture-main-box .album-photos .album-photo .video-play-cover-container.video-play-cover-container-1{background-color:unset}
.lg-container .lg-object.lg-image{max-width:95%;max-height:calc(100% - 100px)}
.lightGallery-captions{display:flex;align-items:center;justify-content:center}
.lightGallery-captions >*:not(:first-child){margin-left:1em}
.lg-picture-toolbar-menus{position:absolute;display:inline-flex;width:calc(100% - 9.7em);justify-content:end;align-items:center;line-height:50px;color:white;font-size:16px}
.lg-picture-toolbar-menus .lg-toolbar-icon{width:50px;height:50px;padding:7px 12px;color:#999;cursor:pointer;outline:medium none;will-change:color;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear;line-height:50px;z-index:1050}
.lg-picture-toolbar-menus .lg-toolbar-icon:hover{width:50px;height:50px;padding:7px 12px;color:white}
.lg-picture-toolbar-menus .lg-toolbar-icon:last-child{margin-right:1em}
.lg-picture-toolbar-menus .lg-toolbar-icon.lg-ptm-delete{color:#972900}
.lg-picture-toolbar-menus .lg-toolbar-icon.lg-ptm-delete:hover{color:orangered}
.lg-picture-toolbar-center .lg-star-marked{color:yellow}
.lg-picture-toolbar-center .lg-star-marked:hover{color:#ffff0080}
.lg-picture-toolbar-center .lg-star-unmark{color:white}
.lg-picture-toolbar-center .lg-star-unmark:hover{color:#ffff00A0}
.lg-picture-toolbar-center{position:absolute;display:inline-flex;width:calc(100% - 10em);justify-content:center;align-items:center;line-height:50px;color:white;font-size:16px}
.lg-picture-toolbar-center > *:not(:last-child){margin-right:0.5em;cursor:pointer}
.lg-picture-toolbar-center .lg-toolbar-icon{width:1.5em;height:1.5em;display:flex;align-items:center}
.link-main-box .link-tag-container{line-height:2em;margin-left:auto;display:flex;align-items:center}
.link-main-box .link-tag-container label{margin-right:1em;display:flex;align-items:center;color:#606266}
.link-main-box .link-tag-container input{margin-right:0.5em}
.link-main-box .link-tag-container:not(:last-child){margin-right:0.5em}
.link-footer{height:4em;align-items:center;width:100%;display:flex;justify-content:space-between;color:#999999}
.link-menu-popup .link-footer{display:flex}
.link-hover .link-footer{display:flex}
.link-footer .pfl-hr{margin:0 0.5em}
.link-footer .link-footer-left{display:flex;align-items:center;overflow:hidden;word-break:break-all;white-space:nowrap;margin-left:5px}
.link-footer .link-footer-left .mark{width:1.5em;height:1.5em;margin-right:0.5em}
.link-footer .link-footer-right{margin-left:auto;display:flex;align-items:center;margin-right:5px}
.link-footer .link-footer-right .plr-tags{width:1.5em;height:1.5em;margin-right:0.5em}
.link-footer .link-footer-right .link-menu{display:flex;align-items:center;width:1.5em;height:1.5em;margin-bottom:5px}

.link-footer .link-footer-right .menu-pop {
    position: absolute;
    background: white;
    z-index: 13;
    color: #303133;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    display: table;
    line-height: 2em;
    min-width: 10em;
    padding: 2px 5px;
    cursor: pointer
}

.link-footer .link-footer-right .menu-pop li:hover {
    background: #00AEEF14;
    color: #00AEEF
}

.tippy-box[data-theme~='light'] {
    background-color: rgba(255, 255, 255, 0.9)
}
.link-footer .link-footer-right .menu-pop hr{background-color:#e4e7ed;margin:2px 0;height:1px;border:none}
.link-footer .link-footer-right .menu-pop li{padding:2px 10px}
.link-item{color:#333333;border-bottom:1px solid #eeeeee}
.link-item:not(:last-child){margin-bottom:0.5em}
.link-item .link-year{font-size:32px;font-weight:600;margin-bottom:18px}
.link-item .link-title{font-size:1.5em;color:#333333;font-family:"Microsoft Yahei",serif;line-height:3em}
.link-item .link-title a{color:#2595b7}
.link-item .link-description{color:#666666;line-height:1.5em;text-indent:2em;overflow:hidden;text-overflow:ellipsis;width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;word-break:break-all;white-space: pre-wrap;}
.link-item .link-container{margin:0 1em;padding:1em}
.link-container{margin:0 1em;padding:1em}
.link-item .link-images-container{display:flex;align-items:center;flex-wrap:wrap;padding:1em 0}
.link-item .link-images-container img{border-radius:5px;height:230px;transform:scale(1);margin-right:5px;margin-bottom:5px}
.link-item .link-images-container.link-images-container-1 img{max-width:64%;height:auto}
.link-item .link-images-container.link-images-container-4 img{height:182px}
.link-item .link-images-container.link-images-container-5 img{height:144px}
.link-item .link-images-container.link-images-container-6 img{height:120px}
.link-item .link-images-container.link-images-container-7 img{height:182px}
.link-item .link-images-container.link-images-container-8 img{height:182px}
.link-item .link-images-container.link-images-container-9 img{height:144px}
.link-item .link-images-container img:not(:nth-last-col){margin-right:1em}
.tag-dialog-container{line-height:2em;margin-left:auto;display:flex;align-items:center;flex-wrap:wrap}
.tag-dialog-container label{margin-right:1em;display:flex;align-items:center;color:#606266;min-width:8em}
.tag-dialog-container input{margin-right:0.5em}
.tag-dialog-container:not(:last-child){margin-right:0.5em}

.link-footer-right img {
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.5em;
    cursor: pointer;
}

.toolbar-header .pth-button {
    width: 1.5em;
    height: 1.5em;
    display: inline-flex;
    align-items: center;
    color: #00AEEF
}

.toolbar-header .pth-button:not(:last-child) {
    margin-right: 0.5em
}
.link-detail-box{margin:1em;padding:1em}
.link-detail-box .link-title{font-size:1.3rem;color:#333333;font-family:"Microsoft Yahei",serif;line-height:3rem;font-weight:600;display:flex;align-items:center}
.link-detail-box .toolbar-header{padding-bottom:1em;margin-bottom:1em;border-bottom:1px solid #EEEEEE;display:flex;justify-content:space-between;align-items:flex-end}
.link-detail-box .toolbar-left{font-size:1rem}
.link-detail-box .mark{margin-left:5px;width:1.5rem;height:1.5rem}
.link-detail-box .toolbar-left .link-property{display:inline-block;align-items:center}
.link-detail-box .toolbar-left .link-property div:not(:last-child){margin-right:0.5em;line-height:2rem}
.link-detail-box .link-description{color:#666666;line-height:1.5em;text-indent:2em;font-size:1rem;overflow:hidden;text-overflow:ellipsis;width:100%;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;white-space: pre-wrap;}
.link-detail-box .link-url .link-url-title{line-height:3rem;font-size:1rem}
.link-detail-box .link-url .link-url-textarea{width:80%;width:-webkit-fill-available;background-color:white;padding:1em;border:1px solid #EEEEEE;color:#666666;height:6rem;overflow:hidden}
.link-detail-box .link-url .link-footer{display:flex;justify-content:end;align-items:center;padding:0.5em 0}
.link-detail-box .link-url .link-footer .link-button:not(:last-child){margin-right:1em}
.work-main-box .work-tag-container{line-height:2em;margin-left:auto;display:flex;align-items:center}
.work-main-box .work-tag-container label{margin-right:1em;display:flex;align-items:center;color:#606266}
.work-main-box .work-tag-container input{margin-right:0.5em}
.work-main-box .work-tag-container:not(:last-child){margin-right:0.5em}
.work-footer{align-items:center;width:100%;display:flex;justify-content:space-between;color:#999999}
.work-menu-popup .work-footer{display:flex}
.work-hover .work-footer{display:flex}
.work-footer .pfl-hr{margin:0 0.5em}
.work-footer .work-footer-left{display:flex;align-items:center;overflow:hidden;word-break:break-all;white-space:nowrap}
.work-footer .work-footer-left .mark{width:1.5em;height:1.5em;margin-right:0.5em}
.work-footer .work-footer-right{margin-left:auto;display:flex;align-items:center;margin-right:5px}
.work-footer .work-footer-right .plr-tags{width:1.5em;height:1.5em;margin-right:0.5em}
.work-footer .work-footer-right .work-menu{display:flex;align-items:center;width:1.5em;height:1.5em;margin-bottom:5px}

.work-footer .work-footer-right .menu-pop {
    position: absolute;
    background: white;
    z-index: 13;
    color: #303133;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    display: table;
    line-height: 2em;
    min-width: 10em;
    padding: 2px 5px;
    cursor: pointer
}

.work-footer .work-footer-right .menu-pop li:hover {
    background: #00AEEF14;
    color: #00AEEF
}

.tippy-box[data-theme~='light'] {
    background-color: rgba(255, 255, 255, 0.9)
}
.work-footer .work-footer-right .menu-pop hr{background-color:#e4e7ed;margin:2px 0;height:1px;border:none}
.work-footer .work-footer-right .menu-pop li{padding:2px 10px}
.multi-select{display:inline-flex;align-items:center;float:right;margin-right:10px;margin-left:1em;margin-bottom:auto}
.multi-select img{width:1em;height:1em;margin-left:0.5em}
.multi-select-button{display:flex;padding-bottom:5px;justify-content:flex-end;align-items:center;margin-right:16px;margin-bottom:0.5em}
.work-item{color:#333333;border-bottom:1px solid #eeeeee}
.work-item:not(:last-child){margin-bottom:0.5em}
.work-item .work-year{font-size:32px;font-weight:600;margin-bottom:18px}
.work-item .work-title{font-size:1.5em;color:#333333;font-family:"Microsoft Yahei",serif}
.work-item .work-title a{color:#2595b7}
.work-item .work-description{color:#666666;line-height:1.5em;text-indent:2em;overflow:hidden;text-overflow:ellipsis;width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;word-break:break-all}
.work-item .work-container{margin:0 1em;padding:1em}
.work-container{margin:0 1em;padding:1em}
.work-item .work-images-container{display:flex;align-items:center;flex-wrap:wrap;padding:1em 0;justify-content:center}
.work-item .work-videos-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:1em 0}
.work-item .work-images-container img{border-radius:5px;width:770px;transform:scale(1);margin-right:5px;margin-bottom:5px;max-width:100%}
.work-item .work-images-container.work-images-container-1 img{max-width:64%;height:auto}
.work-item .work-images-container.work-images-container-4 img{height:182px}
.work-item .work-images-container.work-images-container-5 img{height:144px}
.work-item .work-images-container.work-images-container-6 img{height:120px}
.work-item .work-images-container.work-images-container-7 img{height:182px}
.work-item .work-images-container.work-images-container-8 img{height:182px}
.work-item .work-images-container.work-images-container-9 img{height:144px}
.work-item .work-images-container img:not(:nth-last-col){margin-right:1em}
.work-footer-right img{width:1.5em;height:1.5em;margin-right:0.5em}
.work-detail-box{margin:1em;padding:1em}
.work-detail-box .work-title{font-size:1.3rem;color:#333333;font-family:"Microsoft Yahei",serif;line-height:3rem;font-weight:600;display:flex;align-items:center}
.work-detail-box .toolbar-header{padding-bottom:1em;margin-bottom:1em;border-bottom:1px solid #EEEEEE;display:flex;justify-content:space-between;align-items:flex-end}
.work-detail-box .toolbar-left{font-size:1rem}
.work-detail-box .mark{margin-left:5px;width:1.5rem;height:1.5rem}
.work-detail-box .toolbar-left .work-property{display:inline-block;align-items:center}
.work-detail-box .toolbar-left .work-property div:not(:last-child){margin-right:0.5em;line-height:2rem}
.work-detail-box .work-description{color:#333333;line-height:2;font-size:1.5rem;overflow:hidden;text-overflow:ellipsis;width:100%;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;white-space:pre-line;text-indent:0;word-wrap:break-word;margin:1em 0;}
.work-detail-box .work-url .work-url-title{line-height:3rem;font-size:1rem}
.work-detail-box .work-url .work-url-textarea{width:80%;width:-webkit-fill-available;background-color:white;padding:1em;border:1px solid #EEEEEE;color:#666666;height:6rem;overflow:hidden}
.work-detail-box .work-url .work-footer{display:flex;justify-content:end;align-items:center;padding:0.5em 0}
.work-detail-box .work-url .work-footer .work-button:not(:last-child){margin-right:1em}
.work-container .work-item-left .work-item-thumb{width:64px;height:64px;border-radius:5px}
.work-container .work-item-left{margin-right:1em}
.work-container .work-item-right{width:100%;display:grid;align-self:stretch}
.work-container .work-item-container{display:flex;align-items:center;margin:1em 0}
.toolbar-header .work-tag-container{line-height:2em;margin-left:auto;display:flex;align-items:center}
.toolbar-header .work-tag-container label{margin-right:1em;display:flex;align-items:center;color:#606266}
.toolbar-header .work-tag-container input{margin-right:0.5em}
.honor-main-box .honor-tag-container{line-height:2em;margin-left:auto;display:flex;align-items:center}
.honor-main-box .honor-tag-container label{margin-right:1em;display:flex;align-items:center;color:#606266}
.honor-main-box .honor-tag-container input{margin-right:0.5em}
.honor-main-box .honor-tag-container:not(:last-child){margin-right:0.5em}
.honor-footer{align-items:center;width:100%;display:flex;justify-content:space-between;color:#999999}
.honor-menu-popup .honor-footer{display:flex}
.honor-hover .honor-footer{display:flex}
.honor-footer .pfl-hr{margin:0 0.5em}
.honor-footer .honor-footer-left{display:flex;align-items:center;overflow:hidden;word-break:break-all;white-space:nowrap}
.honor-footer .honor-footer-left .mark{width:1.5em;height:1.5em;margin-right:0.5em}
.honor-footer .honor-footer-right{margin-left:auto;display:flex;align-items:center;margin-right:5px}
.honor-footer .honor-footer-right .plr-tags{width:1.5em;height:1.5em;margin-right:0.5em}
.honor-footer .honor-footer-right .honor-menu{display:flex;align-items:center;width:1.5em;height:1.5em;margin-bottom:5px}

.honor-footer .honor-footer-right .menu-pop {
    position: absolute;
    background: white;
    z-index: 13;
    color: #303133;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    display: table;
    line-height: 2em;
    min-width: 10em;
    padding: 2px 5px;
    cursor: pointer
}

.honor-footer .honor-footer-right .menu-pop li:hover {
    background: #00AEEF14;
    color: #00AEEF
}

.tippy-box[data-theme~='light'] {
    background-color: rgba(255, 255, 255, 0.9)
}
.honor-footer .honor-footer-right .menu-pop hr{background-color:#e4e7ed;margin:2px 0;height:1px;border:none}
.honor-footer .honor-footer-right .menu-pop li{padding:2px 10px}
.honor-item{color:#333333;border-bottom:1px solid #eeeeee}
.honor-item:not(:last-child){margin-bottom:0.5em}
.honor-item .honor-year{font-size:32px;font-weight:600;margin-bottom:18px}
.honor-item .honor-title{font-size:1.5em;color:#333333;font-family:"Microsoft Yahei",serif}
.honor-item .honor-title a{color:#2595b7}
.honor-item .honor-description{color:#666666;line-height:1.5em;text-indent:2em;overflow:hidden;text-overflow:ellipsis;width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;word-break:break-all}
.honor-item .honor-container{margin:0 1em;padding:1em}
.honor-container{margin:0 1em;padding:1em}
.honor-item .honor-images-container{display:flex;align-items:center;flex-wrap:wrap;padding:1em 0;justify-content:center}
.honor-item .honor-videos-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:1em 0}
.honor-item .honor-images-container img{border-radius:5px;width:770px;transform:scale(1);margin-right:5px;margin-bottom:5px;max-width:100%}
.honor-item .honor-images-container.honor-images-container-1 img{max-width:64%;height:auto}
.honor-item .honor-images-container.honor-images-container-4 img{height:182px}
.honor-item .honor-images-container.honor-images-container-5 img{height:144px}
.honor-item .honor-images-container.honor-images-container-6 img{height:120px}
.honor-item .honor-images-container.honor-images-container-7 img{height:182px}
.honor-item .honor-images-container.honor-images-container-8 img{height:182px}
.honor-item .honor-images-container.honor-images-container-9 img{height:144px}
.honor-item .honor-images-container img:not(:nth-last-col){margin-right:1em}
.honor-footer-right img{width:1.5em;height:1.5em;margin-right:0.5em}
.honor-detail-box{margin:1em;padding:1em}
.honor-detail-box .honor-title{font-size:1.3rem;color:#333333;font-family:"Microsoft Yahei",serif;line-height:3rem;font-weight:600;display:flex;align-items:center}
.honor-detail-box .toolbar-header{padding-bottom:1em;margin-bottom:1em;border-bottom:1px solid #EEEEEE;display:flex;justify-content:space-between;align-items:flex-end}
.honor-detail-box .toolbar-left{font-size:1rem}
.honor-detail-box .mark{margin-left:5px;width:1.5rem;height:1.5rem}
.honor-detail-box .toolbar-left .honor-property{display:inline-block;align-items:center}
.honor-detail-box .toolbar-left .honor-property div:not(:last-child){margin-right:0.5em;line-height:2rem}
.honor-detail-box .honor-description{color:#666666;line-height:1.5em;font-size:1rem;overflow:hidden;text-overflow:ellipsis;width:100%;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;white-space:pre-line;text-indent:0;word-wrap:break-word;margin:1em;max-width:770px}
.honor-detail-box .honor-url .honor-url-title{line-height:3rem;font-size:1rem}
.honor-detail-box .honor-url .honor-url-textarea{width:80%;width:-webkit-fill-available;background-color:white;padding:1em;border:1px solid #EEEEEE;color:#666666;height:6rem;overflow:hidden}
.honor-detail-box .honor-url .honor-footer{display:flex;justify-content:end;align-items:center;padding:0.5em 0}
.honor-detail-box .honor-url .honor-footer .honor-button:not(:last-child){margin-right:1em}
.honor-container .honor-item-left .honor-item-thumb{width:64px;height:64px;border-radius:5px}
.honor-container .honor-item-left{margin-right:1em}
.honor-container .honor-item-right{width:100%;display:grid;align-self:stretch}
.honor-container .honor-item-container{display:flex;align-items:center;margin:1em 0}
.toolbar-header .honor-tag-container{line-height:2em;margin-left:auto;display:flex;align-items:center}
.toolbar-header .honor-tag-container label{margin-right:1em;display:flex;align-items:center;color:#606266}
.toolbar-header .honor-tag-container input{margin-right:0.5em}
.classmate-header{}
.classmate-header .ch-title{display:flex;align-items:center}
.classmate-header .cht-img{width:6em;height:6em}
.classmate-header .cht-img img{width:100%;height:100%}

.classmate-header .cht-text {
}

.classmate-header .cht-class-name {
    color: #00aeef;
    font-size: 1.5em;
    line-height: 2em
}

.classmate-header .cht-school-name {
    color: #828282
}
.classmate-header .ch-count{line-height:2em;margin-left:1em;margin-top:1em}
.classmate-container{display: inline-flex;align-items: center;padding: 1em;cursor: pointer;margin: 4px;width: 100%;}
.classmate-container:not(:last-child){border-bottom: 1px solid #EEEEEE;}
.classmate-container .cc-avatar{width:4em;height:4em}

.classmate-container .cc-avatar-img {
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.classmate-container .cc-name {
    font-size: 16px;
    color: #00aeef;
    margin-bottom: 0.5em
}

.classmate-container .cc-birthday {
}
.classmate-container .fc-buttons{
    margin-left: auto;
}

.classmate-container .fc-buttons *:not(:last-child){
    margin-right: 1em;
}
.contact-follow{}
.contact-follow .follow-header{
    padding: 1em 1em 0.5em 1em;
}
.contact-follow .follow-header .fh-count{
    font-size: 14px;
    text-align: start;
}
.contact-follow .follow-container{
    display: flex;
    align-items: center;
    padding: 1em;
}
.contact-follow .follow-container:hover{
    background-color: papayawhip;
}
.contact-follow .follow-container:hover .btn-primary-white{
    background-color: #fff9ef;
}
.contact-follow .follow-container:not(:last-child){
    border-bottom: 1px solid #EEEEEE;
}
.contact-follow .follow-container .fc-avatar{
    width: 4em;
    height: 4em;
}
.contact-follow .follow-container .fc-avatar-img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.contact-follow .follow-container .fc-title{
    line-height: 2em;
}
.contact-follow .follow-container .fc-name {
    font-size: 16px;
    color: #00aeef;
}
.contact-follow .follow-container .fc-age{
    border: 1px solid #EEEEEE;
    padding: 1px 8px;
    font-size: 12px;
    margin-left: 0.5em;
}
.contact-follow .follow-container .fc-desc{
    line-height: 2em;
    font-size: 14px;
    color: #777;
}
.contact-follow .follow-container .fc-buttons{
    margin-left: auto;
}

.contact-follow .follow-container .fc-buttons *:not(:last-child){
    margin-right: 1em;
}

.contact-follow input[type='text']{
    text-size-adjust: 100%;
    color-scheme: light;
    -webkit-tap-highlight-color: transparent;
    direction: ltr;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    font-family: inherit;
    overflow: visible;
    touch-action: manipulation;
    position: relative;
    -webkit-appearance: none;
    background-color: #ffffff;
    border-radius: 4px;
    box-sizing: border-box;
    color: #606266;
    font-size: inherit;
    outline: none;
    transition: box-shadow .2s cubic-bezier(.645,.045,.355,1);
    width: 172px;
    box-shadow: 0 0 0 1px #dcdfe6 inset;
    border: none;
    height: 30px;
    display: inline-flex;
    padding: 0 30px 0 10px;
    margin-bottom: 5px;
    line-height: 30px;
    background-size: 1.5em;
    background-repeat: no-repeat;
    background-position: right 5px center;
    text-align: left;
    box-sizing: border-box;
    text-overflow: ellipsis;
}

.space-right .space-right-title {
    text-align: center;
    font-size: 20px;
    color: #3C88C5;
    margin: 14px 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.space-right .space-right-title .srt-left-line {
    width: 210px;
    background: -webkit-linear-gradient(left, #fff -4%, #3C88C5 100%);
    height: 1px;
}

.space-right .space-right-title .srt-text {
    margin: 0 1em;
    min-width: 7em;
}

.space-right .space-right-title .srt-right-line {
    width: 210px;
    background: -webkit-linear-gradient(right, #fff -4%, #3C88C5 100%);
    height: 1px;
}

.space-right .sr-plans {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.space-right .sr-plan {
    margin: 5px;
    border: 1px solid #dfdfdf;
    padding: 14px 5px;
    text-align: center;
    min-width: 100px;
    border-radius: 15px;
}

.space-right .sr-plan .sr-plan-space {
    font-size: 30px;
    line-height: 50px;
}

.space-right .sr-plan .sr-plan-price {
    font-size: 20px;
}

.space-right .space-right-hr {
    height: 1em;
    background-color: #F2F2F2;
    margin-top: 2em;
}

.show-box {
    border-radius: 5px;
}

.show-box.enter-show {
    background-color: whitesmoke;
    cursor: pointer;
}

.show-box > *:not(:last-child) {
    padding-bottom: 1em;
}

.show-header {
    display: flex;
    align-items: center;
    padding: 1em;
    border-radius: 5px 5px 0 0;
}

.show-header.show-header-rank {
    background-color: #e5f4ff;
    margin-bottom: 0.5em;
}

.sh-avatar-container img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.sh-avatar-container {
    height: 4em;
    width: 4em;
}

.sh-content {
    margin-left: 1em;
}

.shc-l1-name {
    color: #00AEEF;
    font-size: 20px;
    font-weight: 500;
}

.shc-l2 {
    color: #999999;
    line-height: 1.5em;
    font-size: 16px;
}

.shc-l1 {
    line-height: 2.5em;
    display: flex;
    align-items: center;
}

.shc-l1-rank {
    background-color: #44b4ff;
    width: 20px;
    height: 20px;
    display: inline-flex;
    text-align: center;
    border-radius: 50%;
    color: white;
    align-items: center;
    justify-content: center;
    margin-left: 0.5em;
    font-weight: 600;
    font-size: 14px;
    padding: 2px;
}

.shc-l1-rank-xx {
    padding-left: 3px;
    padding-right: 3px;
}

.show-content {
    padding: 0 1em 1em 1em
}

.show-content > *:not(:last-child) {
    padding-bottom: 1em;
}

.sc-description {
    color: #333;
    font-size: 18px;
    white-space: pre-line;
}

.sc-time {
    font-size: 12px;
}

.sci-image-container {
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    margin: 2px;
}

.sci-image {
    border-radius: 5px;
}

.sci-video-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sci-video-previous {
    width: 1.5em;
}

.sci-video-next {
    width: 1.5em;
}

.sci-video-container video {
    max-width: 440px;
    max-height: 400px;
}

.show-statistics {
    display: flex;
    height: 3em;
    align-items: center;
    padding: 0 1.5em 0.2em;
    color: #8f8f8f;
}

.show-statistics div {
    max-height: 2em;
}

.show-statistics div:not(:last-child) {
    margin-right: 4em;
}

.show-statistics .show-s-menu {
    margin-left: auto;
}

.show-statistics .show-s-like {
    cursor: pointer;
}

.show-statistics .show-s-liked {
    color: #00AEEF;
}

.show-statistics .show-s-clicked {
    color: #00AEEF;
}

.show-statistics .show-s-comment {
    color: #00AEEF;
}

.show-statistics img {
    width: 1.8em;
    margin-right: 0.5em;
}

.show-statistics svg {
    width: 20px;
    height: 20px;
    margin-right: 0.5em;
}

.show-statistics div:hover {
    color: #00AEEF;
}

.show-statistics div {
    display: flex;
    align-items: center;
}

.show-item-box .scc-l-avatar {
    width: 3em;
    height: 3em;
    border-radius: 5px;
}

.show-item-box .scc-r1-timeago {
    margin-left: 0.5em;
}

.show-item-box .sh-ac-v-line {
}

.show-item-box .show-comments {
    border-top: 1px solid #EEEEEE;
    padding: 1em;
}

.show-item-box .show-comment-container {
    display: flex;
    align-items: flex-start;
    padding: 0.5em;
    border-radius: 5px;
}

.show-item-box .scc-right {
    margin-left: 1em;
    width: 100%;
}

.show-item-box .scc-r-1 {
    display: flex;
    align-items: baseline;
    margin-bottom: 0.5em;
    justify-content: space-between;
}

.show-item-box .scc-r1-name {
    color: #00AEEF;
    font-size: 16px;
    font-weight: 500;
}

.show-item-box .show-comment-container:hover {
    background-color: whitesmoke;
}

.show-item-box .show-comment-input-container {
    padding: 1em 0.5em;
    width: 100%;
    box-sizing: border-box;
}

.show-item-box .show-comment-input-container .show-comment-textarea {
    border: 1px solid #EEEEEE;
    width: 100%;
    font-size: 14px;
    color: #666666;
    padding: 0.5em 1em;
    border-radius: 5px;
}

.show-item-box .show-comment-input-container .show-comment-send-button {
    text-align: center;
    margin-left: auto;
    margin-top: 1em;
    display: inline-flex;
}

.show-item-box .show-comment-input-container .show-comment-send-button:hover {
    color: whitesmoke;
}

.show-item-box .scc-button {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.show-item-box .scc-button svg {
    color: inherit;
    width: 1.2em;
    height: 1.2em;
}

.show-item-box .scc-button span {
    margin-left: 5px;
}

.show-item-box .scc-button:hover {
    color: #00AEEF;
}

.show-item-box .scc-button.scc-error-button:hover {
    color: orangered;
}

.show-item-box .scc-r1-r {
    display: flex;
    align-items: center;
}

.show-item-box .scc-r1-r .scc-button:not(:first-child) {
    margin-left: 0.5em;
}

.show-item-box .scc-scic-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.show-item-box .scc-scicf-reply .scc-scicf-reply-name {
    color: #00AEEF;
}

.show-item-box .scc-scicf-reply .scc-scicf-reply-content {
    max-width: 6em;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    float: right;
}

.show-item-box .scc-r1-r .scc-r1-rm {
    visibility: hidden;
    display: flex;
    align-items: center;
    margin-right: 1em;
}

.show-item-box .show-comment-container:hover .scc-r1-r .scc-r1-rm {
    visibility: visible;
}

.show-statistics div.show-s-menu-container {
    position: absolute;
    background: white;
    z-index: 13;
    color: #303133;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    display: table;
    line-height: 2em;
    min-width: 10em;
    padding: 0.8em 1.5em 0.8em 1em;
    cursor: pointer;
}

.show-item-box .show-likes {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.5em;
}

.show-item-box .show-likes .show-like {
    display: flex;
    align-items: center;
}

.show-item-box .show-likes .show-like img {
    width: 2em;
    height: 2em;
    border-radius: 5px;
    margin: 0.5em;
}


.show-box .show-article {
    display: flex;
    align-items: center;
    padding: 1em;
    background-color: #F7F7F7;
    border-radius: 8px;
}

.show-box.enter-show .show-article {
    background-color: antiquewhite;
}

.show-box .show-article-icon {
}

.show-box .show-article-icon img {
    width: 4em;
    height: 4em;
    border-radius: 5px;
}

.show-box .show-article-content {
    margin-left: 1em;
    justify-content: space-around;
    display: grid;
}

.show-box .show-article-footer {
    display: flex;
    color: #999999;
    width: 390px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.show-box .show-article-title {
    font-size: 18px;
    color: #333333;
    margin-bottom: 5px;
    width: 390px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.show-box .show-article-footer div:not(:last-child) {
    margin-right: 2em;
}

.show-item-box .show-header-title {
    padding: 0 16px;
    font-size: 28px;
    font-weight: bold;
    color: #333333;
    margin-top: 25px;
    margin-bottom: 8px;
}

.show-item-box .show-header-sub-header {
    padding: 0 14px;
    font-size: 16px;
    color: #666666;
}

.show-item-box .show-header-sub-header span:not(:last-child) {
    margin-right: 2em;
}

.main .main-sidebar .show-detail-info-box {
    font-size: 14px;
    width: 240px;
    border: 1px solid #d1d1d1;
    background: #ffffff;
    margin-top: 12px
}

.main .main-sidebar .show-detail-info-box .sdib-button {
    color: #00AEEF;
    cursor: pointer;
    display: inline-flex;
    align-items: center
}

.main .main-sidebar .show-detail-info-box .sdib-button:hover {
    text-decoration-line: underline;
}

.main .main-sidebar .show-detail-info-box .sdib-ul {
    margin-top: 1em;
    border-top: 1px solid #f1f5f7;
    padding-top: 1em;
}

.main .main-sidebar .show-detail-info-box .sdib-ul li {
    line-height: 1.5em;
}

.main .main-sidebar .show-detail-info-box .sdib-ul li .sdib-title {
    line-height: 1.5em;
    min-width: 4em;
    display: inline-flex;
    align-items: center;
    text-align-last: justify;
}

.main .main-sidebar .show-detail-info-box .sdib-button svg {
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
}


.main .mainbox2 .ul-02 {
    padding: 30px 15px 25px 16px
}

.main .mainbox2 .ul-02 li {
    clear: both;
    padding: 5px 20px 0px 17px;
    line-height: 32px;
    color: #aaaaaa;
    min-height: 40px;
    _height: 40px
}

.main .mainbox2 .ul-02 li h5 {
    float: right;
    width: 500px;
    font-size: 12px;
    font-weight: normal;
    color: #373737
}

.main .mainbox2.leftmax .ul-02 li h5 {
    width: 850px
}

.main .mainbox2 .ul-02 li h5 .gray {
    color: #999
}

.main .mainbox2 .ul-02 li input {
    vertical-align: middle
}

.main .mainbox2 .ul-02 li .input01 {
    width: 385px;
    height: 28px;
    color: #373737;
    line-height: 28px;
    border: 1px solid #ebebeb;
    background: #ffffff;
    padding-left: 5px
}

.main .mainbox2 .ul-02 li .input02 {
    width: 195px;
    height: 28px;
    color: #373737;
    line-height: 28px;
    border: 1px solid #ebebeb;
    background: #ffffff;
    padding-left: 5px
}

.main .mainbox2 .ul-02 li select {
    color: #515151;
    vertical-align: middle;
    padding-left: 3px;
    height: 30px;
    height: inherit \9;
    border: 1px solid #ebebeb;
    *margin-top: 3px;
    min-width: 80px;
    _width: 80px
}

.main .mainbox2 .ul-02 li.btn {
    text-align: center
}

.main .mainbox2 .ul-02 li.btn .btn-blue2 {
    width: 80px;
    padding: 0;
    text-align: center
}

.main .mainbox2 .ul-02 li .b-box {
    width: 420px;
    height: 40px;
    border: 1px solid #efeeee;
    background: #ffffff;
    margin-bottom: 15px;
    float: left;
    line-height: 40px;
    padding-left: 10px;
    color: #aaa
}

.main .mainbox2 .ul-02 li .b-box a.btn-red {
    float: right;
    margin: 2px 2px 0 0;
    display: inline-block;
    *zoom: 1;
    text-align: center;
    height: 36px;
    line-height: 36px;
    width: 75px;
    background: #ff8069;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    cursor: pointer
}

.main .mainbox2 .ul-02 li .avatar {
    width: 110px;
    height: 110px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}

.main .mainbox2 .ul-02 li .avatar {
    width: 110px;
    height: 110px;
    border-radius: 8px;
    background: url("https://qxt-face.cdn.xwg.cc/0") center no-repeat;
    background-size: auto;
}

.main .mainbox2 .ul-02 li .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.view-mode {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.view-mode svg {
    width: 2em;
    height: 2em;
    color: #00aeef;
}

.view-mode svg:hover {
    color: #018ec3;
}

.album-list-box {
    padding: 0;
    margin-bottom: 4em;
}

.album-list-box .album-thumb img {
    width: 5em;
    height: 5em;
    border-radius: 0.8em;
}

.album-list-box .album-year {
    padding-left: 0.5em;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    margin-top: 1em;
}

.album-list-box .album-container {
    display: flex;
    padding: 1em;
    border-bottom: 1px solid #EEEEEE;
}

.album-list-box .album-container:hover {
    background-color: aliceblue;
}

.album-list-box .album-container .album-title {
    line-height: 1.8em;
    font-size: 1.6em;
    font-weight: 100;
    color: #00aeef;
    cursor: pointer;
}

.album-list-box .album-container .album-content {
    margin-left: 1em;
}

.album-list-box .album-container .album-footer {
    /*font-size: 1.2em;*/
}

.album-list-box .album-container .album-footer .album-footer-text {
    display: inline-block;
    text-align: left;
    padding-right: 0.5em;
    margin-right: 0.5em;
}

.album-list-box .album-container .album-footer .album-footer-text:not(:last-child) {
    border-right: 1px solid #d7d7d7;
}

.album-list-box .album-container .album-buttons {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 1em;
}

.picture-main-box .toolbar-header .album-title {
    color: #333333;
    font-size: 24px;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.album-statistics {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    margin-top: 0.5em;
}

.album-statistics span:not(:last-child) {
    border-right: 1px solid #d7d7d7;
    margin-right: 0.5em;
    padding-right: 0.5em;
    display: inline-block;
}

.search-layout-ul li:not(:last-child) {
    margin-bottom: 1em;
}

.search-layout-ul li {
    display: flex;
    align-items: center;
}

.search-layout-ul li .slu-title {
    display: inline-block;
    min-width: 4em;
    text-align-last: justify;
}

.search-layout-ul li .slu-title-5 {
    display: inline-block;
    min-width: 5em;
    text-align-last: justify;
}

.search-layout-ul li .slu-title-3 {
    display: inline-block;
    min-width: 3em;
    text-align-last: justify;
}

.search-layout-ul li label {
    margin-left: 1em;
    display: flex;
    align-items: center;
}

.search-layout-ul li label *:first-child {
    margin-right: 0.5em;
}

.search-layout-ul li .slu-radio-button-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 50em;
}

.search-layout-ul li .slu-radio-button-group label {
    min-width: 4em;
}




.document-folders .document-folder-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EEEEEE;
    padding: 1em 0.5em;
}

.document-folders .document-folder-container:first-child {
    border-top: 1px solid #EEEEEE;
}

.document-folders .document-folder-left {
    display: flex;
    align-items: center;
}

.document-folders img.document-folder-icon {
    width: 3em;
    max-height: 4em;
    border-radius: 0.5em;
    cursor: pointer;
    margin: 1em 0;
    box-shadow: 1px 1px 3px #c9c9c9;
}

.document-folders .document-folder-title {
    font-size: 1.5em;
    color: #2595b7;
    cursor: pointer;
    padding-bottom: 5px;
}

.document-folders .document-folder-stats {
    line-height: 1.5em;
}

.document-folders .document-folder-stats span:not(:last-child){
    border-right: 1px solid #EEEEEE;
    padding-right: 0.5em;
}

.document-folders .document-folder-stats span:not(:first-child){
    padding-left: 0.5em;
}

.document-folders .document-folder-info {margin-left: 1em;}

.document-folders {
    margin-top: 2em;
}
.document-folders .document-folder-right .btn-gray0{
    margin: 0 0.3em; cursor: pointer;
}
.document-folders .document-folder-right .btn-gray0:hover{
    color: deepskyblue;padding-bottom: 0;
}

.subject-panel {
    padding: 0;
}

.subject-panel .subject-loading{
    text-align: center;
    padding: 100px 0;
}

.subject-panel .subject-list-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding: 0 17px;
    margin-bottom: 32px;
}

.subject-panel .subject-list-container .subject-container {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    width: 245px;
    height: 138px;
    background: round;
    position: relative;
    border-radius: 5px;
    cursor: pointer;
}

.subject-panel .subject-list-container .subject-container .subject-header {
    position: absolute;
    top: 0;
    background-color: unset;
    width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    color: white;
    font-size: 16px;
    border-radius: 0 0 5px 5px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.subject-panel .subject-list-container .subject-container.enter-subject .subject-footer {
    background-color: rgba(0, 0, 0, 0.63);
}

.subject-panel .subject-list-container .subject-container .subject-footer {
    position: absolute;
    bottom: 0;
    background-color: unset;
    width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    color: white;
    font-size: 16px;
    border-radius: 0 0 5px 5px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.subject-panel .subject-list-container .subject-container.enter-subject .subject-footer .subject-footer-right{
    display: inline-flex;
    align-items: center;
    justify-content: end;
    margin-left: auto;
}

.subject-panel .subject-list-container .subject-container .subject-footer .subject-footer-right{
    display: none;
}

.subject-panel .subject-list-container .subject-container .subject-footer .subject-footer-right .subject-button{
    display: inline-flex;
    align-items: center;
    margin-left: 1em;
    font-size: 12px;
}
.subject-panel .subject-list-container .subject-container .subject-footer .subject-footer-right .subject-button.subject-button-danger{
    color: #f44336;
}

.subject-panel .subject-list-container .subject-container .subject-footer .subject-footer-right .subject-button svg {
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
}


.tippy-table-tooltip h4{
    font-size: 16px;margin-bottom: 0.5em;
}
.tippy-table-tooltip table td:first-child{
    display: inline-block;text-align: justify-all;text-align-last: justify;width: 4em;
}

.subject-attach-list-container {
    padding: 1em;
    border-top: 1px solid #c7c7c7;
    font-size: 14px;
}

.subject-attach-list-container .subject-attach-container {
    padding-left: 18px;
}

.subject-attach-list-container .subject-attach-container .subject-attach-label {
    min-width: 190px;
    display: inline-block;
    line-height: 2em;
    cursor: pointer;
}

.subject-attach-list-container .subject-attach-container .subject-attach-label.selected-subject {
    color: #00aeef;
}

.subject-attach-list-container .subject-attach-container .subject-attach-label input[type="radio"] {
    margin-right: 5px;
}


.work-create-file-container {
    display: flex;
    align-items: center;
    padding: 1em;
    background-color: #f5f5f5;
    border-radius: 0.5em;
    margin: 0.5em 0;
    cursor: pointer;
}

.work-create-file-container .work-cwf-l {
    margin-right: 1em;
}

.work-create-file-container .work-cwf-l img {
    width: 3em !important;
    height: 4em !important;
    border-radius: 0.5em;
}

.work-create-file-container .work-cwf-r {
    width: 100%;
    font-size: 1.4em;
    padding-right: 1em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.work-create-file-container .work-cwf-r div{
    display: grid;
    justify-content: start;
    align-items: center;
}

.work-create-file-container .work-file-preview-button {
    padding: 4px 15px 5px;
    border-radius: 10px;
    background-color: #00aeef;
    color: white;
    font-size: 12px;
    min-width: 2em;
}

.work-create-file-container .work-cwf-title {
    margin-bottom: 0.3em;
    color: #333333;
}

.work-create-file-container .work-cwf-size {
    font-size: 12px;
    color: #666666;
}

#sc-login-popbox .sc-dialog-create {
    padding: 0.5em 2em 3.5em;
    line-height: 3em;
}

#sc-login-popbox .sc-dialog-signup {
    padding: 0.5em 2em 3.5em;
    line-height: 3em;
}

#sc-login-popbox .last-login-info {
    display: flex;
    align-items: center;
    color: #5e5d5d;
    font-size: 14px;
    margin-bottom: 14px;
}

#sc-login-popbox .last-login-info div:not(:first-child){
    margin-left: 2em;
}

#sc-login-popbox .sc-dialog-signup .sc-password input[type='password']{
    line-height: 30px;
}
#sc-login-popbox .sc-password input[type='password']{
    width: -webkit-fill-available;
    font-size: 18px;
    padding: 10px 5px 10px 60px;
    background-color: rgb(245,245,245);
    background-image: url(/Public/images/resource/password-lock.png);
    background-repeat: no-repeat;
    background-size: 1em;
    background-position-y: center;
    background-position-x: 20px;
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    line-height: 20px;
    letter-spacing: 20px;
}

#sc-login-popbox .sc-password input[type='password']:focus{
    border: 1px solid #bfbfbf;
}

#sc-login-popbox .sc-password input[type='password']:-webkit-autofill{
    background-color: rgb(245,245,245);
    background-image: url(/Public/images/resource/password-lock.png);
    background-repeat: no-repeat;
    background-size: 1.2em;
    background-position-y: center;
    background-position-x: 20px;
}
#sc-login-popbox .sc-password input[type='password']:-webkit-autofill:active{
    -webkit-text-fill-color: unset;
}

#sc-login-popbox .sc-password input[type='password']:-moz-placeholder{
    color: rgb(205,205,205);
    letter-spacing: 2px;
}

#sc-login-popbox .sc-password input[type='password']::-webkit-input-placeholder{
    color: rgb(205,205,205);
    letter-spacing: 2px;
}

#sc-login-popbox .sc-password input[type='password']:focus-visible{
    border: 1px solid #bfbfbf;
}

#sc-login-popbox .sc-login {
    background-color: rgb(255,115,0);
    line-height: 28px;
    border-radius: 24px;
    text-align: center;
    letter-spacing: 5px;
    font-size: 16px;
    color: white;
    margin-top: 1.5em;
    cursor: pointer;
    padding: 7px 0;
}

#sc-login-popbox .sc-dl-forgot {
    color: #333333;
    font-size: 16px;
    margin-left: auto;
    cursor: pointer;
    width: fit-content;
    margin-top: 14px;
}


#sc-login-popbox .sc-ds-title {
    color: #ff7300;
    font-size: 27px;
    text-align: center;
    letter-spacing: 3px;
    margin-bottom: 60px;
}

#sc-login-popbox .sc-ds-tip {
    font-size: 20px;
    margin-bottom: 20px;
}


#sc-login-popbox .sc-password-conditions {
    margin: 1em 0;
    width: max-content;
    margin-right: 1em;
    text-align: left;
    padding-left: 3em;
}

#sc-login-popbox .sc-password-condition {
    line-height: 2em;
    list-style-type: decimal;
}

#sc-login-popbox .sc-password-condition.sc-password-incorrect{
    color: orangered;
}

#sc-login-popbox .sc-password-condition.sc-password-incorrect::after{
    float: right;
    margin-left: 1em;
    content:'[X]'
}

#sc-login-popbox .sc-password-condition.sc-password-correct{
    color: green;
}

#sc-login-popbox .sc-password-condition.sc-password-correct::after{
    float: right;
    margin-left: 1em;
    content:'[√]'
}

#sc-login-popbox .sc-dl-description {
    color: #999999;
    margin-top: 40px;
    font-size: 16px;
    text-align: center;
}



#sc-reset-popbox .agreements-text {
    line-height: 2em;
    font-size: 16px;
    margin-bottom: 2em;
    font-weight: 500;
    color: #333333;
}

#sc-reset-popbox .sc-reset-not-confirmed {
    padding: 0 3em 3em;
}

#sc-reset-popbox .sc-reset-confirmed {
    padding: 0 3em 3em;
}

#sc-reset-popbox .sc-login.sc-confirm-agree {
    background-color: rgb(255,115,0);
    line-height: 28px;
    border-radius: 24px;
    text-align: center;
    letter-spacing: 5px;
    font-size: 16px;
    color: white;
    margin-top: 1.5em;
    cursor: pointer;
    padding: 7px 0;
}

#sc-reset-popbox .sc-login.sc-confirm-disagree {
    background-color: rgb(151, 151, 151);
    line-height: 28px;
    border-radius: 24px;
    text-align: center;
    letter-spacing: 5px;
    font-size: 16px;
    color: white;
    margin-top: 0.5em;
    cursor: pointer;
    padding: 7px 0;
}

#sc-reset-popbox .sc-sms-code input {
    width: -webkit-fill-available;
    font-size: 18px;
    padding: 10px 5px 10px 20px;
    background-color: rgb(245,245,245);
    background-repeat: no-repeat;
    background-size: 1em;
    background-position-y: center;
    background-position-x: 20px;
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    line-height: 20px;
    letter-spacing: 2px;
}

#sc-login-popbox .sc-sms-code input{
    line-height: 18px;
}

#sc-login-popbox .send-sms {
    width: 130px;
    padding: 8px 10px;
    text-align: center;
    letter-spacing: 2px;
    margin-left: 7px;
    font-size: 16px;
    border-radius: 10px;
    background-color: rgb(255, 115, 0);
}

#sc-login-popbox .send-sms.btn-primary-white{
    width: 130px;
    text-align: center;
    letter-spacing: 2px;
    margin-left: 7px;
    font-size: 16px;
    border-radius: 10px;
    background-color: rgba(255, 115, 0, 0.24);
    border-color: rgb(255, 115, 0);
    cursor: wait;
}

#sc-login-popbox .sc-sms-code input:-webkit-autofill:active{
    -webkit-text-fill-color: unset;
}

#sc-login-popbox .sc-sms-code input:-moz-placeholder{
    color: rgb(205,205,205);
    letter-spacing: 2px;
}

#sc-login-popbox .sc-sms-code input::-webkit-input-placeholder{
    color: rgb(205,205,205);
    letter-spacing: 2px;
}

#sc-login-popbox .sc-sms-code input:focus-visible{
    border: 1px solid #bfbfbf;
}

.edit-dialog-form-label {
    min-width: 4em;display: inline-block;text-align: justify;text-align-last: justify;margin-right: 1em;
}

.login-logs-container {
    padding: 20px;
}
.login-logs-container .login-log{
    margin-top: 10px;
}

.login-logs-container .login-log hr{
    color: #eaeaea;
    margin: 5px 0;
}
.login-logs-container .login-log ul{
    padding: 10px;
}
.login-logs-container .login-log .login-log-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.login-logs-container .logout-button{
    cursor: pointer;
    color: orangered;
}
.login-logs-container .logout-button:hover{
    text-decoration: underline;
}

.mainbox2 .dongt.no-dongt {
    width: 618px;
    border:none;
    min-height: 200px;
}

.community-friend-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.community-friend-container .user-info {
    display: flex;
    align-items: center;
}

.community-friend-container .user-info .left-avatar{
    margin-right: 10px;
}

.community-friend-container .user-info .left-avatar img{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    cursor: pointer;
}

.community-friend-container .user-info .right-info .info-line .info-part:not(:last-child){
    margin-right: 20px;
}

.community-friend-container .user-info .right-info .info-line .info-part:not(:last-child){
    margin-right: 20px;
}
.community-friend-container .user-info .push-status-1 {
    color: #ff7300;
}
.community-friend-container .user-info .push-status-2 {
    color: #7eaf83;
}
.community-friend-container .user-info .push-status-3 {
    color: #999999;
}

.community-friend-container .user-info .right-info .info-line .info-title::after{
    content: ':';
}

.community-friend-container.community-push-friend-container .user-info .right-info .info-line .info-name{
    min-width: 320px;
    max-width: 450px;
}

.community-friend-container .user-info .right-info .info-line .info-name{
    font-size: 16px;
    margin-bottom: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #ceecff;
    min-width: 100px;
    max-width: 160px;
    color: #00aeef;
    cursor: pointer;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
}

.user-menu {
    display: flex;
    align-items: center;
    justify-items: end;
    flex-wrap: wrap;
    justify-content: end;
}

.user-menu span:not(:first-child) {
    margin-left: 10px;
}
.user-menu span {
    margin-bottom: 3px;
    cursor: pointer;
}

.user-menu span:hover {
    border-bottom: 1px dashed #00aeef;
    padding-bottom: 2px;
    margin-bottom: 0;
    color: #00aeef;
}

.user-menu span.danger {
    color: orangered;
}

.user-menu span.danger:hover {
    border-color: orangered;
    color: orangered;
}

.main.detail-friend-dialog .mainbox2 {
    border: none;
    box-shadow: none;
    margin-top: 0;
    width: 450px;
}

.main.detail-friend-dialog .mainbox2 .ul-02 li h5 {
    float: right;
    width: 300px;
    font-size: 12px;
    font-weight: normal;
    color: #373737
}

.main.detail-friend-dialog .friend-menu-container li:not(:last-child) {
    margin-bottom: 10px;
}

.main.detail-friend-dialog .friend-menu-container  {
    margin-bottom: 10px;
}

.main.detail-friend-dialog .friend-menu-container .fmc-button {
    cursor: pointer;
    font-size: 14px;
}

.main.detail-friend-dialog .friend-menu-container .fmc-button:hover {
    border-bottom: 1px dashed #00aeef;
    padding-bottom: 2px;
    margin-bottom: 0;
    color: #00aeef;
}

.main.detail-friend-dialog .friend-menu-container .fmc-button.danger {
    color: orangered;
}

.main.detail-friend-dialog .friend-menu-container .fmc-button.danger:hover {
    border-color: orangered;
    color: orangered;
}

.main.detail-friend-dialog .friend-menu-container .fmc-button.hover-danger:hover {
    border-color: orangered;
    color: orangered;
}

.select-friend-dialog .selected-friend-container .sfd-title{
    line-height: 32px;
}
.select-friend-dialog .selected-friend-container {
    width: 400px; margin-right: 10px; padding-right: 10px; border-right: 1px solid #EEEEEE; height: calc(100% - 60px); padding-left: 30px;
}

.select-friend-dialog .select-friend-container {
    width: 100%; margin-right: 10px; padding-right: 10px; border-right: 1px solid #EEEEEE; height: calc(100% - 60px); padding-left: 30px;
}


.select-friend-dialog .community-friend-container {
    width: 250px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 10px 20px;
    background-color: azure;
    margin: 0 10px 10px 0;
}

.select-friend-dialog .community-friends-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    align-content: start;
}

.select-friend-dialog {
    padding: 0 20px;
    height: calc(100% - 110px);
    display: flex;
    overflow: hidden;
    max-height: 100%;
}

.select-friend-dialog .sfd-title {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.confirm-count {
    background-color: red;
    height: 23px;
    min-width: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0px 0px;
    border-radius: 50%;
    color: white;
    font-weight: 500;
    margin-left: 2px;
    font-size: 10px;
    text-align: center;
}

.btn-icon {
    display: inline-flex;
    align-items: center;
    color: #00aeef;
    cursor: pointer;
}
.btn-icon svg {
    width: 1.5em;height: 1.5em;
}

.community-title-buttons {
    float: right;
    display: flex;
    align-items: center;
    min-height: 36px;
}
.community-title-buttons *:not(:first-child) {
    margin-left: 5px;
}

.community-friends-toolbar {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 15px;
    margin: 0 15px;
    display: grid;
    align-items: center;
    justify-content: flex-end;
    justify-items: flex-end;
}

.community-friends-toolbar .search_item {
    display: flex;
    align-items: center;
}

.community-friends-toolbar .search_item input[type='text'] {
    text-size-adjust: 100%;
    color-scheme: light;
    -webkit-tap-highlight-color: transparent;
    direction: ltr;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    font-family: inherit;
    overflow: visible;
    touch-action: manipulation;
    position: relative;
    -webkit-appearance: none;
    background-color: #ffffff;
    border-radius: 4px;
    box-sizing: border-box;
    color: #606266;
    font-size: 12px;
    outline: none;
    transition: box-shadow .2s cubic-bezier(.645,.045,.355,1);
    box-shadow: 0 0 0 1px #dcdfe6 inset;
    border: none;
    height: 30px;
    display: inline-flex;
    padding: 0 30px 0 10px;
    margin-top: 5px;
    line-height: 30px;
    background-size: 1.5em;
    background-repeat: no-repeat;
    background-position: right 5px center;
    text-align: left;
    box-sizing: border-box;
    text-overflow: ellipsis;
}

.community-friends-toolbar .search_item label {
    display: flex;
    align-items: center;
    margin-right: 10px;
    cursor: pointer;
}

.community-friends-toolbar .search_item label input {
    margin-right: 5px;
}

.community-friends-toolbar .search_item:not(:first-child) {
    margin-left: 20px;
}

.transceiver-near-container .info-line .info-content {
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    max-width: 350px;
    font-size: 16px;
    color: #666666;
    line-height: 1.5;
    padding: 2px 0 4px 0;
}

.transceiver-near-container.community-friend-container {
}

.transceiver-near-container .transceiver-right-property {
    margin-left: 68px;
    padding-top: 4px;
    border-top: 1px solid #ceecff;
}

.transceiver-near-container .transceiver-right-property span:not(:last-child) {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #EEEEEE;
}

.transceiver-near-container.community-friend-container .user-info .right-info .info-line .info-name {
    display: inline-block;
    min-width: unset;
}

.transceiver-near-container.community-friend-container .user-info .right-info .info-line {
    display: flex;
    align-items: center;
}

.transceiver-near-container.community-friend-container .user-info .right-info .info-line .info-name {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    max-width: 350px;
}

.transceiver-near-container .right-context .right-top-line {
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: right;
}

.transceiver-near-container .right-context .right-menu-line {
    font-size: 14px;
    padding-bottom: 4px;
    padding-top: 6px;
}

.transceiver-packages-container .package-status-0 {
    color: #FF7300;
}

.transceiver-packages-container .package-status-1 {
    color: #16951f;
}

.transceiver-packages-container .package-status-2 {
    color: #D9B803
}

.transceiver-packages-container .package-remark {
    color: #40B0A7
}

.clickable {
    cursor: pointer;
}

.radio-button-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.radio-button-container label {
    display: flex;
    align-items: center;
}

.radio-button-container label:not(:last-child) {
    margin-right: 10px;
}

.radio-button-container label input[type=radio]{
    margin-right: 5px;
}

.checkbox-button-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.checkbox-button-container label {
    display: flex;
    align-items: center;
}

.checkbox-button-container label:not(:last-child) {
    margin-right: 10px;
}

.checkbox-button-container label input[type=checkbox]{
    margin-right: 5px;
}

.package-receive-dialog .checkbox-button-container label input[type=checkbox]{
    margin-right: 2px;
}

.package-receive-dialog .subject-select-container {
    display: grid;
}

.package-receive-dialog .parent-select-container {
    display: grid;
}

.package-receive-dialog .package-receive-avatar {
    display: flex;
    align-items: center;
}
.package-receive-dialog .package-receive-avatar img {
    width: 3em;
    height: 3em;
    border-radius: 50%;
    margin-right: 5px;
}

.send-package {
    color: #018ec3;
}

.send-package:hover {
    color: #FF7300;
}

.send-package svg {
     width: 1.5em;
     height: 1.5em;
     margin-right: 0.5em;
 }

.transceiver-session-container .left-avatar img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 10px;
}

.transceiver-session-container {
    padding: 10px 20px;
    border-bottom: 1px solid #EEEEEE;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.transceiver-session-container .user-info {
    display: flex;
    align-items: center;
}
.transceiver-session-container .user-info .right-info {
    height: 48px;
    display: grid;
}
.transceiver-session-container .user-info .right-info .info-name {
    color: #00aeef;
    font-size: 16px;
    font-weight: 500;
}
.transceiver-session-container .user-info .right-info .info-name .user-suid {
     font-weight: normal;
     font-size: 12px;
     color: #999999;
 }
.transceiver-session-container .right-info-container {
    height: 48px;
    display: grid;
    text-align: end;
}
.transceiver-session-container .right-info-container .info-content {
    max-width: 400px;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.lmbd-cm-faceimg img{
    width: 32px;
    height: 32px;
    border-radius: 50%;
}


.package-detail-dialog .title-container {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
}
.package-detail-dialog .title-container img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 5px;
}
.package-detail-dialog .package-detail-dialog-container {
    padding: 1em;
    width: 100%;
    height: calc(100% - 6vh);
    overflow-y: auto;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.package-detail-dialog .package-detail-dialog-container .left-content {
    width: calc(100% - 150px);
    box-sizing: border-box;
    padding-right: 15px;
}

.package-detail-dialog .package-detail-dialog-container .right-menus {
    width: 150px;
    display: grid;
    font-size: 16px;
    justify-content: start;
    padding-left: 5px;
    border-left: 1px solid #673ab7;
}

.package-detail-dialog .package-detail-dialog-container .right-menus {
    width: 150px;
    display: grid;
    font-size: 16px;
    justify-content: start;
    padding-left: 5px;
    border-left: 1px solid #673ab7;
}

.package-detail-dialog .package-detail-dialog-container .right-menus span:hover {
    border-bottom: 1px dashed #673ab7;
    padding-bottom: 3px;
    margin-bottom: 4px;
    color: #673ab7;
}

.package-detail-dialog .package-detail-dialog-container .right-menus *:not(:last-child) {
    margin-bottom: 8px;
}

.package-detail-dialog .package-detail-dialog-container .right-menus .btn-gray0.clickable {
    margin-left: 10px;
    margin-right: auto;
}

.package-detail-dialog .package-detail-dialog-container .left-content .package-tabs {
    display: flex;
    border-bottom: 1px solid #673ab7;
    width: 50%;
    min-width: fit-content;
}

.package-detail-dialog .package-detail-dialog-container .left-content .package-tabs .package-tab.current {
    background-color: unset;
    border-color: #673ab7;
    color: #673ab7;
}

.package-detail-dialog .package-detail-dialog-container .left-content .package-tabs .package-tab {
    font-size: 14px;
    font-family: PingFang SC,Arial,Microsoft YaHei,sans-serif;
    padding: 3px 12px;
    border: 1px solid transparent;
    border-radius: 5px 5px 0 0;
    border-bottom-width: 0;
    cursor: pointer;
    background:
            linear-gradient(#673ab7 0 0) no-repeat
            calc(200% - var(--i, 0) * 100%) 100% / 200% calc(100% * var(--i, 0) + .08em);
    transition: .3s calc(var(--i, 0) * .3s), background-position .3s calc(.3s - calc(var(--i, 0) * .3s));
}

.package-detail-dialog .package-detail-dialog-container .left-content .package-tabs .package-tab:hover {
    color: white;
    --i: 1;
}

.package-detail-dialog .package-detail-dialog-container .left-content .package-tabs .package-tab:first-child {
    border-radius: 15px 5px 0 0;
}

.package-detail-dialog .package-detail-dialog-container .left-content .package-tabs .package-tab:last-child {
    border-radius: 5px 15px 0 0;
}

.package-detail-dialog .package-detail-dialog-container .left-content .package-tab-panel {
    padding: 10px 0;
    box-sizing: border-box;
    height: calc(100% - 6vh);
    overflow-y: auto;
}

.package-detail-dialog .photo-type-container {
    display: flex;
    flex-wrap: wrap;
}

.package-detail-dialog .photo-type-container .photo-container img{
    margin-right: 2px;
    margin-bottom: 2px;
    border-radius: 5px;
}

.package-detail-dialog .video-type-container {
    text-align: center;
}

.package-detail-dialog .video-type-container .video-container {
    background-color: black;
    margin-bottom: 2px;
    height: 50vh;
}

.package-detail-dialog .video-type-container .video-container video {
    max-height: 50vh;
}

.transceiver-packages-container {
    padding: 0 15px
}

.transceiver-packages-dialog .transceiver-packages-container {
    max-height: calc(75vh - 120px);overflow: auto;
}

.transceiver-packages-container .transceiver-package-container {
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 10px;
    padding-bottom: 10px;
    display: flex;
    align-items: flex-start;
}

.transceiver-packages-container .transceiver-package-container .package-type {
    margin-right: 10px;
}

.transceiver-packages-container .transceiver-package-container .package-type .package-type-avatar img {
    width: 48px;
    height: 48px;
    border-radius: 10px;
}

.transceiver-packages-container .transceiver-package-container .package-panel {
    width: 555px;
}

.transceiver-packages-container .transceiver-package-container .package-panel .package-title-line {
    font-size: 18px;
    color: #333333;
    line-height: 25px;
}

.transceiver-packages-container .transceiver-package-container .package-panel .package-title-line .package-name {
    color: #00aeef;
}

.transceiver-packages-container .transceiver-package-container .package-panel .package-info-line {
    color: #999999;
    margin-top: 5px;
    margin-bottom: 10px;
}

.transceiver-packages-container .transceiver-package-container .package-panel .package-user-line {
    display: flex;
    align-items: center;
}

.transceiver-packages-container .transceiver-package-container .package-panel .package-user-line .flex-line-start span{
    min-width: fit-content;
}

.transceiver-packages-container .transceiver-package-container .package-panel .package-user-line .flex-line-start {
    display: flex;
    align-items: center;
    padding-bottom: 3px;
    flex-wrap: nowrap;
    overflow: hidden;
    max-width: 450px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.transceiver-packages-container .transceiver-package-container .package-panel .package-user-line .user-avatar-s {
    display: inline-flex;
    align-items: center;
}

.transceiver-packages-container .transceiver-package-container .package-panel .package-user-line .user-avatar-s:not(:last-child){
    margin-right: 10px;
}

.transceiver-packages-container .transceiver-package-container .package-panel .package-user-line .user-avatar-s img{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 5px;
}

.transceiver-packages-container .transceiver-package-container .package-panel .package-content-container {
    margin-top: 10px;
    margin-bottom: 10px;
}

.transceiver-packages-container .transceiver-package-container .package-panel .package-content-container .package-content-parent-count {
    color: #999999;
    float: right;
}

.transceiver-packages-container .transceiver-package-container .package-panel .package-file-container .package-content-item-description {
    color: #999999;
    margin-left: 10px;
}

.transceiver-packages-container .transceiver-package-container .package-panel .package-photo-container {
    display: flex;
    align-items: center;
    overflow: auto;
    border-radius: 10px;
}

.transceiver-packages-container .transceiver-package-container .package-panel .package-photo-container img {
    margin-right: 5px;
    border-radius: 10px;
    min-width: 160px;
    min-height: 160px;
    background-color: #F2F2F2;
}

.transceiver-packages-container .transceiver-package-container .package-panel .package-video-container {
    display: flex;
    align-items: center;
    overflow: auto;
}

.transceiver-packages-container .transceiver-package-container .package-panel .package-video-container .package-video-outer{
    min-width: 355px;
    text-align: center;
    margin-right: 5px;
}

.transceiver-packages-container .transceiver-package-container .package-panel .package-video-container video{
    height: 200px;
    margin-right: 5px;
    width: 100%;
    background-color: black;
}

.transceiver-packages-container .transceiver-package-container .package-panel .package-file-container {
    width: 100%;
    background-color: #f2f2f2;
    border-radius: 10px;
    padding: 10px;
    line-height: 1.5;
    box-sizing: border-box;
    border: 1px solid #bdbdbd;
    max-height: 105px;
    overflow: auto;
}

.transceiver-packages-container .transceiver-package-container .package-panel .package-remark-line {
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    color: #515151;
}

.flex-line {
    display: flex;
    align-items: center;
    width: 100%;
}

.flex-line .flex-line-start{
}

.flex-line .flex-line-end{
    margin-left: auto;
}

.space-keyword-input {
    text-size-adjust: 100%;
    color-scheme: light;
    -webkit-tap-highlight-color: transparent;
    direction: ltr;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    font-family: inherit;
    overflow: visible;
    touch-action: manipulation;
    position: relative;
    -webkit-appearance: none;
    background-color: #ffffff;
    border-radius: 4px;
    box-sizing: border-box;
    color: #606266;
    font-size: 12px;
    outline: none;
    transition: box-shadow .2s cubic-bezier(.645,.045,.355,1);
    box-shadow: 0 0 0 1px #dcdfe6 inset;
    border: none;
    height: 30px;
    display: inline-flex;
    padding: 0 30px 0 10px;
    margin-top: 5px;
    line-height: 30px;
    background-size: 1.5em;
    background-repeat: no-repeat;
    background-position: right 5px center;
    text-align: left;
    box-sizing: border-box;
    text-overflow: ellipsis;
}

ul.fd_ul01.package-receive-dialog {
    max-height: calc(100vh - 300px);
    overflow: auto;
}

.child-vb-split > div:not(:last-child) {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #EEEEEE;
}

.received-package-view-menu .rpvm-popup-menu{
    display: none;
    position: absolute;
    background-color: white;
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid #EEEEEE;
    width: max-content;
    margin-top: 5px;
}

.received-package-view-menu.enter-package-view-menu .rpvm-popup-menu{
    display: grid;
}
.received-package-view-menu.enter-package-view-menu .rpvm-popup-menu:hover{
    border: 1px solid #EEEEEE;
    padding: 10px 15px;
}

.received-package-view-menu.enter-package-view-menu .rpvm-popup-menu .rpvm-hr {
    background-color: #EEEEEE;
    border: 0;
    height: 1px;
    margin: 5px 0;
}
.received-package-view-menu.enter-package-view-menu .rpvm-popup-menu .rpvm-hr:hover {
    background-color: #EEEEEE;
    border: 0;
    height: 1px;
    margin: 5px 0;
}

.received-package-view-menu.enter-package-view-menu .rpvm-popup-menu a:first-child {
    margin-top: 0;
}
.received-package-view-menu.enter-package-view-menu .rpvm-popup-menu a {
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

.received-package-view-menu.enter-package-view-menu .rpvm-popup-menu a:hover {
    color: #00aeef;
}

.deactivate-main-box .confirm-text {
    color: #ff933f;
    margin-bottom: 1em;
}
.deactivate-main-box a {
    color: #73afff;
}
.deactivate-main-box .confirm-message p:not(:last-child) {
    margin-bottom: 1.5em;
}
.deactivate-main-box .confirm-info .confirm-info-input {
    width: 3em;
    display: inline-block;
    text-align-last: justify;
}
.deactivate-main-box .confirm-info input {
    border: 1px solid #e3e3e3;
    padding: 5px 8px;
    margin-bottom: 7px;
}

.super-user-sender {
    color: #FF7300;
}

.square-root .square-items-container  {
    margin: 15px;
}

.square-root .square-items-container .square-item-container {padding: 0.5em;margin-bottom: 1em;}



.square-root .square-items-container .square-item-container .square-item-header{
    display: flex;
    align-items: flex-start;
}

.square-root .square-items-container .square-item-container .square-item-header .type-icon {
    margin-right: 15px;
}

.square-root .square-items-container .square-item-container .square-item-header .type-icon img{
    width: 64px;
    height: 64px;
    border-radius: 5px;
}

.square-root .square-items-container .square-item-container .square-item-header .item-info{
}

.square-root .square-items-container .square-item-container .square-item-header .item-info .item-title{
    font-size: 18px;
    color: #259FDE;
    font-weight: 400;
    line-height: 36px;
}
.square-root .square-items-container .square-item-container .square-item-header .item-info .summary{
    display: flex;
    align-items: center;
    line-height: 2.5;
}

.square-root .square-items-container .square-item-container .square-item-header .item-info .summary > *{
    margin-right: 20px;
}

.square-root .square-items-container .square-item-container .square-item-header .item-info .sender {
    display: flex;
    align-items: center;
    color: #259FDE;
}

.square-root .square-items-container .square-item-container .square-item-header .item-info .sender img {
    border-radius: 50%;margin-right: 5px;
}

.square-root .square-items-container .square-item-container .square-item-header .item-info .sender img {
    border-radius: 50%;margin-right: 5px;
}

.square-root .square-items-container .square-item-container .item-body {
    margin-left: 77px;
    margin-top: 5px;
    padding: 10px 0;
}

.square-root .square-items-container .square-item-container .item-body .body-photo{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.square-root .square-items-container .square-item-container .item-body .body-photo .photo-container img{
    margin: 3px;
    border-radius: 5px;
    box-shadow: 0 .5rem 1rem rgba(33,37,41,.15);
}



.square-root .square-items-container .square-item-container .file-container {
    display: flex;
    align-items: center;
    border: 1px solid #E2E2E2;
    border-radius: 10px;
    padding: 10px 15px;
    margin: 10px 5px;
    width: 470px;
    background-color: #F8F8F8;
    box-shadow: 0 2px 7px rgba(33,37,41,.15);
}

.square-root .square-items-container .square-item-container .body-file .file-icon {
    margin-right: 10px;
}

.square-root .square-items-container .square-item-container .body-file .file-icon img {
    border-radius: 10px;
}

.square-root .square-items-container .square-item-container .body-file .file-size {
    font-size: 14px;
}

.square-root .square-items-container .square-item-container .body-file .file-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-right: 15px;
}

.square-root .square-items-container .square-item-container .body-file .file-title {
    font-size: 16px;color: #333333;max-width: 250px;
}

.square-root .square-items-container .square-item-container .list-name-container {
    background-color: #F2F2F2;
    border-radius: 5px;
    padding: 10px 25px;
    font-size: 14px;
    line-height: 2;
    border: 1px solid #E2E2E2;
    width: 470px;
    max-height: 135px;
    overflow-y: auto;
}

.square-root .square-items-container .square-item-container .list-name-container  li{
    list-style: decimal;
}
.square-root .square-items-container .square-item-container .list-name-container  li .title-text{
    margin-left: 5px;
}

.square-root .square-items-container .square-item-container .body-work .work-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 1em;
}

.square-root .square-items-container .square-item-container .body-work .work-description {
    font-size: 14px;
    line-height: 2;
    text-indent: 2em;
    margin-bottom: 1em;
}

.square-root .square-items-container .square-item-container .video-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.square-root .square-items-container .square-item-container .body-link .link-url {
    padding: 20px;
    border: 1px solid #E2E2E2;
    margin-bottom: 10px;
    color: #999999;
    border-radius: 5px;
}

.square-root .square-items-container .square-item-container .video-container .video-container-cover {
    background-image: url(/Public/images/resource/play.png);
    position: absolute;
    z-index: 1;
    width: 69px;
    height: 69px;
    scale: 0.5;
}

.square-root .square-items-container .item-stats {
    margin-left: 77px;
    padding: 10px  5px 10px 0;
}

.square-root .square-items-container .item-stats .item-stats-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.square-root .square-items-container .item-stats .item-stats-container .status-button{
    cursor: pointer;
    display: flex;
    align-items: center;
}
.square-root .square-items-container .item-stats .item-stats-container .status-button svg{
    margin-right: 7px;
    width: 14px;
}

.square-root .square-items-container .item-stats .item-stats-container .status-button.operated {
    color: #ff7300;
}

.square-root .square-items-container .item-stats .item-stats-container .status-button:hover {
    color: rgba(255, 115, 0, 0.5);
}

.square-root .square-items-container .item-stats .item-stats-container .status-button.operated:hover {
    color: rgba(255, 115, 0, 0.75);
}

.square-root .square-items-container .item-stats .item-stats-container .menu-button svg{
    cursor: pointer;
}

.square-root .square-items-container .item-stats .item-stats-container .menu-button.active svg{
    color: #1989fa;
    cursor: pointer;
}


.square-root .square-items-container .item-comment-container .comment-input {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.square-root .square-items-container .item-comment-container .my-avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.square-root .square-items-container .item-comment-container .my-avatar {
    margin-right: 10px;
    margin-top: 7px;
}

.square-root .square-items-container .item-comment {
    padding-top: 10px;
    margin-left: 77px;
}

.square-root .square-items-container .item-comment-container textarea.comment-input-area {
    width: 355px;
    font-size: 14px;
    line-height: 24px;
    outline: none;
    border: none;
    background: transparent;
    overflow-y: visible;
}

.square-root .square-items-container .item-comment-container .comment-body {
    display: flex;
    align-items: flex-end;
}

.square-root .square-items-container .item-comment-container .comment-input-body {
    background: rgb(240,241,244);
    border-radius: 10px;
    display: flex;
    align-items: flex-end;
    padding: 10px 20px;
}

.square-root .square-items-container .item-comment-container .comment-send-button {
    background-color: #FF7300;
    color: white;
    padding: 5px 20px;
    margin-left: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 20px;
    border-radius: 10px;
    cursor: pointer;
}

.square-root .square-items-container .item-comment-container .comment-send-button.disabled {
    background-color: #FF730080;
}

.square-root .square-items-container .square-item-hr{
    margin: 20px 0 0 77px;
    border-bottom: 1px solid #E2E2E2;
}



.square-root .square-items-container .item-comment .item-comment-container .user-avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.square-root .square-items-container .item-comment .item-comment-container .item-comment-content-container {
    margin: 0;
    padding-left: 25px;
    border-left: 1px solid #E2E2E2;
}

.square-root .square-items-container .item-comment .item-comment-container .item-comment-content-container .item-comment-content {
    display: flex;
    align-items: flex-start;
    padding: 10px 15px 10px 10px;
    border-radius: 0 5px 5px 0;
}

.square-root .square-items-container .item-comment .item-comment-container .item-comment-content-container .item-comment-content:hover {
    background-color: #f2f2f2;
}

.square-root .square-items-container .item-comment .item-comment-container .item-comment-content-container .item-comment-content.sub-comment {
    padding-left: 10px;
    border-left: 1px solid #E2E2E2;
    border-radius: 0 5px 5px 0;
}

.square-root .square-items-container .item-comment .item-comment-container .item-comment-content-container .comment-user-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.square-root .square-items-container .item-comment .item-comment-container .item-comment-content-container .comment-user-info .comment-line-right span:not(:first-child){
    margin-left: 10px;
}
.square-root .square-items-container .item-comment .item-comment-container .item-comment-content-container .comment-user-info .comment-line-left span:not(:last-child){
    margin-right: 10px;
}

.square-root .square-items-container .item-comment .item-comment-container .item-comment-content-container .user-avatar {
    margin-right: 10px;
}

.square-root .square-items-container .item-comment .item-comment-container .item-comment-content-container .item-comment-body {
    width: 100%;
}

.square-root .square-items-container .item-comment .item-comment-container .item-comment-content-container .comment-user-name {
    font-size: 14px;
    color: #FF7300;
    font-weight: 500;
}

.square-root .square-items-container .item-comment .item-comment-container .item-comment-content-container .comment-reply-button {
    cursor: pointer;
    color: #21b8ff;
}
.square-root .square-items-container .item-comment .item-comment-container .item-comment-content-container .comment-reply-button:hover {
    color: #21b8ff80;
}

.square-root .square-items-container .item-comment .item-comment-container .item-comment-content-container .comment-delete-button {
    cursor: pointer;
    color: #ff4500;
}

.square-root .square-items-container .item-comment .item-comment-container .item-comment-content-container .comment-delete-button:hover {
    color: #ff450080;
}


.square-root .square-items-container .item-comment .item-comment-container .item-comment-content-container .comment-text {
    white-space: pre-line;
}

.square-root .square-items-container .item-comment .item-comment-container .item-comment-root-content-container.item-comment-content-container {
    padding-left: 0px;
    border-left: 1px solid #E2E2E2;
    margin-left: 15px;
}

.square-root .square-items-container .item-comment .item-comment-container .item-comment-root-content-container.item-comment-content-container .item-comment-content {
    border-left: 1px solid #E2E2E2;
}

.square-root .square-items-container .item-comment .item-comment-container .item-comment-content-container.item-comment-root-content-container {
    border-left: none;
}

.work-item .work-images-container img {border-radius: 5px;width: 250px;transform: scale(1);margin-right: 5px;margin-bottom: 5px;}

.work-item .work-type-header {background-color: rgb(242,242,242);padding: 1em 0.5em 0.8em 1em;border-radius: 5px;color: #666666;font-size: 15px;margin-top: 2rem;}


.work-item .work-images-container.work-images-thumbnail {justify-content: space-between;}
.work-item .work-images-container.work-images-thumbnail img{width: 260px;height: 260px;background-position: center;background-image: url('/Public/images/default.gif');}