body, html {min-height: 100%;height: 100%;background-color:#f7f7f7;}
.indexexternal_container {width: 100%;height: 100%;min-height: 100%;padding-bottom:1em;}
.indexexternal_header {width: 100%;padding-top: 8em;padding-bottom: 3em;background-image: url("/Content/Images/others_bg.png");background-size: 100% 100%;background-repeat: no-repeat;text-align: center;position: relative;}
.indexexternal_header img {width: 7em;height: 7em;border-radius: 7em;border: 0.3em solid #ffffff;}
.indexexternal_following {width: 22%;color: #ffffff;font-size: 1em;position: absolute;top: 13.2em;left: 54%;padding: 0.2em 0.2em;background-color: #4A88EE;border-radius: 1px 7px 7px 7px;}
.indexexternal_not_followed {width: 22%;color: #ffffff;font-size: 1em;position: absolute;top: 13.2em;left: 54%;padding: 0.2em 0.2em;background-color: #CCCCCC;border-radius: 1px 7px 7px 7px;}
.indexexternal_introduce {width: 100%;padding: 1.5em 1em;border-bottom: 1px solid #f0f0f0;background-color:#fff;}
.indexexternal_introduce_info {width: 100%;overflow: hidden;padding-top:0.5em;}
.indexexternal_introduce_infoleft {float: left;}
.indexexternal_introduce_infoleft p:nth-child(1) {color: #333333;font-size: 1.7em;font-weight: bold;}
.indexexternal_introduce_infoleft p:nth-child(2) {color: #999999;font-size: 1.2em;}
.indexexternal_introduce_inforight {float: right;line-height: 3.2em;}
.indexexternal_introduce_inforight span {font-size: 1.4em;padding: 0.7em 0.9em;}
.indexexternal_introduce_inforight a {font-size: 1.4em;padding: 0.7em 0.9em;}
.indexexternal_acceptletter {color: #4a88ee;border: 1px solid #4a88ee;border-radius: 2px;padding: 0.5em 1.5em;margin-right: 0.2em;}
.indexexternal_btn_following {color: #999999;border: 1px solid #cccccc;border-radius: 2px;}
.indexexternal_btn_notfollowed {color: #ffffff;background-color: #4a88ee;border: 1px solid #4a88ee;border-radius: 2px;}
.indexexternal_introduce_introduction {color: #666666;font-size: 1.5em;margin-top: 0.5em;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width: 100%;margin: auto;}
.indexexternal_fans {width: 100%;padding-top:1.5em;padding-bottom:1.5em;border-bottom: 1px solid #f0f0f0;margin-right:-5%;background-color:#fff;overflow:hidden;}
.indexexternal_fans > div {display: inline-block;}
.indexexternal_fans > div a p:nth-child(1) {color: #333333;font-size: 1.6em;text-align: center;}
.indexexternal_fans > div a p:nth-child(2) {color: #999999;font-size: 1em;text-align: center;}
.indexexternal_fans > div:nth-child(2) {width: 47%;vertical-align:top;margin-top:0.5em;}
.userIcon{display:inline-block;width:3.2em;height:3.2em;border-radius:100%;   }
.indexexternal_btn{padding:0;}
.indexexternal_btn a{display: inline-block;padding: 0 1.4em;}
.indexexternal_btn .namecardlogo{width:3.2em;vertical-align:sub;}
.indexexternal_btn a:first-child{border-right: 1px solid #f0f0f0;}
.indexexternal_fans > div:nth-child(2) a img {width:100%;height:100%;border-radius:100%;border:1px solid #f0f0f0;margin-right: 0.3em;}
.indexexternal_fans > div:nth-child(3) {float:right;   border-left: 1px solid #f0f0f0; padding:0;}
.indexexternal_publisharticle{display:none;font-size:1.2em;color:#ccc;text-align:center;margin-top:1em;}
.template_index_content_picartical a div:nth-of-type(1){margin-top:0.35em !important;}
@media screen and (min-width: 376px){
.indexexternal_fans > div:nth-child(2){width:47%;}
.indexexternal_introduce_infoleft{width:60%;}
}
@media screen and (max-width: 375px){
.indexexternal_introduce_infoleft{width:56%;}
}
@media screen and (max-width: 320px){
.indexexternal_fans > div:nth-child(2){width:47%;}
.indexexternal_introduce_infoleft{width:50%;}
}
.indexexternal_scaleheadimg{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:100;display:none;}
.indexexternal_bigscale{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;}
.test-loading {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
.indexexternal_btn:active{background-color:#f1f1f1;}
.indexexternal_acceptletter:active{background-color:#f1f1f1;}
.indexexxternal_articlelist{width:100%;}
.indexexxternal_articlelist_year{color:#333;font-size:1.2em;text-align:left;padding-bottom:0.5em;padding-top:0.5em;padding-left:1em;background-color:#fff;}
.indexexternal_articlelist_articleinfo{width:100%;background-color:#fff;}
.indexexternal_articlelist_myarticle {width: 100%;}
.indexexternal_articlelist_nav{width:100%;padding:1em 1em 0;overflow:hidden;margin-bottom:-0.8em;}
.indexexternal_articlelist_nav span{font-size:1.2em;color:#ccc;}
.indexexternal_articlelist_nav span:nth-child(1){float:left;color:#999 !important;}
.indexexternal_articlelist_nav span:nth-child(2){float:right;}
.indexexternal_articlelist_article{width:100%;background-color:#fff;}
.indexexternal_articlelist_covercontent{width:30%;display:inline-block;background-position:center center;background-size:cover;background-repeat:no-repeat;overflow:hidden;}
.indexexternal_articlelist_title{font-size:1.5em;width:68%;color:#333;vertical-align:top;padding-left:1%;padding-top:1%;
word-break:break-all;
display:inline-block;
}
.indexexternal_articlelist_hr{margin-right:1em;height:1px;border:none;background-color:#f0f0f0;margin-left:1em;}
.indexexternal_info{text-align:right;margin-bottom:0.5em;padding-left:1em;padding-right:1em;margin-top:0.3em;}
.indexexternal_info p{display:inline-block;color:#ccc;font-size:1.2em;text-align:right;}
.indexexternal_info p:nth-child(1){margin-right:2%;}
.indexexternal_videoarticle{position:relative;display:inline-block;width:30%;}
.indexexternal_videopic{width:100%;}
.indexexternal_video{width:2.5em;height:2.5em;position:absolute;top:30%;left:40%;}
.indexexternal_articlelist_title_picarticle{width:100%;margin-bottom:0.5em;margin-left:-0.2em;}
.indexexternal_pic{width:31.2%;}
.indexexternal_piccover{margin-left:2%;margin-right:2%;}
.indexexternal_articleauthor{width:100%;padding-left:1em;padding-right:1em;margin-top:0.2em;}
.indexexternal_articleauthor img{width:1.8em;height:1.8em;border-radius:1.8em;vertical-align:middle;}
.indexexternal_articleauthor p{display:inline-block;vertical-align:middle;font-size:1.2em;color:#999;margin-left:0.5em;}
@media only screen and (max-width: 320px){
.indexexternal_articlelist_covercontent{height: 5.2em;}
.indexexternal_video{left:35%;}
.indexexternal_pic{width:31.1%;}
.indexexternal_pic{height: 5.5em;}
}
@media only screen and (max-width: 375px){
.indexexternal_articlelist_covercontent{height: 6.1em;}
.indexexternal_pic{height: 6.4em;}
}
@media only screen and (max-width: 414px) {
.indexexternal_articlelist_covercontent {height: 6.8em;}
.indexexternal_pic{height: 7.1em;}
}