@font-face {
    font-family: 'notefont';
    src:  url('../Content/notefont.eot?1vc8bz');
    src:  url('../Content/notefont.eot?1vc8bz#iefix') format('embedded-opentype'),
    url('../Content/notefont.ttf?1vc8bz') format('truetype'),
    url('../Content/notefont.woff?1vc8bz') format('woff'),
    url('../Content/notefont.svg?1vc8bz#notefont') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="note-icon-"], [class*=" note-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'notefont' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.note-icon-0:before {
    content: "\e900";
}
.note-icon-1:before {
    content: "\e901";
}
.note-icon-2:before {
    content: "\e902";
}
.note-icon-3:before {
    content: "\e903";
}
.note-icon-48:before {
    content: "\e948";
}
.note-icon-49:before {
    content: "\e949";
}
.note-icon-50:before {
    content: "\e950";
}
.my_follow_item .left
{
    float: left;
}

.cursor 
{
   cursor:pointer;
}

.my_follow_item .right
{
    float: right;
    cursor:pointer;
    margin-right: 10px;
}

.follow_circle_icon img
{
    width: 40px;
    height: 40px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0px;
    margin-right: 10px;
    padding: 0px;
}
.note_star 
{
}
.note_star img
{
    width:15px;
    height:15px;
}
.my_follow_user_name
{
    font-size:12pt;
    color: #333;
}
.my_follow_user_name a 
{
    color: #333; 
}
 
.my_follow_user_name a:hover
{
    color: #333; 
}

.followed_user_child
{
    margin-left: 0px;
}

.followed_user_child img
{
    margin-right: 3px;
    width: 12px;
}

.follow_child_birthday
{
    font-size: 9pt;
    color: #999;
    margin-right:10px;
}

.followed_summary
{
    margin-top: 3px;
    font-size: 9pt;
    color: #999;
}

.experience_follow_title .list {
    margin-bottom: 20px;
    padding-bottom: 10px;
    list-style: none;
    border-bottom: 1px solid #f0f0f0;
    clear: both;
}

.experience_follow_title .list li a {
    display: inline-block;
}

.experience_follow_title .list .name {
    position: relative;
    max-width: 150px;
    vertical-align: middle;
    top: 1px;
    font-size: 14px;
    color: #333;
}

.avatar {
    margin-right: 5px;
    width: 32px;
    height: 32px;
}

.avatar img {
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50%;
}

img {
    vertical-align: middle;
}

/**
li {
    line-height: 20px;
}**/

@font-face {
  font-family: 'icomoon';
  src:  url('../Content/icomoon.eot?xu1q1g');
  src:  url('../Content/icomoon.eot?xu1q1g#iefix') format('embedded-opentype'),
    url('../Content/icomoon.ttf?xu1q1g') format('truetype'),
    url('../Content/icomoon.woff?xu1q1g') format('woff'),
    url('../Content/icomoon.svg?xu1q1g#icomoon') format('svg');
}

.iconfont {
	font-family: icomoon!important;
	font-size: inherit;
	font-style: normal;
	font-weight: 400!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.iconfont2 {
	font-family: icomoon!important;
	font-size: 11pt;
	font-style: normal;
	font-weight: 400!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left:3px;
}

.iconfont3 {
	font-family: FontAwesome!important;
	font-size: inherit;
	font-style: normal;
	font-weight: 400!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right:5px;
}

body
{
    margin: 0;
    font-family: mp-quote, -apple-system-font, system-ui, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;
    font-size: 10pt;
    color: #555555;
    min-width: 1000px;
    overflow-y: scroll;
}

body a
{
    color: #3377AA;
    text-decoration: none;
}

body a:focus
{
    outline: none;
    -moz-outline: none;
    blr: expression(this.onFocus=this.blur());
}

.container, .container_new
{
    margin-right: auto;
    margin-left: auto;
    width: 1230px;
    margin-top:10px;
}

.small_column_title
{
    font-size: 24px;
    font-weight: bold;
    background-color: transparent;
}

.account_foot
{
    width: 100%;
    text-align: center;
}

.login-sns a
{
    color: #555;
}

.tab_selected_Content
{
    width: 100%;
}

.tab_selected_Content table
{
    width: 100%;
    margin:0px;
    padding:0px;
}

.tab_selected_Content table tbody
{
    width: 100%;
    margin:0px;
    padding:0px;
}

.tab_selected_Content table tr
{
    margin:0px;
    padding:0px;
}

.tab_selected_Content table td
{
    vertical-align: top;
    margin:0px;
    padding:0px;
}

.content_layout_bg
{
    background-color:White;
    padding-left:20px;
    padding-right:20px;
    -webkit-box-shadow: 0 1px 3px rgba(26,26,26,.1);
    box-shadow: 0 1px 3px rgba(26,26,26,.1);
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.tab_selected_Content .biglayout_left
{
    width: 885px;
    display:inline-block;
    margin-right:6px;
}

.box_shadow 
{
    -webkit-box-shadow: 0 1px 3px rgba(26,26,26,.1);
    box-shadow: 0 1px 3px rgba(26,26,26,.1);
    border-radius:5px;
    background-color:White;
}

.card-header 
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid #f6f6f6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12pt;
    font-weight: bold;
    color:#333333;
}

.card-header2
{
    padding: 0 20px;
    border-bottom: 1px solid #f6f6f6;
    font-size: 12pt;
    color:#333333;
}

.card-header span 
{
  font-size:12px;
  color:#999999; 
  font-weight:normal; 
  display:inline-block; 
}

.card-header .view_all
{
    float: right;
    font-size: 13px;
    font-weight: normal;
    padding-top: 3px;
}

.catalogue_item 
{
   line-height:25px;
   margin-bottom:10px;  
}

.catalogue_item .catalogue_num
{
   display:inline-block; 
   color:#999999;
   font-size:12pt;
   vertical-align:top;
}

.catalogue_item .catalogue_name
{
   display:inline-block;   
   margin-left:5px;
   color:#333333;
   font-size:12pt;
   width: calc(100% - 35px);
}

.card-section 
{
   padding: 16px 20px;
   position: relative; 
}

.card-item, .card-item2
{
  display:block;
  font-size: 14px;
  line-height: 21px;
  color:#8590a6;
}
.card-item + .card-item
{
  margin-top: 10px;
}
.card-item2 + .card-item2
{
  margin-top: 20px;
}
.card-item .topic_summary
{
    font-size: 13px;
    color: #666;
}
.card-item1
{
    font-size: 13px;
    line-height: 24px;
}
.card-item1 a
{
    color: #ff5050;
    padding: 3px 10px;
    background-color: #f6f6f6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.card-item1 + .card-item1
{
  margin-top: 10px;
}

.vote_favorite
{
    width: 296px;
    display: inline-block;
    margin:20px;
}

.vote_favorite .icon
{
    float:left;
    width:25px;
    height:25px;
}

.vote_favorite .icon img
{
    width:100%;
    height:100%;
}

.vote_favorite_count
{
    float:left;
    margin-left: 10px;
    width: calc(100% - 50px);
    font-size: 14px;
    color: #3377AA;
}

.fans_count
{
    float: left;
    margin-left: 10px;
    width: calc(100% - 50px);
    font-size: 14px;
    color: #999999;
}

.div_biglayout_left
{
    width: 100%;
    word-wrap: break-word;
    word-break: normal;
    text-align: center;
    margin-bottom: 80px;
}

.mdiv_biglayout
{
    width: 100%;
    text-align: center;
}

.div_biglayout_left2
{
    max-width: 590px;
    word-wrap: break-word;
    word-break: normal;
    margin: 0px auto;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}

.div_biglayout_left3
{
    max-width: 590px;
    word-wrap: break-word;
    word-break: normal;
    margin: 0px auto;
    text-align: left;
}

.app_page_padding 
{
    padding-left: 20px;
    padding-right: 20px; 
}

.tab_selected_Content .biglayout_padding
{
    width: 5px;
}

.tab_selected_Content .biglayout_right
{
    width: 334px;
    display:inline-block;
    vertical-align:top;
}

.tab_selected_Content .keyword
{
    font-size: 12pt;
    margin-bottom: 35px;
}

.tab_selected_Content .resulttitle
{
    font-size: 12pt;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #DDD;
}

.tab_selected_Content #spanSearchContent, .tab_selected_Content #SearchPostsContent, .tab_selected_Content #SearchBookContent
{
    color: Red;
}

.clear
{
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
    over-flow: hidden;
}

.link
{
    color: #37A;
}

/* nav color: #075B8D;
----------------------------------*/

.all_nav_sty
{
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1030;
    text-align:center;
    height: 34px;
}

.nav_content_logo
{
    padding-right:15px;
    padding-left: calc((100% - 950px)/2.0);
    float: left;
}

.nav_content_logo img
{
    width: 30px;
    height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.nav_content_logotitle 
{
    float: left;
    height: 100%;
}

.nav_content_left
{
    margin-left: 30px;
    float: left;
    height: 100%;
}

.nav_content_left table, .nav_content_logotitle table
{
    width: 100%;
    height: 100%;
}

.nav_content_left a
{
    text-decoration: none;
    font-size: 17px;
    margin-right: 40px;
    color: White;
}

.nav_content_logotitle span
{
     font-size: 17px;
    margin-right: 23px;
    color:White;
}

.nav_content_right a
{
    text-decoration: none;
    font-size: 15px;
    color: White;
}

.nav_content_left a:hover
{
    color: #D5D5D5;
    text-decoration:underline;
}

.nav_content_right a:hover 
{
    color: White; 
}

.nav_content_left .qrcode-wrap .qrcode
{
    background-color: #3f3f3f;
    border-color: #2f2f2f;
}

.nav_content_left .qrcode-wrap .qrcode
{
    background: white;
    border-color: #d9d9d9;
}
.nav_content_left .qrcode-wrap .arrow-top::before
{
    border-bottom-color: #d9d9d9;
}
.nav_content_left .qrcode-wrap .arrow-top::after
{
    border-bottom-color: white;
}
.nav_content_left .qrcode-wrap .arrow-top::before, .nav_content_right .qrcode-wrap .arrow-top::after
{
    margin-left: -6px;
}
.nav_content_left .qrcode-wrap
{
    position: relative;
}
.nav_content_left .qrcode-wrap .qrcode
{
    position: absolute;
    top: 30px;
    left: -58px;
    width: 160px;
    height: 0;
    overflow: hidden;
    z-index: 9;
}
.nav_content_left .qrcode-wrap .qrcode img
{
    width: 100%;
    height: 0;
}
.nav_content_left .qrcode-wrap:hover .qrcode
{
    height: 162px;
    display: block;
    overflow: inherit;
    padding: 4px;
    background: white;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    -webkit-transition: height 0.1s !important;
    -moz-transition: height 0.1s !important;
    -ms-transition: height 0.1s !important;
    -o-transition: height 0.1s !important;
    transition: height 0.1s !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}
.nav_content_left .qrcode-wrap:hover .qrcode img
{
    height: 152px;
    border-radius: 3px;
    -webkit-transition: height 0.1s !important;
    -moz-transition: height 0.1s !important;
    -ms-transition: height 0.1s !important;
    -o-transition: height 0.1s !important;
    transition: height 0.1s !important;
}
.nav_content_left .qrcode-wrap .arrow-top::before, .nav_content_right .qrcode-wrap .arrow-top::after
{
    margin-left: -4px;
}

.nav_content_left .arrow-top::before, .arrow-top::after
{
    position: absolute;
    top: -10px;
    left: 46%;
    content: '';
    display: inline-block;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #d9d9d9;
}

.nav_content_left .arrow-top::after
{
    top: -9px;
    border-bottom: 9px solid white;
}

.nav_content_right
{
    float: right;
    height: 100%;
}

.nav_content_right table
{
    width: 100%;
    height: 100%;
}

.nav_content_right table tr 
{
     border:0;
     margin:0;
     padding:0;
}

.nav_content_right table tb 
{
    border:0;
    margin:0;
    padding:0;
}

.nav_content_right .wrapper-dropdown-5 img
{
    margin-left: 15px;
    width: 18px;
    height: 18px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
    margin-bottom: 3px;
}

.all_nav_rightlink
{
    text-decoration: none;
    font-size: 10pt;
    margin-left: 20px;
    color: White;
}

.home_my
{
    font-size: 15px;
    color:White;
    margin-left:10px;
    line-height:30px;
}

.sign_up
{
    font-size: 11pt;
    text-decoration: none;
    margin-bottom:10px;
    padding: 2px 13px;
    border:1px solid white;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
}

.tab_content_sty table td input[type="text"]
{
    width: 187px;
    height: 33px;
    font-size: 10pt;
}

.search_exp_sty
{
    width: 237px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    background-color: White;
}

.search_exp_sty input
{
    border: 0;
    background-color: White;
    outline: none;
}

.search_exp_sty span
{
    margin-top: 4px;
    width: 20px;
    height: 25px;
    margin-right: 8px;
    float: right;
    background-image: url(/Images/nav_search.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    cursor: pointer;
}

.search_exp_sty2
{
    width: 310px;
    background-color:#f6f6f6;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    text-align:center;
}

.search_exp_sty2 input
{
    border: 0;
    background-color: #f6f6f6;
    outline: none;
    width: 230px;
    height: 33px;
    font-size: 10pt;
}

.search_exp_sty2 input::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
  font-size: 12px;
}

.search_exp_sty2 input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999;
  font-size: 12px;
}

.search_exp_sty2 input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999;
  font-size: 12px;
}

.search_exp_sty2 #btnNavSearch, .search_exp_sty2 #btnUserCreationSearch
{
    display:inline-block;
    height: 33px;
    float: right;
    font-size:12px;
    background-color:#FA8072;
    color:White;
    border-radius-right: 999em;
    border-top-right-radius:999em;
    border-bottom-right-radius:999em;
    -webkit-border-top-right-radius: 999em;
    -moz-border-top-right-radius: 999em;
    -webkit-border-bottom-right-radius: 999em;
    -moz-border-bottom-right-radius: 999em;
     padding-left:8px;
     padding-right:8px;
}

.search_exp_sty3
{
    width: 310px;
    background-color:#F5F5F5;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    text-align:center;
    border:1px solid #CECECE;
    display:inline-block;
}

.search_exp_sty3 input
{
    border: 0;
    background-color: #F5F5F5;
    outline: none;
    width: 230px;
    height: 33px;
    font-size: 10pt;
}

.search_exp_sty3 #btnNavSearch, .search_exp_sty3 #btnBooklistSearch
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center; 
    height: 33px;
    float: right;
    font-size:12px;
    color:White;
    border-radius-right: 999em;
    border-top-right-radius:999em;
    border-bottom-right-radius:999em;
    -webkit-border-top-right-radius: 999em;
    -moz-border-top-right-radius: 999em;
    -webkit-border-bottom-right-radius: 999em;
    -moz-border-bottom-right-radius: 999em;
     padding-left:8px;
     padding-right:8px;
}

.search_exp_sty3 #btnNavSearch img, .search_exp_sty3 #btnBooklistSearch img
{
    display:inline-block;
    width:18px;
    margin-right:5px;
    vertical-align:middle;
}

.search_exp_sty2 #btnNavSearch img, .search_exp_sty2 #btnUserCreationSearch img
{
    display:inline-block;
    width:13px;
    margin-right:2px;
    vertical-align:middle;
}

.search_exp_sty2 #btnNavSearch span, .search_exp_sty2 #btnUserCreationSearch span
{
    display:inline-block;
    line-height:33px;
}

#btnCreateArticle, #btnCreateBooklist, #btnCreatePosts
{
    color: White;
    padding: 9px 30px;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    background-color: rgb(255,90,95);
}

#btnCreateArticle:hover, #btnCreateBooklist:hover, .add_personal_subject a:hover
{
    background-color:#FA8072;
}

/*More
----------------------------------*/

.kiddobc_more_over
{
    display:inline-block;
    width:calc(100% - 40px);
    background-color: #C9C9C9;
    text-align: center;
    font-size: 10pt;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px 20px 20px 20px;
    cursor: pointer;
}

.kiddobc_more_out
{
    display:inline-block;
    width:calc(100% - 40px);
    background-color: #E5E5E5;
    text-align: center;
    font-size: 10pt;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px 20px 20px 20px;
    cursor: pointer;
}

.kiddobc_more_out_download
{
    display:inline-block;
    width:calc(100% - 40px);
    color: #1d89ff;
    text-align: center;
    font-size: 10pt;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px 20px 20px 20px;
    cursor: pointer;
}

/* Index
----------------------------------*/

.tab_sty
{
    background-color: White;
    height: 68px;
}

.tab_content_sty
{
    height: 68px;
}

.tab_content_sty table
{
    height: 100%;
    width: 100%;
}

.tab_content_sty .tab_des
{
    margin-left: 15px;
    color: rgba(0, 0, 0, 0.15);
    font-size: 12pt;
}

.tab_content_sty table td span, .tab_content_sty .tab_title
{
    color: rgb(255,90,95);
    font-size: 20pt;
}

.tab_content_sty table td a
{
    color: #666666;
    font-size: 10pt;
    text-decoration: none;
    margin-right: 15px;
}

.tab_selected_title
{
    color: #666666;
    font-size: 12pt;
    padding-bottom: 8px;
    border-bottom: 1px solid #DDD;
    margin-bottom: 15px;
}

.tab_selected_title a
{
    float: right;
    margin-right: 5px;
    font-size: 10.5pt;
}

.tab_selected_title2
{
    color: #666666;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 12pt;
}

.magin15
{
    margin-top: 25px;
}

.margin_left15
{
    margin-left: 15px;
}

.margin_top5
{
    margin-top: 5px;
}

.margin_top10
{
    margin-top: 10px;
}

.margin_top15
{
    margin-top: 15px;
}

.margin_top20
{
    margin-top: 20px;
}

.magin_top25
{
    margin-top: 25px;
}

.magin35
{
    margin-top: 35px;
}


.index_category_sty
{
    margin-bottom: 30px;
}

.index_category_sty2
{
    width: 100%;
}

.index_category_sty .all_booklist, .index_category_sty .all_exps
{
    float: right;
    margin-right: 5px;
    font-size: 10.5pt;
}

.index_category_width
{
    width: 50%;
}

.index_category_expcount
{
    color: #999999;
    float: right;
}

.index_category_sty .my_label_link
{
    font-size: 10pt;
    text-decoration: none;
    margin-right: 10px;
    margin-bottom:10px;
    padding: 3px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float:left;
}

.index_category_sty2 .all_booklist, .index_category_sty2 .all_exps
{
    float: right;
    margin-right: 5px;
    font-size: 10.5pt;
}

.app_mbook_features, .app_mbook_features .tag
{
    margin:0px;
    padding:0px;
}

.index_category_sty2 .my_label_link, .app_mbook_comment .tag .my_label_link, .app_mbook_features .tag .my_label_link
{
    font-size: 10pt;
    text-decoration: none;
    margin-right: 10px;
    padding: 3px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float:left;
}

.index_category_contentborder
{
    border-bottom: 1px solid #f0f2f7;
    margin-top: 20px;
    margin-bottom: 20px;
}

.index_category_contentborder2
{
    border-bottom: 1px solid #DDD;
    margin-top: 20px;
    margin-bottom: 20px;
}

.index_category_contentborder3
{
    border-bottom: 1px solid #DDD;
    margin-bottom: 20px;
    margin-top: 5px;
}

.index_category_contentborder4
{
    border-bottom: 1px solid #f0f2f7;
    margin-top: 20px;
}
.index_category_content_noborder4
{
    margin-top: 20px;
}
.more_content_entry
{
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.index_exp_content
{
    float: left;
    padding-right: 10px;
}
.index_exp_content .quote
{
    float: left;
}
.index_exp_content .quote img
{
    width: 20px;
    height: 20px;
}

.index_exp_content a
{
    color: #121212;
}

.index_exp_contenttitle
{
    font-weight: bold;
    font-size: 20px;
    margin-top:10px;
    color: #121212;
}

.index_exp_contenttitle .booklist_flag
{
    line-height: 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #ff5050;
    color: #ff5050;
    font-size: 13px;
    font-weight: normal;
    padding: 2px 5px;
    margin-right: 5px;
    vertical-align: middle;
}

.index_exp_contenttitle .booklist_title
{
    color: #121212;
}

.content_text .link
{
    color: #3377AA;
    font-size: 13px;
}

.content_text .booklist_book
{
    background-color: White;
    margin-top: 12px;
    padding: 0;
}
.booklistt_book .booklist_summary
{
    width: 100%;
}
.booklistt_book .booklist_summary .book_all_count
{
    font-size: 13px;
    color: #666666;
}
.booklist_book .view_all_book
{
    margin-left: 10px;
    font-size: 13px;
    color: #3377AA;
}

.book_in_booklist
{
    display: flex;
    overflow-x: hidden;
}

.book_in_record
{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.book_in_booklist .one_book_info, .book_in_record .one_book_info
{
    width: 128px;
    margin: 10px 10px 0 0;
}
.book_in_booklist .one_book_info img, .book_in_record .one_book_info img
{
    width: 128px;
    height: 170px;
}

.index_exp_contentdes 
{
   margin-top:5px;
    font-size: 15px;
    line-height: 1.6;
    color: #444;
   display:-webkit-box;
   -webkit-line-clamp:2;
   -webkit-box-orient:vertical;
   overflow:hidden;
   text-overflow:ellipsis;
}

.index_exp_contenttitle2
{
    font-weight: bold;
    font-size: 12pt;
    margin-top:10px;
    color: #121212;
}

.index_exp_contenttitle a
{
    color: #121212;
}

.index_exp_contenttitle a:hover
{
    color: rgba(0, 0, 0, 0.8);
}

.index_exp_contentcont
{
    margin-top: 5px;
    font-size: 15px;
    line-height: 1.6;
    color: #333;
}

.index_exp_contentcont a
{
    color:#333;
}

.index_exp_contentcont a:hover
{
    color:#666;
}

.index_exp_contentcont2
{
    font-size: 13px;
    margin-top: 5px;
    line-height: 22px;
    color:#999;
}

.index_exp_contentaction
{
    color: #8590a6;
    margin-top: 10px;
}

.exp_contentaction_item0
{
    float: left;
    font-size: 13px;
}

.exp_contentaction_item
{
    height: 32px;
    float: left;
    font-size: 13px;
}

.exp_contentaction_item2
{
    float: left;
    margin-right: 15px;
}

.exp_contentaction_item3
{
    height: 20px;
    float: left;
}

.index_exp_contentaction .report
{
    float: right;
    color: #999;
    font-size: 13px;
}

.exp_contentaction_item .add_topic_in_exp
{
    display: inline-block;
    cursor: pointer;
}
.exp_contentaction_item .add_topic_in_exp img
{
    width: 20px;
    height: 20px;
}

.lineheight40
{
    line-height: 32px;
}

.hot_feed_lineheight 
{
   font-size: 14px;
   height: 16px;
   margin-top:5px; 
   color: #8590a6;
}

.lineheight32
{
    line-height: 32px;
}

.lineheight20
{
    line-height: 20px;
}

.lineheight40 a, .lineheight32 a
{
    margin-left: 5px;
    margin-right: 8px;
    color: #666666;
    text-decoration: none;
    font-size:13px;
    font-weight:bold;
}

.lineheight40 a:hover, .lineheight32 a:hover
{
    color: #333333;
}

.lineheight40 span, .lineheight32 span
{
    margin-right: 5px;
    font-size:13px;
}

.index_exp_userinfo 
{
    color: #999999;
}

.exp_contentaction_type 
{
    float:right;   
    line-height:32px;
}

.exp_contentaction_type1 
{
    font-size:13px;
    float:right;   
    line-height:20px;
    color: #333;
}

.index_exp_contentaction img, .exp_contentaction_item img
{
    width: 32px;
    height: 32px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
}

.exp_contentaction_item1
{
    height: 20px;
    float: left;
}
.exp_contentaction_item1 img
{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.index_exp_userinfo2
{
    margin-top:8px;
    color: rgba(0, 0, 0, 0.3);
}

.index_exp_userinfo2 img
{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.index_exp_userinfo .createtime
{
    color: rgba(0, 0, 0, 0.3);
    font-size: 13px;
    float:left;
}

.index_exp_userinfo .child_list {
    display: inline-block;
    line-height:32px;
}

.index_exp_userinfo .child_list1 {
    display: inline-block;
    line-height:20px;
}

.index_exp_userinfo .manswer_child img
{
    width: 12px;
    margin-right:2px;
}

.index_exp_photo
{
    margin-top:32px;
    height: 120px;
    float: right;
}

.index_exp_photo img
{
    width: 150px;
    height: 120px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.index_exp_photo2
{
    margin-top:32px;
    height: 80px;
    float: right;
}

.index_exp_photo2 img
{
    width: 80px;
    height: 80px;
}

.width80p
{
   width:calc(100% - 160px);
}

.width80px
{
   width:calc(100% - 170px);
}

.width100px
{
   width:calc(100% - 120px);
}

.width_has_photo
{
   width:calc(100% - 90px);
}

.width100p
{
    width: 100%;
}

.width90p
{
    width: calc(100% - 45px);
}

.index_category_selected
{
    color: White;
    border: 1px solid rgb(255,90,95);
    background-color: rgb(255,90,95);
}

.index_category_selected2
{
    color: #666666;
    background-color: #feefee;
}

.index_category_normal
{
    color: #999999;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.index_category_normal:hover
{
    color: rgb(255,90,95);
    border: 1px solid rgb(255,90,95);
}

.mobile_labels_sty 
{
    font-size: 10pt;
    text-decoration: none;
    margin-right: 10px;
    margin-bottom:10px;
    padding: 3px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float:left;
    color: rgb(255,90,95);
    border: 1px solid rgb(255,90,95);
}

.index_exp_label, .index_exp_label2, .index_exp_label3
{
    font-size: 13px;
    text-decoration: none;
    padding: 5px 10px;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    background-color: #F5F5F5;
    border: 1px solid #F5F5F5;
}

.index_exp_labelsel
{
    font-size: 13px;
    text-decoration: none;
    padding: 5px 10px;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    background-color: #F5F5F5;
    color: rgb(255,90,95);
    border: 1px solid rgb(255,90,95);
}

.index_exp_label:hover
{
    border: 1px solid #3377AA;
}

.single_label_sty
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.single_label_sty span
{
    border: 1px solid rgb(255,90,95);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    font-size: 12pt;
    color: rgb(255,90,95);
    padding: 5px;
}

.index_tab_sty
{
    border-bottom: 1px solid #DDD;
    padding-bottom: 8px;
    margin-bottom: 15px;
}

.index_tab_sty a
{
    font-size: 12pt;
    text-decoration: none;
    margin-right: 30px;
}

.index_tab_normal
{
    color: #999999;
}

.index_tab_normal:hover
{
    color: #666666;
}

.index_tab_selected
{
    color: rgb(255,90,95);
}

/* MyExperiences
----------------------------------*/
.space_right_info .recbookrevie_person, .manswer_child
{
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.my_exp_userhead
{
    text-align: center;
}

.my_exp_userhead img
{
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    margin: 0px;
    padding: 0px;
}

.my_exp_userhead2 
{
  float:left;
  margin-right:15px;
}

.my_exp_userhead2 img 
{
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    margin: 0px;
    padding: 0px;
}

.my_exp_userhead3
{
  float:left;
  margin-left: 20px;
  margin-right:15px;
  margin-top: 20px;
  margin-bottom: 5px;
}

.my_exp_userhead3 img 
{
    width:60px;
    height:60px;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    margin: 0px;
    padding: 0px;
}

.my_exp_userinfo
{
    text-align: center;
    margin-top: 15px;
}

.my_exp_fans a, .my_exp_draft a, .my_exp_favorite a
{
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #999999;
    text-decoration: none;
}

.my_exp_fans a:hover, .my_exp_draft a:hover, .my_exp_favorite a:hover
{
    color: #666666;
}

.space_num
{
    font-size: 20px;
}

.space_right_actlayer
{
    width: 100%;
    text-align: center;
}

.space_right_infoact
{
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

#my_exp_follow
{
    margin-top: 20px;
}

.my_expright_item
{
    margin-top: 10px;
    float: left;
    padding: 3px 10px;
}

.my_exp_favorite, .my_exp_draft
{
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.my_space_leftborder 
{
    border-left: 1px solid rgba(0, 0, 0, 0.15);
}

.my_spaceright_itemsty a div
{
    text-align: center;
}

.my_spaceright_itemsty a
{
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #999999;
    text-decoration: none;
}

.my_exp_fans a div, .my_exp_draft a div, .my_exp_favorite a div
{
    text-align: center;
}

.my_exp_userinfo .my_userinfo_name
{
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 15px;
}

.my_exp_userinfo .my_userinfo_child
{
    margin-bottom: 3px;
    color: #999999;
}

.my_exp_userinfo2 
{
    float:left;
    margin-top: 16px;
}

.my_exp_userinfo2 .my_userinfo_name
{
    font-size: 12pt;
    font-weight: bold;
}

.userinfo_count
{
    margin-left: 10px;
    font-size: 10pt;
    color: #999999;
}

.my_exp_focused, .my_exp_focus
{
    width: 100%;
    margin-top: 15px;
    text-align: center;
}

.my_exp_focused a
{
    background-color: rgb(245,245,245);
    color: #666666;
    font-size: 12px;
    padding: 8px 40px;
    text-decoration: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 1px solid #D5D5D5;
}

.my_exp_focus a
{
    background-color: #51A351;
    color: White;
    font-size: 12px;
    padding: 8px 40px;
    text-decoration: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.my_exp_focus a:hover
{
    background-color: #6BD95B;
}

.my_labels_more
{
    float: right;
    font-size: 12pt;
    text-decoration: none;
    color: #999999;
}

/* MyLabels
----------------------------------*/
.my_labels_title
{
    margin-top: 30px;
    margin-bottom: 40px;
    font-size: 16pt;
}

.my_labels_Content a
{
    font-size: 12pt;
    text-decoration: none;
    color: #999999;
    border: 1px solid #999999;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    font-size: 12pt;
    padding: 5px;
    margin-right: 10px;
    float: left;
}

.my_label_rightlink
{
    margin-top: 40px;
    text-align: right;
}

.my_label_rightlink a
{
    font-size: 12pt;
    text-decoration: none;
}

/* MyDraft
----------------------------------*/
.my_draft_title
{
    float: left;
    width:calc(100% - 90px);
}

.my_draft_title a
{
    color: #333333;
    font-weight: bold;
    font-size: 12pt;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.my_draft_action
{
    float: right;
}

.my_draft_action a
{
    text-decoration: none;
    margin-right: 10px;
}

.my_draft_time
{
    margin-top: 15px;
    color: #999999;
}

.click_cursor
{
    cursor: pointer;
}

/* Experience
----------------------------------*/
.experience_userinfo
{
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #DDD;
}

.experience_userinfo2
{
   height: 58px;
}

.experience_userinfo2 .createtime
{
    color: rgba(0, 0, 0, 0.3);
    font-size: 10pt;
}

.experience_userinfo .head
{
    float: left;
}

 .experience_userinfo2 .head 
 {
    float: left;  
    margin-top: 10px;
 }

.experience_userinfo .user
{
    float: left;
    margin-left: 8px;
}

.experience_userinfo2 .user 
{
    float: left;
    margin-left: 8px;
    margin-top: 10px;
    text-align: left;
}
.experience_userinfo .user .bookcomment_tip
{
    display: inline-block;
    font-weight: normal;
    color: #999;
    margin-left: 10px;
    margin-right: 10px;
}

.experience_userinfo .user .child img
{
    width: 12px;
}

.experience_userinfo .focus,.single_topic_category .action
{
    float: right;
    line-height: 35px;
}

.single_topic_category .action div 
{
   float:left;
   margin-left:15px;  
}

.experience_userinfo .focus .exp_focused a,.single_topic_category .action .exp_focused a
{
    background-color: rgb(245,245,245);
    color: #666666;
    font-size: 12px;
    padding: 8px 20px;
    text-decoration: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 1px solid #D5D5D5;
}

.experience_userinfo .focus .exp_focus a,.single_topic_category .action .exp_focus a
{
    background-color: #51A351;
    color: White;
    font-size: 12px;
    padding: 8px 20px;
    text-decoration: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.experience_userinfo .focus .exp_focus a:hover
{
    background-color: #6BD95B;
}

.experience_userinfo .user a, .experience_userinfo2 .user a
{
    text-decoration: none;
}

.experience_userinfo .user .username span, .experience_userinfo2 .user .username span
{
    color: #666666;
    font-weight: bold;
}

.experience_userinfo .head img, .experience_userinfo2 .head img, .mexperience_zan_content .right .head
{
    width: 36px;
    height: 36px;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
}

experience_userinfo_ximg 
{
     width: 50px;
    height: 50px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}

.lineheight50
{
    line-height: 35px;
}

.experience_title
{
    margin-bottom: 15px;
}

.experience_title h1 
{
    font-size: 18pt;
    color: #333333;
    font-weight: bold;   
}

.experience_title2
{
    font-size: 18pt;
    color: #333333;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 15px;
}

.experience_attribute
{
    margin-bottom: 30px;
    color: rgba(0, 0, 0, 0.3);
}

.experience_attribute2
{
    color: rgba(0, 0, 0, 0.3);
    float: left;
    margin-left: 10px;
    font-size: 10.5pt;
    float: right;
    margin-top: 20px;
}

.gong_zhong_hao
{
   background:url(/Images/gongzhonghao.png) no-repeat calc(100% - 5px) 5px;
   background-size:50px 50px;
   -moz-background-size:50px 50px;
}

.gong_zhong_hao2
{
   background:url(/Images/gongzhonghao.png) no-repeat calc(100% - 0px) 10px;
   background-size:50px 50px;
   -moz-background-size:50px 50px;
}

.gong_zhong_hao3
{
   background:url(/Images/gongzhonghao.png) no-repeat calc(100% - 0px) 5px;
   background-size:50px 50px;
   -moz-background-size:50px 50px;
}

.gong_zhong_hao4
{
   background:url(/Images/gongzhonghao.png) no-repeat center right;
   background-size:50px 50px;
   -moz-background-size:50px 50px;
}

.experience_attribute3
{
    color: rgba(0, 0, 0, 0.3);
    float: right;
}

.experience_attribute .left
{
    float: left;
}

.experience_attribute .right
{
    float: right;
}

.experience_action
{
    margin-bottom: 60px;
}

.experience_action .experience_action_link
{
    margin-right: 20px;
}

.experience_action .experience_action_item
{
    color: rgba(0, 0, 0, 0.3);
    text-decoration: none;
    margin-right: 20px;
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: center | left;
}

.experience_action .experience_action_item:hover
{
    color: #555;
}

.experience_action .exp_modify
{
    background-image: url(/Images/exp_new_message.png);
}

.experience_action .exp_modify:hover
{
    background-image: url(/Images/exp_new_messageselected.png);
}

.experience_action .exp_delete
{
    background-image: url(/Images/exp_cup.png);
}

.experience_action .exp_delete:hover
{
    background-image: url(/Images/exp_cup_selected.png);
}

.experience_action .exp_zan
{
    background-image: url(/Images/exp_thumbs_up.png);
}

.experience_action .exp_zaned
{
    background-image: url(/Images/exp_thumbs_uped.png);
}

.experience_action .exp_zan:hover, .experience_action .exp_zaned:hover
{
    background-image: url(/Images/exp_thumbs_upselected.png);
}

.experience_action .exp_reply
{
    background-image: url(/Images/exp_message.png);
}

.experience_action .exp_reply:hover
{
    background-image: url(/Images/exp_message_selected.png);
}

.experience_action .exp_favorite
{
    background-image: url(/Images/exp_heart_outlined.png);
}

.experience_action .exp_favorited
{
    background-image: url(/Images/exp_heart_outlineded.png);
}

.experience_action .exp_favorite:hover, .experience_action .exp_favorited:hover
{
    background-image: url(/Images/exp_heart_selected.png);
}

.experience_action .experience_action_item img
{
    margin-top: 3px;
}

.experience_right_content
{
}

.experience_right_padding
{
    margin-top: 10px;
}

.experience_label_title
{
    font-size: 12pt;
    color: rgb(117,117,117);
}

.experience_follow_title
{
    font-size: 12pt;
    color: rgb(117,117,117);
    margin-bottom: 15px;
}

.experience_follow_all
{
    font-size: 10pt;
    float: right;
    margin-right: 5px;
    color: #999999;
    padding-top: 3px;
}

.experience_latest_title
{
    font-size: 12pt;
    font-weight: bold;
    color: #333333;
    padding-top: 15px;
    margin-bottom: 15px;
}

.experience_latest_content
{
    margin-bottom: 20px;
}

.experience_latest_content div
{
    padding-bottom: 15px;
}

.experience_latest_content a
{
    padding-bottom: 15px;
    font-size: 10.5pt;
}

.experience_latest_content a:hover
{
    text-decoration:underline;
}

.experience_latest_content span
{
    font-size: 13px;
    margin-left: 5px;
    color: #999999;
}

.experience_latest_all
{
    border-bottom: 1px solid #DDD;
    height: 15px;
}

.experience_latest_border
{
    border-bottom: 1px solid #DDD;
    height: 1px;
}

.experience_latest_all a
{
    float: right;
    margin-right: 5px;
    color: #999999;
}

.experience_label_content, .experience_category_content,.experience_category_content2
{
    margin-top: 15px;
}

.experience_reprinted
{
    color: rgba(0, 0, 0, 0.25);
    margin-bottom: 30px;
}

/* AddExperience
----------------------------------*/
.add_exp_title
{
    margin-top: 40px;
    margin-bottom: 20px;
}

.add_exp_title input
{
    width: 690px;
    height: 35px;
    font-size: 12pt;
    padding-left: 5px;
    border:1px solid transparent;
}
.add_exp_title textarea::placeholder {
    color: #999999;
}

.add_exp_type
{
    margin-bottom: 25px;
    float:left;
}

.add_exp_type span
{
    font-size: 9pt;
    color: rgba(0, 0, 0, 0.25);
}

.add_exp_type a
{
    margin-right: 15px;
    text-decoration: none;
    font-size: 9pt;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.link_selected
{
    padding: 3px 20px 3px 7px;
    border: 1px solid #ff5050;
    color: #ff5050;
    background-image: url(/Images/check2.png);
    background-repeat: no-repeat;
    background-position: 33px 3px;
}

.link_selected2
{
    padding: 2px 20px 2px 7px;
    border: 1px solid #00AB6B;
    color: #00AB6B;
    background-image: url(/Images/check.png);
    background-repeat: no-repeat;
    background-position: 69px 3px;
}

.link_selected3
{
    padding: 2px 20px 2px 7px;
    border: 1px solid #00AB6B;
    color: #00AB6B;
    background-image: url(/Images/check.png);
    background-repeat: no-repeat;
    background-position: 57px 3px;
}

.link_normal2
{
    padding: 3px 7px;
    border: 1px solid #999999;
    color: #999999;
}

.link_red_selected
{
    padding: 2px 7px 2px 7px;
    border: 1px solid rgb(255,90,95);
    color: rgb(255,90,95);
}

.link_green_selected
{
    padding: 2px 7px 2px 7px;
    border: 1px solid #00AB6B;
    color: #00AB6B;
}

.link_normal
{
    color: #999999;
}

.add_exp_content
{
    margin-bottom: 20px;
    width: 700px;
}

.add_exp_originallink
{
    margin-bottom: 25px;
}

.add_exp_originallink a
{
    text-decoration: none;
    font-size: 9pt;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.link_original_selected {
  padding: 3px 20px 3px 7px;
  border: 1px solid #ff5050;
  color: #ff5050;
  background-image: url(/Images/check2.png);
  background-repeat: no-repeat;
  background-position: 57px 3px;
}

.link_original_normal2 {
  padding: 3px 7px;
  border: 1px solid #999999;
  color: #999999;
}

.add_exp_originallink input[type=text]
{
    display: none;
    width: 659px;
    height: 30px;
    font-size: 12pt;
    margin-left: 20px;
    padding-left: 5px;
}

.add_exp_auth 
{
   margin-bottom: 25px;
   font-size: 9pt;
   color: rgba(0, 0, 0, 0.25);  
}

.add_exp_publiccolumn
{
    margin-bottom: 20px;
    font-size: 9pt;
    color: rgba(0, 0, 0, 0.25);
}

.add_exp_personalcolumn
{
    font-size: 9pt;
    color: rgba(0, 0, 0, 0.25); 
    margin-bottom: 40px; 
}

.add_exp_publiccolumn a
{
    margin-left: 15px;
    text-decoration: none;
    font-size: 9pt;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.add_exp_auth a
{
    text-decoration: none;
    font-size: 9pt;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


.add_exp_personalcolumn .content 
{
 margin-top:15px;    
}

.add_exp_personalcolumn .content a 
{
    margin-right:15px;
    text-decoration: none;
    font-size: 9pt;
    border-radius: 5px;
    -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}

.add_exp_label
{
    margin-bottom: 60px;
}

.add_exp_label .add_exp_labelall
{
    color: rgba(0, 0, 0, 0.25);
    margin-top: 10px;
}

.add_exp_labelall .mylabel
{
    margin-bottom: 10px;
}

.add_exp_labelall .mylabeltitle, .add_exp_labelall .userlabeltitle
{
    width: 70px;
    margin-top: 3px;
}

.add_exp_labelall .mylabelcontent, .add_exp_labelall .userlabelcontent
{
    width: 620px;
}

.add_exp_label .add_exp_labelall div
{
    float: left;
}

.add_exp_label .add_exp_labelall div a
{
    text-decoration: none;
    padding: 3px 10px;
    float: left;
}

.add_exp_label .add_exp_labelall div a:hover
{
    background-color: #3377AA;
    color: White;
}

.add_exp_label .add_exp_labelinput input
{
    width: 659px;
    height: 24px;
    font-size: 13px;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 10px;
    border: 0px;
    background-color: White;
    outline: none;
}

.add_exp_label .add_exp_labelinput
{
    border: 1px solid #CCC;
    width: 685px;
    height: 43px;
}

.add_exp_submit
{
    margin-top:40px;
    margin-bottom: 80px;
}

.add_exp_submit a
{
    margin-left: 30px;
    text-decoration: none;
}

/*推荐书单样式*/

.wc_booklist_titlecontent
{
    float: left;
    width: 520px;
}

.wc_booklist_title
{
    margin-bottom: 15px;
}

.wc_booklist_title a
{
    font-weight: bold;
    font-size: 20px;
    color: #555;
}

.wc_booklist_title a:hover
{
    color: rgba(0, 0, 0, 0.8);
}

.wc_booklist_des
{
    font-size: 10.5pt;
    color: #999999;
}

.wc_booklist_imgs
{
    float: right;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

.wc_booklist_img
{
    float: left;
    width: 27px;
    height: 27px;
    margin-left: 2px;
    margin-top: 2px;
    background-color: #c0c0c0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    overflow: hidden;
}

#bookListsClasss
{
    padding-left: 10px;
    background-color: #F7F7F7;
    color: #333333;
    clear: both;
}

#bookListsClasss span
{
    padding: 10px 10px 10px 10px;
    font-size: 10pt;
    float: left;
}

.wc_booklist_contentaction
{
    color: rgba(0, 0, 0, 0.3);
    margin-top: 20px;
}

.wc_booklist_contentaction img
{
    width: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.pc_booklist_imgs
{
    float: left;
    width: 80px;
    height: 80px;
    cursor: pointer;
}

.pc_booklist_img
{
    float: left;
    width: 37px;
    height: 37px;
    margin-left: 2px;
    margin-top: 2px;
    background-color: #c0c0c0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    overflow: hidden;
}

.pc_booklist_content 
{
    margin-left: 143px;
}

.pc_booklist_des
{
    color: rgba(0, 0, 0, 0.6);
    margin-top: 10px;
}

.pc_booklist_des .des
{
    font-size: 11pt;
    color: #666;
    margin-top: 5px;
}

/*推荐书评样式*/

.recbookreview_title
{
    margin-bottom: 10px;
}

.recbookreview_title a
{
    color: #555;
    font-weight: bold;
    font-size: 20px;
}

.recbookreview_title a:hover
{
    color: rgba(0, 0, 0, 0.8);
}

.recbookrevie_user_img {
   float: left;
   width: 40px;
}

.recbookrevie_user_img img
{
    width: 40px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.recbookrevie_user_img2 {
   float: left;
   width: 50px;
}

.recbookrevie_user_img2 img
{
    width: 50px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}

.recbookrevie_user_info
{
    float: left;
    margin-left:8px;
}

.recbookrevie_user_time
{
    float: right;
    width:70px;
    margin-top: 5px;
    font-size: 9pt;
    color: #999999;
}

.recbookrevie_person img, .recbookrevie_person2 img
{
    width: 12px;
}

.recbookrevie_person2 span 
{
    padding-right:5px;
}

.manswer_child img 
{
    width: 12px;  
}

.recbookrevie_person_name
{
    color: #333333;
}

.manswer_child .birthday
{
    color: #999999;
    margin-right:0px;
}

.recbookrevie_star
{
    margin-right: 5px;
    margin-top: 5px;
}

.recbookrevie_star img
{
    width: 15px;
}

.recbookrevie_star2
{
    margin-left: 3px;
    margin-top: 3px;
}

.recbookrevie_star2 img
{
    width: 10px;
}

.recbookrevie_person_birthday
{
    font-size: 9pt;
    color: #666666;
    margin-left: 3px;
}

.my_exp_userno2 
{
    font-size: 9pt;
    color: #666666; 
}

.recbookrevie_info
{
    float: left;
    /**max-width: 500px;**/
}

.recbookrevie_info2
{
    width: 590px;
}

.recbookrevie_info3
{
    width:100%;
}

.recbookrevie_info4
{
    width:100%;
    margin-top:10px;
}

.mbook_review_image
{
 margin:0px;
 padding:0px;
 float:left;
 width:calc(33.3% - 7px);
 display:inline-block;
}

.mbook_padding 
{
  margin-right:10.5px;
  margin-bottom:10.5px;   
}

.mbook_review_image img
{
 width:100%;
}

.recbookrevie_bookimg
{
    float: right;
}

.recbookrevie_bookimg img
{
    width: 80px;
}

.recbookrevie_attribute
{
    margin-top: 10px;
    color: #999999;
}

.recbookrevie_imgs
{
    margin-top: 25px;
}

.recbookrevie_imgs img
{
    max-width: 208px;
    max-height:156px;
    margin-bottom:9px; 
}

.recbookrevie_imgs2
{
    margin-top: 15px;
}

.recbookrevie_imgs2 img
{
    max-width: 80px;
    max-height:80px;
    margin-bottom:9px; 
}

.recbookrevie_content
{
    margin-top: 15px;
    font-size: 15px;
    color: #333333;
    line-height: 25px;
}

.recbookrevie_content a
{
    font-size:15px;   
    color: #333333;
}

.recbookrevie_content a:hover
{
    color: #666;
}

.recbookrevie_content .bookreview_fold
{
    color: #3377AA;
}

.recbookrevie_content .bookreview_fold:hover
{
    color: #6688ff;
}

.recbookrevie_content .content,.recbookrevie_content .content:hover
{
    color: #333333;
}

.recbookrevie_time
{
    float: right;
    margin-top: 13px;
    color: #999999;
}

.recbookrevie_action
{
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    color: #999999;
}

.recbookrevie_action img
{
    margin-left: 10px;
    width: 15px;
    float: left;
}

.recbookrevie_action span
{
    margin-left: 3px;
    float: left;
}

.index_booklist_content
{
    text-align:left; 
}

/*热门图书*/
.index_category_content
{
    text-align:left;  
}

.index_category_content .hot_book_item
{
    float: left;
    margin-bottom: 25px;
}

.index_category_content .hot_book_item .book_img
{
    background-color: rgb(237,237,237);
    width: 106px;
    height: 158px;
}

.index_category_content .hot_book_item .book_img img
{
    width: 106px;
    height: 158px;
}

.index_category_content .hot_book_item .book_name
{
    margin-top: 5px;
}

.index_category_content .hot_book_item .book_name a
{
    color: #999999;
}

.index_category_content .hot_book_item .book_name a:hover
{
    color: #666666;
}

.book_right
{
    margin-right: 12.5px;
}

/*单个书单*/
.pc_booklist_info
{
    font-size: 10.5pt;
    float: left;
    margin-top: 15px;
    width:100%;
}

.pc_booklist_info a
{
    color: #555;
}
.pc_booklist_info span 
{
    color:#999;
    font-size: .86em;
    line-height: 1.6;
}
.pc_booklist_info div
{
    margin-bottom: 5px;
}

.assey_hint 
{
    margin-bottom: 25px;
}
.assey_hint a
{
    color: #1D89FF;
}

.assey_icon
{
    width: 20px;
    height: 20px;
}

.assey_icon img
{
    width: 100%;
    height: 100%;
    margin-top: 3px;
}

.assey_right
{
    width: calc(100% - 35px);
    float: left;
    margin-left: 10px;
}
    

/*单本书*/

.single_book_title
{
    width: 830px;
    font-size: 26px;
    color: #333333;
    font-weight: bold;
}
    
.app_book_info
{
    font-size: 15px;
    float: left;
    margin-top: 15px;
    color: #111111;
}
.app_book_info span
{
    color: #666;
    margin-right: 10px;
}
.app_book_info div
{
    margin-bottom: 3px;
}
.app_book_title
{
    margin-top: 5px;
    margin-bottom: 25px;
    font-size: 10.5pt;
    color: #666666;
    text-align: center;
}

.app_book_title2
{
    margin-top: 5px;
    font-size: 10.5pt;
    color: #666666;
    text-align: center;
}

.pc_book_basic_info
{
    display:inline-block;
    width:835px;
    margin-bottom: 7px;
    color: #333;
} 
.book_info_line
{
    width: 100%;
    height: 1px;
    background: #f2f2f2;
    margin-bottom: 25px;
}
.comment_title
{
    display: inline-block;
    float: left;
    padding-top: 0px;
}
.single_series_book_title
{
    display: table-cell;
    width: 830px;
    font-size: 26px;
    color: #333333;
    font-weight: bold;
    vertical-align: middle;
    line-height: 35px;
}
.pc_book_basic_info .series_flag
{
    background: #c2c2c2;
    font-size: 13px;
    color: #ffffff;
    text-align: center;
    margin-left: 10px;
    padding: 4px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: top;
}
.pc_book_basic_info .booklist
{
    display: inline-block;
    text-align: center;
    margin-bottom: 15px;
}

.pc_book_basic_info .booklist_no
{
    float:left;
    height: 20px;
    background: #ff505a;
    padding:0 5px;
    color: White;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pc_book_basic_info .booklist_name
{
    float:left;
    height: 20px;
    background: #feefee;
    color: #ff505a;
    padding:0 8px;
    font-size: 12px;
    line-height: 20px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pc_book_basic_info .book_attribute
{
    width: 170px;
    background: #f7f7f7;
    font-size: 15px;
    color: #111111;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.book_attribute .have_count
{
    padding-top: 15px;
    margin-left: 15px;
    display: flex;
    align-items: center;
}
.pc_book_basic_info .book_attribute .have_count img
{
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.book_attribute .comment_count
{
    margin-left: 15px;
    margin-top: 5px;
    display: flex;
    align-items: center;
}
.pc_book_basic_info .book_attribute .comment_count img
{
    width: 13px;
    height: 13px;
    margin-left: 1px;
    margin-right: 6px;
}
.book_attribute .have_count span, .book_attribute .comment_count span
{
    color: #ff505a;
}
.book_attribute .bookcase_hint
{
    width: 100%;
    margin-top: 5px;
    text-align: center;
    font-size: 12px;
    color: #999;
    line-height: 20px;
}
.book_attribute .write_bookcomment
{
    margin: 15px 20px;
    color: #ff505a;
    font-size: 15px;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid #ff505a;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor:pointer;
}
.pc_book_distitle, .pc_reading_activitytitle
{
    color: #111;
    font-size: 20px;
    text-align: left;
    font-weight: bold;
}
.pc_book_distitle span
{
    font-size: 15px;
    margin-left: 10px;
    font-weight: normal;
    color: #999;
}
.pc_book_taoxi_level
{
    color: #999;
    font-size: 16px;
}
.pc_book_taoxi_level .taoxi_name
{
    font-size: 16px;
    font-weight: normal;
}
.pc_book_taoxi_level span
{
    color: #111;
    font-size: 16px;
    margin-left: 5px;
    margin-right: 10px;
}

.xhs_level
{
    width: 100%;
    margin-bottom: 20px;
}
.xhs_level .all_level
{
    float: right;
    font-size: 16px;
    font-weight: normal;
}

.reading_record_count
{
    font-size: 20px;
    font-weight: bold;
    color: #111111;
    line-height: 30px;
}
.reading_record_count span
{
    color: #ff505a;
}
.avg_count
{
    margin-top: 5px;
    font-size: 15px;
    color: #333;
}
.avg_count .percent
{
    margin-right: 8px;
}
    
.display_center
{
    width: 100%;
    display: flex;
    justify-content: center;
}

.boy_girl_rate
{
    display: inline-block;
    height: 16px;
    margin-top: 15px;
}

.boy_girl_rate span
{
    float: left;
    color: #333;
    font-size: 9pt;
}

.boy_girl_rate .boy_rate
{
    float: left;
    background: #cce6ff;
    margin-left: 10px;
    padding-left: 5px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    text-align: left;
}

.boy_girl_rate .girl_rate
{
    float: left;
    background: #feeeeb;
    margin-right: 10px;
    padding-right: 5px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    text-align: right;
}

.book_in_taoxi
{
    display: flex;
    margin-top: 15px;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.book_in_taoxi .one_book_info
{
    width: 75px;
    margin: 10px 0 10px 10px;
}
.book_in_taoxi .one_book_info img
{
    width: 75px;
    height: 100px;
}

.like_books
{
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
}

.like_books .one_book_info
{
    width: 128px;
}
.like_books .one_book_info img
{
    width: 128px;
    height: 170px;
}
.like_books .one_book_info span
{
    margin-top: 5px;
    font-size: 15px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow: ellipsis;
}
.one_book_info .cover_info
{
    position: relative;
}
.one_book_info .cover_info .cover_no
{
    width: 20px;
    height: 30px;
    position: absolute;
    background-color: #ff5050;
    font-size: 13px;
    color: White;
    top: 4px;
    text-align: center;
    line-height: 30px;
}
.one_book_info .cover_info .cover_no1
{
    width: 20px;
    height: 30px;
    position: absolute;
    background-color: #666666;
    font-size: 10px;
    color: White;
    top: 4px;
    text-align: center;
    line-height: 30px;
}
.one_book_info .cover_info .punch_count
{
    width: calc(100% - 30px);
    position: absolute;
    bottom: 0;
    text-align: center;
    margin-left: 15px;
    margin-right: 15px;
}
.one_book_info .cover_info .punch_count span
{
    background-color: #ff5050;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    font-size: 10px;
    color: White;
    text-align: center;
}

.book_booklists
{
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
    
}
.book_booklists .one_booklist
{
    width: 144px;
}
.book_booklists .one_booklist .cover
{
    position: relative;
    width: 144px;
    height: 144px;
}
.one_booklist .cover .img1
{
    position: absolute;
    background: #f2f2f2;
    top: 0;
    left: 0;
    width: 108px;
    height: 144px;
    border-radius: 5px;
    z-index: 1003;
}
.one_booklist .cover .img2
{
    position: absolute;
    background: #f2f2f2;
    top: 12px;
    left: 28px;
    width: 99px;
    height: 132px;
    border-radius: 5px;
    z-index: 1002;
}
.one_booklist .cover .img3
{
    position: absolute;
    background: #f2f2f2;
    top: 24px;
    right: 0;
    width: 90px;
    height: 120px;
    border-radius: 5px;
    z-index: 1001;
}
.book_booklists .one_booklist span
{
    margin-top: 10px;
    font-size: 15px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow: ellipsis;
}

.booklist_cover
{
    float:left;
    position: relative;
    width: 128px;
    height: 128px;
}
.booklist_cover .img1
{
    position: absolute;
    background: #f2f2f2;
    top: 0;
    left: 0;
    width: 96px;
    height: 128px;
    border-radius: 5px;
    z-index: 1003;
}
.booklist_cover .img2
{
    position: absolute;
    background: #f2f2f2;
    top: 12px;
    left: 25px;
    width: 87px;
    height: 116px;
    border-radius: 5px;
    z-index: 1002;
}
.booklist_cover .img3
{
    position: absolute;
    background: #f2f2f2;
    top: 24px;
    right: 0;
    width: 78px;
    height: 104px;
    border-radius: 5px;
    z-index: 1001;
}

.blog_booklist
{
    display: block;
    width: 100%;
    height: 132px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #f2f2f2;
}
.blog_booklist .blog_booklist_cover
{
    float:left;
    position: relative;
    width: 112px;
    height: 112px;
    margin: 10px;
}
.blog_booklist_cover .img1
{
    position: absolute;
    background: #f2f2f2;
    top: 0;
    left: 0;
    width: 84px;
    height: 112px;
    border-radius: 5px;
    z-index: 1003;
}
.blog_booklist_cover .img2
{
    position: absolute;
    background: #f2f2f2;
    top: 12px;
    left: 23px;
    width: 75px;
    height: 100px;
    border-radius: 5px;
    z-index: 1002;
}
.blog_booklist_cover .img3
{
    position: absolute;
    background: #f2f2f2;
    top: 24px;
    right: 0;
    width: 66px;
    height: 88px;
    border-radius: 5px;
    z-index: 1001;
}
.blog_booklist_content
{
    float: left;
    width: calc(100% - 142px);
    vertical-align: top;
    margin: 0;
    padding: 0;
}
.blog_booklist_title
{
    margin-top: 10px;
    font-weight: bold;
    font-size: 20px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.blog_booklist_des
{
    font-size: 15px;
    color: #666666;
    margin-top: 10px;
    margin-bottom: 5px;
}

.blog_booklist_des .des
{
    margin-bottom: 5px;
}

.booklists_head
{
    text-align: left;
    margin-bottom: 15px;
}
.booklists_head span
{
    font-size: 17px;
    font-weight: bold;
    color: #121212;
    margin-left: 20px;
    margin-right: 20px;
    line-height: 33px;
    text-align: center;
}
.booklists_head .is_selected
{
    color: #ff5050;
}
.group_language
{
    font-size: 17px;
    font-weight: bold;
    color: #ff5050;
    margin-left: 20px;
    margin-top: 20px;
}
.booklists_category_name
{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    margin-left: 20px;
    margin-top: 10px;
}
.category_line
{
    height: 1px;
    background-color: #efefef;
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 20px;
}
.category_booklists
{
    display: flex;
    flex-wrap: wrap;
    margin-left: 20px;
    margin-right: 20px;
}
.category_booklists .one_hot_booklist
{
    width: 50%;
    margin-top: 15px;
    margin-bottom: 15px;
}
.one_hot_booklist .covers
{
    display: flex;
    flex-wrap: nowrap;
}
.one_hot_booklist .covers img
{
    width: 60px;
    height: 90px;
    margin-right: 2px;
}
.one_hot_booklist .hot_booklist_name
{
    font-size: 17px;
    color: #3377AA;
    font-weight: bold;
    margin-top: 5px;
}
.one_hot_booklist .hot_booklist_count
{
    font-size: 12px;
    color: #666666;
    margin-top: 2px;
}

.tag_by_level 
{
    background: #fff;
    padding: 5px 20px;
}

.tag_by_content 
{
    float:left;
    height:auto;
    overflow:hidden;
    width:calc(100% - 20px);
}

.tag_by_level .tag_item 
{
    float: left;
    width: auto;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin-right: 10px;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    font-size: 14px;
    cursor: pointer;
    padding: 0px 10px 0px 10px;
}

.tag_by_level .tag_selected
{
    background-color:#ffecec;
}
    
.tag_by_level .tag_selected a
{
    color:#ff505a;
}

.tag_by_level .tag_select
{
    background-color:#f0f2f4;
}
    
.tag_by_level .tag_select a
{
    color: #444;
}

.book_buy
{
    padding-bottom: 15px;
    font-size: 13px;
}
.book_buy .buy_shop
{
    float: left;
    margin-left: 20px;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
}
.book_buy .buy_price
{
    margin-left: 70px;
    line-height: 25px;
    text-align: center;
    color: #666666;
    font-size: 15px;
}
.book_buy .buy_button
{
    float:right;
    background: #fff;
    margin-right: 15px;
    padding: 2px 5px;
    font-size: 12px;
    color: #ff505a;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #ff505a;
}
.book_buy .buy_line
{
    margin: 15px;
    height: 1px;
    background: #f2f2f2;
}
.right_book_info .title
{
}
.right_book_info .book_cover img
{
    max-height: 120px;
}
.right_book_info .book_attr
{
    font-size: 15px;
    float: left;
    margin-top: 15px;
    color: #444444;
}
.right_book_info .book_attr span
{
    color: #666;
    margin-right: 10px;
}
.right_book_info .book_attr div
{
    margin-bottom: 3px;
}
    
.pc_book_cover
{
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pc_book_cover img
{
    max-width: 150px;
}

.app_book_cover
{
    text-align: center;
}

.app_book_cover img
{
    max-width: 200px;
}
.app_book_dis
{
    font-size: 15px;
    color: #444;
    text-align: left;
    line-height: 1.62;
}
.app_book_dis span
{
    font-size: 15px;
    line-height: 24px;
    word-wrap: break-word;
    margin: 0px;
}
.marginbottom35
{
    padding-bottom: 35px;
}
.rating
{
    font-size: 12px;
    line-height: 22px;
    word-wrap: break-word;
}
.rating span
{
    color: #8E8E8E;
}
.rating-stars
{
    vertical-align: sub;
    display: inline-block;
    margin-right: 1px;
    background-color: transparent;
    background-repeat: no-repeat;
}
.rating-star
{
    display: inline-block;
    margin-right: 1px;
    background-color: transparent;
    background-repeat: no-repeat;
}
.rating-star-medium-full
{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAvVJREFUSA21lj1oFFEQx2d2jwTydXsRQUEw2BhiIcGgxkSwUbw7gkhCxCpJIXaCjWUKLQWxshbLgPEzZ2NhREGChSjY2BgMoiC3l3gazceO/3fHbi7Z9+7uncnC8ubNm5nf7Oy8t8vU4CXPUg+J+CCt5Y/wEP22DePYOih7edx5CNBzELvJ9UYaidEQmBIyHsGYJyLZQmAL25KpTJFLbZ0LxLSn7CtCf+QAny98toll/8QtqbMbUIVipiZn3AaqbO3BDschjowJMrCBW4FlqqMTrTUUB3AXPfVOxfVmjRWYWt2LqGyzNpxr12R2YNaUOcxCeFgeUXs4rTXWDS7tXaY+Y0CmFmpKjhrXtyywPOk4So7TjzbzKHCSaBEPd5IkHMWDT1lPnNjiv3kqsoJX8QO+i1hYwl0e1dwJNmSRVyy5VB7Gqc0RdngmMo9Sy+0dxujCzzqcKVyngC4hgTWdxfbrgls0509Emx4lT6PkUwC1bT8MEUXW0TtXOO3fUfEjsJpIzusldmYg7lXzbbyKiH4B0FwYcxNYKWXG2w94Din1hEb/OX6lIMhytvCuMk5sH8Ngnv4GAyjNbKVhQ7LIe5LlY1uhKlYMrJT4xBWo6J/B86t33uAlL2jVH+TM8oIugBasDHmUVtDtL3VOdemEPuEf5afJ1gguOTANmhxr6plPVrOpDiZuHIz/Mcm17TbBjWB54HWhs/eZHOvSc8KYuBFMTVS1VHWBA8cYwwzmGmVG8wD+vGoCbE7eDCZDc6ijj+QmFfOHOZ0/jcNhAnve1ycgvdiQ2iNYC5bp9l3E0h0LVjoQguM4+q5huy2rdRwOd0lW1Ck3HbNndqk12R/TQ6EFU7OLpsBva3ipD7wEk/TF7+Ps4ttQHY6c/fUNTz9MwfoIfgK+h/rSyK72PevBDg9EzkJviFZ78fm8wZdpNdJrBCR1n4prPSj9vYrlExVyJOrBgXxA5gt4yqs0lx/gTPFj5FFD4NGlPGf8MZx6acRQfq91Lv8AZLTfj0RLVbcAAAAASUVORK5CYII=");
}
.rating-star-medium-gray
{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAtxJREFUSA21l01oE0EUgLv5wdBEGhUhkj9zW8xBAkFs2lIQFIsHDxVFEJocvApePHrQoyCePOUgHgNKL3oS/EHBQ0CopAZyCCFJiSDV1ICQmMRvJBs2252wu00Hhnnz3rz3vTeTnWnn5hy2ZrO5Sf9WLBbnnYRwOXGq1WpJ/K7S1VAodM1JDEdgl8uV1cFyOtmyaBtcKBTcgG9pBEVRVqvV6mltbnW0Dc5kMpcJHtIBFI/Hk9XNLYm2wUTdB2EHNtArloijRbYW1+v142ztDv2IETIcDi9EIpG3Rr1sbqtiKrtpBh0Ft/UjswUGkJVVQELr5XL5qMxu1FsGj77dtDGAbj7v9/uv6+ZTRYVzO8eKRbYxyDktIAfp/0eqWEAXFONI72GUNtZ2Mf5gfRt5zzC2me+hbw8Gg49Ko9HYRXFMGu1wDDUX0CeHE1selarfu8Lh8ANKv82yv/Kls7MAfZzP53Pj75izXuOcCyACs8NMROozu0OhT4V2DBYTnrkUGb1i+0+J+Qxbh129EY1GX2sxJz4nsvnS7XYXMW5rCw46UsgOfUUPFTEnKtYgvDZBr9e7SeWrms7JCHALvytcpQ2j/0TFmjGRSPxqt9uXcBRn7qjh+67T6SybQUVAU7AwJJPJLhV/ELKThm9FVdXfMl8pWDiQ9bLM0YJ+ZdqaqWAcDwJWK5XKSRlcChZ/zrBdEZmjFb3P55MmLgXzq566VVbAJC6NIQUTWJqtgHL+FfqbaQk4Ak9x6nMLPQJ6lk/lImOO/lOSQKpUKplewaYV81SeIJBqDAZgq9/vn+cWukf/I+zAn/V6vTPYXhrXM3cHAgFxE+5rpmAqEts8vtUI2qXfb7Va6VgsVjRG4cJpkcA6fuK/iu96u9vtNj1nUzDbvKQ5A/xMlSkCP0yn0z1NbzayCy+Ai+qf6+wZnTwWZeCvODfod3k7l+LxuOVHA/guSW6QwBqUbWJ8GtN0wj/otREARiWDTAAAAABJRU5ErkJggg==");
}
.rating-star-medium-full, .rating-star-medium-half, .rating-star-medium-gray
{
    width: 13px;
    height: 13px;
    background-size: 13px 13px;
}
.app_book_line
{
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: rgb(236,236,236);
    height: 1px;
}

.fclear
{
    clear: both;
}
.car
{
    margin: 0px 15px;
}

.book_booklist_title
{
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 12pt;
    color: #999999;
}

.book_booklist_item a
{
    text-decoration: none;
    font-size: 10pt;
    color: #333333;
}

.book_topic_title
{
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 12pt;
    color: #999999;
}

.book_topic_item a
{
    text-decoration: none;
    font-size: 10pt;
    color: #333333;
}

/*单个话题*/
.resource_topic_info
{
    padding-top: 20px;
    border: 1px dashed rgba(187, 187, 187, 100);
    margin: 0 20px 20px;
}

.resource_topic_info .topic_head
{
    text-align:left;
    margin: 0;
    float: left;
}
.resource_topic_info .topic_title
{
    display: flex;
    align-items: center;
    font-size: 24px;
    color: #121212;
    font-weight: bold;
    text-align: left;
    line-height: 25px;
    vertical-align: middle;
}
.resource_topic_info .topic_title img
{
    margin-left: 20px;
    margin-right: 5px;
    width: 20px;
    height: 20px;
}
.topic_head .topic_summary
{
    margin-left: 20px;
    margin-top: 8px;
    margin-bottom: 15px;
    font-size: 13px;
    color: #999999;
}

.resource_topic_info .topic_content
{
    margin-left: 20px;
    margin-top: 3px;
    margin-bottom: 15px;
}
.resource_topic_info .write_blog
{
    float: right;
    margin-right: 20px;
    margin-top: 10px;
    font-size: 15px;
    height: 26px;
    width: 74px;
    text-align: center;
    line-height: 26px;
    color: #ff505a;
    border-radius: 13px;
    border: 1px solid #ff505a;
    cursor: pointer;
}
.resource_topic_info .entry
{
    width: 100%;
    display: flex;
    height: 50px;
}

.resource_topic_info .entry .operate_type
{
    width: 33%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: #333333;
    font-weight: bold;
    cursor: pointer;
    
}
.resource_topic_info .entry .v_line
{
    width: 1px;
    height: 36px;
    margin-top: 7px;
    background-color: #e2e2e2;
}

.resource_topic_info .entry .operate_type img
{
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.resource_topic_info .child_topics
{
    display: flex;
    flex-warp: wrap;
    margin: 15px 20px 0;
}
.resource_topic_info .child_topics span
{
    font-size: 15px;
    color: #666666;
    line-height: 26px;
    margin-right: 15px;
}
.resource_topic_info .child_topics a
{
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #f6f6f6;
    font-size: 13px;
    color: #ff505a;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

/*编辑书单*/
.padding_left_right20
{
    padding-left: 20px;
    padding-right: 20px;
}

.padding_left_right25
{
    padding-left: 25px;
    padding-right: 25px;
}

.margin_left_right20
{
    margin-left: 20px;
    margin-right: 20px;
}
.common_margin_left
{
    margin-left: 20px;
}
.common_margin_right
{
    margin-right: 20px;
}
.review_book_allinfo
{
    width: 100%;
}

.review_book_allinfo .h1
{
    font-size: 18pt;
    color: #333333;
    font-weight: bold;
}

.review_book_title
{
    font-weight: bold;
    font-size: 12pt;
}

.review_book_attribute
{
    font-size: 10pt;
    line-height: 20px;
    margin-top: 10px;
    color: #999999;
}

.review_book_discription
{
    font-size: 15px;
    line-height: 24px;
    word-wrap: break-word;
    color: #333;
    text-align: left;
}

.single_book_list_atr
{
    color: rgba(0, 0, 0, 0.8);
    font-size: 10pt;
    margin-top:10px;
    margin-bottom:15px;
    text-align: left;
}

.review_book_bigtitle
{
    margin: 0px 15px 5px 15px;
    color: rgb(253,141,30);
    font-size: 12pt;
}

.review_book_photo
{
    float: left;
    text-align: center;
}

.review_book_photo img
{
    width: 108px;
    height: 144px;
}

.select_round_table_column
{
    text-align: left;
    height: 310px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.select_column_round_title
{
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    color: #121212;
    font-size: 15px;
    font-weight: bold;
}
.add_topic_foraddarticle1
{
    float: left;
    text-align: left;
    margin-left: 20px;
    cursor: pointer;
    position: relative;
    left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}
.add_topic_foraddarticle
{
    float: left;
    text-align: left;
    margin-left: -20px;
    cursor: pointer;
    position: relative;
    left: 0;
    margin-bottom: 15px;
}

.add_topic_foraddarticle_name
{
    float:left;
    width: 300px;
    margin-left: 25px;
    line-height: 20px;
    color: #8590a6;
    text-decoration: none;
    font-size: 14px;
}

.add_topic_foraddarticle_name1
{
    float:left;
    width: 300px;
    margin-left: 15px;
    line-height: 20px;
    color: #8590a6;
    text-decoration: none;
    font-size: 14px;
}

.add_topic_foraddarticle_name span
{
    font-size: 15px;
    line-height: 21px;
    color: #3377AA;
}

.add_topic_foraddarticle_name1 span
{
    font-size: 15px;
    line-height: 21px;
    color: #333;
}

.add_topic_foraddarticle_c, .add_topic_foraddarticle_d
{
    float: left;
    text-align: left;
}

.add_book_foraddarticle
{
    float: left;
    text-align: center;
    margin-left:10px;
}

.add_book_foraddarticle_c
{
    float: left;
    text-align: center;
    margin-left:15px;
}

.add_book_foraddarticle_c input[type='radio'], .add_topic_foraddarticle_c input[type='radio'] {
    width: 20px;
    height: 20px;
    opacity: 0;
}
.add_topic_foraddarticle_d input[type='radio'] {
    width: 20px;
    height: 20px;
}
 
.add_book_foraddarticle_c label {
    position: absolute;
    left: 20px;
    top: 22px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #999;
}

.add_topic_foraddarticle_c label 
{
    position: absolute;
    left: 20px;
    top: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #999;
}
    
.add_book_foraddarticle_c input:checked+label, .add_topic_foraddarticle_c input:checked+label {
    background-color: #3c86f1;
    border: 1px solid #3c86f1;
}
 
.add_book_foraddarticle_c input:checked + label::after, .add_topic_foraddarticle_c input:checked + label::after {
    position: absolute;
    content: '';
    width: 3px;
    height: 8px;
    top: 2px;
    left: 5px;
    border: 2px solid #fff;
    border-top-color: rgb(255, 255, 255);
    border-top-style: solid;
    border-top-width: 2px;
    border-left-color: rgb(255, 255, 255);
    border-left-style: solid;
    border-left-width: 2px;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
}

.add_book_foraddarticle_a 
{
    cursor:pointer;   
    position:relative;
}

.add_book_foraddarticle img
{
     width:90px;
     height:120px;
}

.review_book_info
{
    float: left;
    width: calc(100% - 108px - 15px);
    padding-left: 15px;
}

.add_book_foraddarticleinfo
{
    float: left;
    width: calc(100% - 20px - 10px - 20px - 90px - 30px);
    padding-left: 10px;
}

.review_book_photoTitle a
{
    font-weight: bold;
    font-size: 20px;
    color: #555;
    line-height:20px;
}

.review_book_photoTitle span 
{
    font-size: 15px;
    line-height: 1.3;
    color: #555;
}

.review_book_photoTitle a:hover
{
    color: rgba(0, 0, 0, 0.8);
}

.review_book_photodis
{
    margin-top: 15px;
    font-size: 15px;
    line-height: 20px;
    color: #333;
    line-height: 24px;
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 10px;
}

.review_book_photodis .put_in_date
{
    font-size: 12px;
    color: #999;
}
.review_book_photodis .user_info
{
    height: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}
.review_book_photodis .user_info img
{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-right: 5px;
}

.review_book_photodis .user_info .star_remark
{
    font-size: 13px;
    color: #666;
    margin-right: 10px;
}

.review_book_photodis .user_info .comment_star
{
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 3px;
}

.review_book_photodis .user_info .comment_star img
{
    width: 12px;
    height: 12px;
    margin-left: 0;
    margin-right: 0;
}

.review_book_photodis .comment_content
{
    font-size: 14px;
    color: #333;
    margin-top: 3px;
}

.review_book_photodis .comment_content:hover
{
    color: #666;
}

.review_book_photodis .talk
{
    color:#333333;
 }
 
 .review_book_photodis .username 
 {
    color:#999999;   
 }

.review_book_bookpad
{
    border-bottom: 1px solid #f0f2f7;
    margin-top: 20px;
    margin-bottom: 20px;
}

.review_book_discriptionpad
{
    background-color: #F7F7F7;
    height: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.review_book_bigtitlepad
{
    margin-bottom: 25px;
    background-color: rgb(253,141,30);
    height: 1px;
}

/*搜索图书*/
.search_book_img
{
    float: left;
    width: 120px;
    height: 179px;
}

.search_book_img img
{
    width: 120px;
}
.search_book_info
{
    float: left;
    margin-left: 10px;
    width: 450px;
}
.search_book_info .name a
{
    font-weight: bold;
    font-size: 20px;
    color: #555;
}
.search_book_info .name a:hover
{
    color: rgba(0, 0, 0, 0.8);
}
.search_book_info .author, .search_book_info .press
{
    font-size: 10.5pt;
    color: rgba(0, 0, 0, 0.3);
}
.seach_book_split
{
    margin-bottom: 15px;
    margin-top: 15px;
    border-bottom: 1px solid #DDD;
}

.search_book_info div
{
    margin-bottom: 10px;
}

.discuss_topic_item
{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 0 15px;
    border-bottom: 1px dashed #d9d9d9;
}

.discuss_topic_item .img img
{
    width: 60px;
    height: 60px;
}

.discuss_topic_item .img
{
    float: left;
}

.discuss_topic_item .info
{
    float: left;
    margin-left: 10px;
    width:520px;
}

.discuss_topic_item .info .action
{
    float: right;
    line-height: 25px;
}

.discuss_topic_item .info .action a:hover
{
    color: white;
}

.discuss_topic_item .info .action .topic_focused a:hover
{
    color: #333;
}

.discuss_topic_item .action div 
{
   float:left;
   margin-left:15px;
    margin-right: 0px;
}

.discuss_topic_item .info .topic_focused a
{
    background-color: rgb(245,245,245);
    color: #666666;
    font-size: 10pt;
    padding: 3px 14px;
    text-decoration: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 1px solid #D5D5D5;
}

.discuss_topic_item .info .topic_focus a
{
    background-color: #51A351;
    color: white;
    font-size: 10pt;
    padding: 4px 15px;
    text-decoration: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.discuss_topic_item .info .description
{
    margin-top: 5px;
    margin-right: 10px;
}

.discuss_topic_name
{
    margin-bottom: 15px;
    font-size: 12pt;
    color: #999999;
}

.discuss_topic_content
{
    margin-bottom: 10px;
}

.topheight
{
    margin-bottom: 20px;
}

.discuss_topic_item .info a
{
    color: #555;
    font-size: 12pt;
    text-decoration: none;
}

.discuss_topic_item .info a:hover
{
    color: rgba(0, 0, 0, 0.8);
}


.discuss_topic_item .info span
{
    color: #999999;
    font-size: 10pt;
}

/*讨论区样式*/
.bbs_topic_left
{
    float: left;
    width: 28px;
    text-align: center;
}

.bbs_topic_left span
{
    display: block;
    line-height: 12px;
    color: #cccccc;
}

.bbs_topic_left img
{
    width: 18px;
    height: 18px;
}

.bbstopiclist_border
{
    border-bottom: 1px solid #f0f2f7;
    margin-top: 20px;
    margin-bottom: 20px;
}

.bbstopiclist_border2
{
    border-bottom: 1px solid #DDD;
    margin-top: 15px;
    margin-bottom: 15px;
}

.bbs_topic_userinfo
{
    margin-left: 36px;
}

.bbs_topic_content
{
    margin-left: 36px;
    margin-bottom: 2px;
    font-size: 10.5pt;
    color: #999;
    line-height: 24px;
}

.bbs_topic_userinfo img
{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.topic_userinfo_img
{
    float: left;
    height: 20px;
    margin-top: 13px;
}

.topic_userinfo_username
{
    float: left;
    margin-left: 5px;
    margin-top: 13px;
}

.topic_userinfo_username a
{
    color: #00AB6B;
}

.topic_userinfo_time
{
    float: right;
    margin-top: 13px;
    color: #999999;
}

.bbs_topic_contentleft
{
    margin-left: 10px;
    float: left;
    width: 487px;
}

.bbs_topic_contentleft2
{
    margin-left: 10px;
    float: left;
    width: 547px;
}

.bbs_topic_contentleft a, .bbs_topic_contentleft2 a
{
    font-weight: bold;
    font-size: 18px;
    color: #555;
}

.bbs_topic_contentleft a:hover, .bbs_topic_contentleft2 a:hover
{
    color: rgba(0, 0, 0, 0.8);
}


.bbs_topic_contentright
{
    float: right;
    width: 50px;
}

.bbs_topic_contentright img
{
    width: 50px;
    height: 50px;
}

/*单个话题*/
.single_topic_category
{
}

.single_topic_category .img img
{
    width: 80px;
    height: 80px;
}

.single_topic_category .img
{
    float: left;
}

.single_topic_category .info
{
    float: left;
    margin-left: 10px;
}

.single_topic_category .info div
{
    margin-bottom: 8px;
}

.single_topic_category .info .name
{
    color: #333333;
    font-size: 12pt;
    text-decoration: none;
}

.single_topic_category .info span
{
    color: #999999;
    font-size: 10pt;
    margin-right: 10px;
}

.wc_sintopic_all
{
    margin: 0px 0px;
}

.wc_sintopic_head
{
    float: left;
}

.wc_sintopic_head2
{
    float: left;
    width: 40px;
    height: 40px;
}

.wc_sintopic_head img
{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.wc_sintopic_head2 img
{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.wc_sintopic_userinfo
{
    float: left;
    padding-left: 8px;
    line-height: 20px;
}

.wc_sintopic_username
{
    font-size: 10pt;
    color: #999999;
}

.wc_topic_content
{
    margin-top: 10px;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
}

.wc_topic_atcontent
{
    padding: 3px 8px 3px 8px;
    margin-top: 10px;
    font-size: 12px;
    line-height: 28px;
    color: #999999;
    background-color: #F7F7F7;
}

.wc_topic_split
{
    background-color: #F7F7F7;
    height: 5px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.wc_topic_split2
{
    background-color: #F7F7F7;
    height: 10px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.wc_sintopic_floor
{
    text-align: right;
    float: right;
    line-height: 20px;
}

.wc_sintopic_floorno
{
    color: #666666;
}

.wc_sintopic_usertime
{
    font-size: 9pt;
    color: #999999;
}

.wc_sintopic_floorno2
{
    color: #666666;
}

.wc_sintopic_usertime2
{
    font-size: 9pt;
    color: #999999;
}

.wc_sintopic_floor2
{
    text-align: right;
    float: right;
}


.wc_topic_image
{
    margin-top: 10px;
}

.wc_topic_books
{
    margin-top: 15px;
}

.wc_topic_book
{
    float: left;
    width: 106px;
    height: 178px;
    margin-right: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}

.wc_topic_bookimg
{
    width: 106px;
    height: 158px;
}

.wc_topic_bookname a
{
    color: #999999;
}

.wc_topic_bookname a:hover
{
    color: #666666;
}

.wc_topic_bookimg img
{
    width: 106px;
    height: 158px;
}

.wc_topic_booklist
{
    margin-top: 15px;
}

.wc_topic_booklist_title
{
    font-size: 12pt;
    font-weight: bold;
    float: left;
    width: 520px;
}

/*单个帖子*/
.single_postes_title
{
    font-size: 18pt;
    color: #333333;
    font-weight: bold;
    margin-bottom: 20px;
}
.sin_topic_userInfo
{
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 25px;
}

.sin_topic_userInfo img
{
    width: 40px;
}

.sin_topic_usernameortime
{
    float: left;
    padding-left: 8px;
    margin-top: 3px;
}

.sin_topic_usernameortime a, .wc_sintopic_username a
{
    color: #666666;
}

.sin_topic_usernameortime span
{
    color: #999999;
    font-size: 9pt;
}

.sin_topic_usernameortime span:first-child
{
    font-size: 10pt;
}

/*单篇日志*/

.Exp_Reply_add
{
    margin-top: 50px;
}

.exp_reply_atcontent
{
    padding: 10px;
    margin-top: 10px;
    font-size: 10pt;
    color: #666666;
    background-color: #F7F7F7;
}

.exp_reply_atcontent .name
{
    color: #333333;
}

.Exp_Reply_add textarea
{
    width: 825px;
    height: 130px;
    padding: 8px;
    margin-top: 10px;
    font-size: 10.5pt;
}

.Exp_Reply_Post
{
    margin-top: 15px;
    margin-bottom: 50px;
}

.Exp_Reply_Post2
{
    width: 73%;
    margin-top: 10px;
    text-align: right;
}

.Exp_Reply_Post a
{
    float: right;
    text-decoration: none;
    color: rgb(255,90,95);
    font-size: 10pt;
    border: 1px solid rgb(255,90,95);
    padding: 5px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.Exp_Reply_Post a:active,.exp_message_post a:hover
{
    color: White;
    background-color: rgb(255,90,95);
}

.Exp_Reply_Post2 .post
{
    text-decoration: none;
    color: White;
    font-size: 10pt;
    background-color: rgb(255,90,95);
    padding: 5px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-left: 15px;
}

.Exp_Reply_Post2 .cancel
{
    text-decoration: none;
    color: #666666;
}

.exp_reply_action
{
    margin-top: 10px;
    text-align: right;
}

.exp_reply_action a
{
    margin-left: 10px;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.3);
}

.exp_reply_action a:hover
{
    color: #999999;
}

.exp_reply_split
{
    border-bottom: 1px solid #f4f4f4;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 1px;
}

.expreply_more_out
{
    text-align: center;
    font-size: 10pt;
    padding-top: 10px;
    padding-bottom: 10px;
}

.expreply_more_out2
{
    padding-top: 10px;
    padding-bottom: 20px;
}

/*注册成功提示*/

.registe_success_tip
{
    margin-top: 100px;
    text-align: center;
    font-size: 20pt;
}

.registe_success_tip .tip_content
{
    display: inline-block;
    margin-top: 30px;
    font-size: 12pt;
    width: 700px;
}

/*帐号设置*/
.user_setting_title
{
    margin-top: 100px;
    text-align: center;
    font-size: 20pt;
}

.user_setting_info
{
    margin-top: 50px;
    text-align: center;
}

.user_setting_info table
{
    width: 100%;
}

.user_setting_info .setting_title
{
    color: Black;
    font-size: 10.5pt;
    text-align: right;
    width: 35%;
}

.user_setting_info .setting_content
{
    text-align: left;
    padding-left: 10px;
    width: 65%;
}

.user_setting_info .setting_content input[type=text]
{
    height: 25px;
}

.user_setting_info .setting_content img
{
    width: 120px;
    height: 120px;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
}

.user_setting_info .input-readonly
{
    border-style: ridge;
    width: 250px;
    background-color: #D8D8D8;
}

.user_setting_info .setting_modify_psw
{
    margin-left: 10px;
}

.tbbb
{
    color: Black;
    font-size: 10.5pt;
    text-align: right;
}

.setting-psw input
{
    width: 160px;
    height: 25px;
}

/*邮箱验证成功*/

.email_verification_sty
{
    margin-top: 80px;
    text-align: center;
}

.email_verification_sty .title
{
    display: inline-block;
    margin-bottom: 50px;
    font-size: 20pt;
}

.email_verification_sty .head img
{
    width: 120px;
    height: 120px;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
}

.email_verification_sty .next
{
    margin-top: 30px;
}

.email_verification_sty .next a
{
    padding: 5px 20px;
    background-color: rgb(255,90,95);
    color: White;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/*消息*/
.message_exp_title
{
    margin-bottom: 15px;
}

.message_exp_title a
{
    color: #3377AA;
    font-size: 10.5pt;
    text-decoration: none;
}

.message_exp_title a:hover
{
    color: #F90;
}

.message_reply_userhead
{
    float: left;
    width: 7%;
}

.message_reply_userhead img
{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.message_reply_info
{
    float: right;
    width: 545px;
}

.message_reply_info a
{
    color: #666666;
    text-decoration: none;
}

.message_reply_info .my
{
    color: rgb(220,87,17);
}

.message_reply_info .time
{
    margin-top: 5px;
    color: #ABABAB;
}

.index_right_itemtitle
{
    font-size: 12pt;
    color: rgb(117,117,117);
    margin-bottom: 15px;
}

/*ck-editor-content编辑器样式*/

.ck-content.ck-editor__editable, #txtExperienceContent
{
    margin:0;
    max-height: none;
    min-height: 595px;
}

.ck-editor-content 
{
    color: #333;
    margin-bottom: 20px;
    font: 16px/1.8 "Microsoft YaHei" ,Arial,Helvetica,sans-serif, "宋体";
	letter-spacing:1px;
}

.ck-editor-content p 
{
    margin-top:0px;
    margin-bottom:0px; 
    word-wrap: break-word;   
}

.ck-editor-content blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    border-left: 5px solid #ccc;
    margin-top:0px;
    margin-bottom:0px;
}

.ck-editor-content figcaption 
{
    color: #999;
    font-size: .75em;
    outline-offset: -1px;
    padding-top: .6em;
    text-align:center;

}

.ck-editor-content figure 
{
  padding:0px;
  margin-left:0px;
  margin-right:0px;
   margin-top:10px;
  margin-bottom:10px;
  text-align: center;  
}

.ck-editor-content figure img 
{
    border:0px;
    max-width: 100%;
}

.ck-editor-content .note_bookinfo_name, .ck-editor-content .note_shoppingbookinfo_name, .ck-editor-content .answer_note_name, .ck-editor-content .booklist_note_name
{
    background-color:#f4f4f4;
    padding:15px 15px 15px 43px;
    background-image: url(/Images/attachment_image.png);
    background-repeat: no-repeat;
    background-position: 15px 18px;
}

.ck-editor-content .note_bookinfo_id,
.ck-editor-content .answer_note_id,
.ck-editor-content .booklist_note_id
{
     display:none;
} 

.ck-editor-content img
{
    border: 0px;
    max-width: 100%;
}

/*new-editor-content编辑器样式*/

.new-editor-content
{
    color: #333;
    margin-bottom: 20px;
    font: 16px/1.8 "Microsoft YaHei" ,Arial,Helvetica,sans-serif, "宋体";
    letter-spacing:1px;
}

.new-editor-content p, .new-editor-content div
{
    margin:1.6rem 0;
    word-wrap: break-word;
}

.new-editor-content .ck-editor__main 
{
    margin:0;   
}

.new-editor-content .att_empty_paragraph {
    margin:-1.4rem 0;
}

.new-editor-content blockquote, .new-editor-content .ck-content blockquote
{
    font-style:normal; 
    overflow: hidden;
    padding-right: 0;
    padding-left: 1.2em;
    margin-left: 0;
    margin-right: 20px;
    border-left: 5px solid #ccc;
    margin-top:0px;
    margin-bottom:0px;
}

.new-editor-content blockquote p, .new-editor-content blockquote div
{
    margin:0;
    word-wrap: break-word;
}

.new-editor-content figure
{
    padding:0px;
    margin:1.4rem 0;
    text-align: center;
}

.new-editor-content figcaption
{
    color: #999;
    font-size: .75em;
    outline-offset: -1px;
    padding-top: .6em;
    text-align:center;
}

.new-editor-content figure img
{
    border:0px;
    max-width: 100%;
}

.new-editor-content .note_bookinfo_name, .new-editor-content .note_shoppingbookinfo_name, .new-editor-content .answer_note_name, .new-editor-content .booklist_note_name
{
    background-color:#f4f4f4;
    padding:15px 15px 15px 43px;
    background-image: url(/Images/attachment_image.png);
    background-repeat: no-repeat;
    background-position: 15px 18px;
}

.new-editor-content .note_bookinfo_id, 
.new-editor-content .answer_note_id,
.new-editor-content .booklist_note_id
{
     display:none;
} 

.new-editor-content img
{
    border: 0px;
    max-width: 100%;
}

/*experience_content编辑器样式*/

.experience_content
{
    color: #333;
    margin-bottom: 20px;
    font: 16px/1.8 "Microsoft YaHei" ,Arial,Helvetica,sans-serif, "宋体";
	letter-spacing:1px;
}

.experience_content li
{
    display: list-item;
    text-align: -webkit-match-parent;
    font: 16px/1.8 "Microsoft YaHei" , Arial, Helvetica, sans-serif, "宋体";
	letter-spacing:1px;
}

.experience_content ul
{
    padding-left: 0px;
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px; 
}

.experience_content p, .experience_content div
{
    word-wrap: break-word;
}

.experience_content pre 
{
    white-space: pre-wrap;
    word-wrap: break-word;
}

.experience_content p
{
    margin: 0px 0px 27px 0px;
}

.experience_content table
{
    border-collapse: collapse;
}

.experience_content noscript
{
    display: none;
}

.experience_content table.ke-zeroborder td
{
    border: 1px dotted #AAA;
}
.experience_content img.ke-flash
{
    border: 1px solid #AAA;
    background-image: url(http://localhost:5501/Scripts/kindeditor/themes/common/flash.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
}

.experience_content img.ke-rm
{
    border: 1px solid #AAA;
    background-image: url(http://localhost:5501/Scripts/kindeditor/themes/common/rm.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
}

.experience_content img.ke-media
{
    border: 1px solid #AAA;
    background-image: url(http://localhost:5501/Scripts/kindeditor/themes/common/media.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
}

.experience_content img.ke-anchor
{
    border: 1px dashed #666;
    width: 16px;
    height: 16px;
}

.experience_content .ke-script, .experience_content .ke-noscript, .experience_content .ke-display-none
{
    display: none;
    font-size: 0;
    width: 0;
    height: 0;
}

.experience_content .ke-pagebreak
{
    border: 1px dotted #AAA;
    font-size: 0;
    height: 2px;
}

.experience_content img
{
    border: 0px;
    max-width: 100%;
} 

 .experience_content .t9, .ck-editor-content .t9, .new-editor-content .t9 {
    position: relative;
    display: block;
    font-size:24px;
    font-weight:bold;
    color:#d92142;
    width:100%;
    margin: 0.6em 0;
    letter-spacing:0px;
    line-height:30px;
}

.ck-content .t9 
{
    width:calc(100% - 15px); 
}
    
.add_exp_submit .bn-flat
{
    margin-right: 5px;
    background-color: transparent !important;
    background-image: -moz-linear-gradient(-90deg, #FCFCFC 0px, #E9E9E9 100%);
}

.add_exp_submit .bn-flat input:hover, .add_exp_submit .bn-flat input:focus, .add_exp_submit .bn-flat-over input
{
    color: #333;
    background-image: -moz-linear-gradient(-90deg, #F8F8F8 0px, #DDD 100%);
}

.add_exp_submit .bn-flat:hover
{
    border-color: #999 #999 #666;
    background-color: #F8F8F8;
    color: #333;
}

.add_exp_submit .bn-flat img 
{
  float:left;
  margin-top:5px; 
  margin-left:2px;  
}

.add_exp_submit .bn-flat input
{
    float:left;  
    color: #333 !important;
    background-color: transparent !important;
    background-image: -moz-linear-gradient(-90deg, #FCFCFC 0px, #E9E9E9 100%);
    border: 0px none;
    height: 25px;
    padding: 0px 9px;
    font-size: 10.5pt;
    margin: 0px !important;
    cursor: pointer;
    border-radius: 2px;
}

.add_exp_submit .bn-flat
{
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-color: #999;
    color: #444;
    border-radius: 3px;
    overflow: hidden;
    vertical-align: middle;
}

.add_exp_submit .btn-submit
{
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

.add_exp_submit .btn-submit img 
{
  float:left;   
  margin-top:5px; 
  margin-right:2px;
}

.add_exp_submit .btn-submit .btn
{
    float:left;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-color: #528641;
    color: #FFF;
    border-radius: 3px;
    overflow: hidden;
    vertical-align: middle;
    background-color: #3FA156;
    line-height: 22px;
}

.add_exp_submit input
{
    font-size: 10.5pt;
}

.add_exp_submit input
{
    margin-right: 3px;
    vertical-align: middle;
}

.add_exp_submit .btn:hover
{
    background-color: #4FCA6C;
    border-color: #6AAD54;
}

.lnk-close
{
    float: right;
    color: #999;
    font-size: 16px;
}

.lnk-close:hover
{
    background-color: #999;
    color: #FFF;
}

.search_noresult
{
    text-align:center;
    font-size:20px;
    color:#979797;
    margin-top:200px;
}

.deal_expimage_sty
{
    margin-top: 20px;
}

.deal_expimage_item
{
    max-width: 100%;
    float: left;
    margin-bottom: 15px;
}

.deal_expimage_item img
{
    max-width: 100%;
    margin: 0px;
    padding: 0px;
}

.deal_expimage_item p
{
    color: rgba(0, 0, 0, 0.25);
    font-size: 9pt;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

/*自动搜索*/

.xfr
{
    color: #999999;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    font-family: Arial;
}

.vxgk
{
    font-size: 10pt;
    color: rgb(51,51,51);
    margin-left: 10px;
}

.xrww
{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/images/temp_star.png");
    background-origin: padding-box;
    background-position: -75px -243px;
    background-repeat: no-repeat;
    background-size: auto auto;
    float: left;
    height: 13px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 4px;
    overflow-x: hidden;
    overflow-y: hidden;
    text-indent: -100px;
    width: 13px;
}

.w-top
{
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 79;
    width: 50px;
    height: 50px;
    overflow: hidden;
    text-indent: -2000px;
    background-position: 0px -934px;
    transition: opacity 0.3s ease 0s;
    background-image: url("../Images/icon2-8.png?047");
    background-repeat: no-repeat;
}

.w-top:hover
{
    background-position: -50px -934px;
}

[hidefocus]
{
    outline: medium none;
}

.book_case_info .des
{
    margin-top: 30px;
    font-size: 12pt;
    margin-bottom: 30px;
    width: 590px;
}

.book_case_info .applink
{
    font-size: 12pt;
    margin-bottom: 30px;
}

.book_case_info .appimage img
{
    width: 275px;
    margin-right: 15px;
    float: left;
}

.zh-footer
{
    text-align: left;
    width: 100%;
}

.zh-footer2
{
    display: inline-block;
    text-align: center;
    width: 950px;
}

.zh-footer .content, .zh-footer2 .content2
{
    line-height: 1.7;
    word-wrap: break-word;
    padding: 10px 0px;
    width: auto;
}

.zh-footer .zg-wrap, .zh-footer2 .zg-wrap2
{
    margin: 0px auto;
    clear: both;
}

.zh-footer, .zh-footer a, .zh-footer2, .zh-footer2 a
{
    color: #999;
    font-size: 13px;
}

.zh-footer a:hover, .zh-footer2 a:hover
{
    text-decoration: underline;
}

.zh-footer ul, .zh-footer2 ul
{
    padding: 0px;
    margin: 0px;
    display: inline;
}

.zh-footer li, .zh-footer2 li
{
    display: inline;
}

.zh-footer li + li::before, .zh-footer2 li + li::before
{
    content: "•";
    margin-right: 3px;
    padding: 0px 3px;
    font-family: Arial;
    color: #BBB;
}

.zh-footer li, .zh-footer2 li
{
    list-style: outside none none;
    margin: 0px;
    padding: 0px;
}

/*广告*/
.kiddo_bc_advertisement
{
    width:100%;
}

.kiddo_bc_advertisement a img 
{
    width:100%;
}

.kiddo_bc_advertisement .kiddobc_advertisement_top
{
    margin-bottom: 10px;
}

.kiddo_bc_advertisement .kiddobc_advertisement_bottom
{
    margin-top: 10px;
}

.glb_list
{
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    padding: 0 20px;
}
.glb_list:hover
{
    background-color : #f6f6f6;
}

.tag-panel-toggle
{
    float: right;
    color: #CCC;
    cursor: pointer;
}

.tag-panel-toggle::after
{
    content: "";
    margin-left: 5px;
}

.tag-panel-toggle::after
{
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 9px solid #D6D6D6;
    display: inline-block;
    width: 0px;
    height: 0px;
    font-size: 0px;
    line-height: 0;
}

.add_explabel_hidden
{
    display: none;
}

#userlabelmore, #mylabelmore
{
    color: #3377AA;
}

.mexperience_labels
{
    margin-bottom: 15px;
}

.experience_reply_title
{
    margin-bottom: 10px;
    font-size: 11pt;
    color: #999999;
}

.about_us_title, .join_us_title, .business_cooperation_title, .disclaimer_title
{
    margin-top: 124px;
    margin-bottom: 40px;
    font-size: 15pt;
    font-weight: bold;
}

.about_us_content
{
    margin-bottom: 40px;
    font-size: 12pt;
}

.about_us_content div
{
    margin-bottom: 15px;
}

.join_us_content
{
    margin-bottom: 40px;
    font-size: 11pt;
}

.join_us_content div
{
    margin-bottom: 5px;
}

.business_cooperation_content
{
    font-size: 12pt;
}

.container_content
{
    margin-bottom: 40px;
    font-size: 10.5pt;
}

.container_content div
{
    margin-bottom: 8px;
}

.experience_draft_tag
{
    color: Red;
    font-size: 10pt;
}

.exp_girl
{
    color: #ffc0cb;
}

.exp_boy
{
    color: #10aeff;
}

.exp_person_birth
{
    margin-right: 5px;
    color: #999999;
}

/*分享界面*/

.share_app_head
{
    max-width: 590px;
    padding: 12px 0px 12px 0px;
    border-bottom: 0.5px solid #DDD;
    margin: 0px auto;
}

.share_app_head span
{
    color: #999999;
    font-size: 10.5pt;
    float: left;
    margin-left: 12px;
}

.share_app_head a
{
    text-decoration: none;
    float: right;
    color: #f54343;
    font-size: 10.5pt;
    margin-right: 12px;
}

.footer_fixed
{
   position: fixed;
   bottom: 0;
   right: 0;
   height: 35px;
   overflow: hidden;
   z-index: 9999;
   width: 90px;
   margin-right: 30px;
   margin-bottom: 30px;
}

.footer_fixed a
{
    display: block;
    height: 100%;
    position: relative;
}

.footer_fixed span
{
    display: inline-block;
    position: absolute;
}

.footer_fixed span.ftf_l
{
    top: 8px;
    left: 13px;
}

.footer_fixed span.ftf_l img
{
    height: 37px;
    display: block;
}

.footer_fixed span.ftf_r
{
    top: 0px;
    right: 0;
}

.footer_fixed span.ftf_r b
{
    line-height: 35px;
    display: inline-block;
    background: #167ffb;
    padding: 0px 16px 0px 16px;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 17.5px;
    font-style: normal;
}

.footer_fixed i.btn_close
{
    display: block;
    position: absolute;
    top: 19px;
    right: 10px;
    width: 18px;
    height: 18px;
    background-image: url(../Images/share_close.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px 18px;
}

/*第三方分享界面*/
.footer-sharing
{
    float: right;
    margin-right: 60px;
    margin-top: -3px;
}
.sharing
{
    position: relative;
    width: 120px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}
.sharing-button
{
}
.sharing-button:before, .sharing-button:after
{
    content: "";
    display: inline-block;
    vertical-align: middle;
}
.sharing-layer
{
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #999;
    border-radius: 2px;
    padding: 30px;
    background: #fff;
    width: 242px;
    min-width: 100%;
    overflow: hidden;
}
.sharing-layer.is-hidden
{
    display: none;
}
.sharing-layer > *
{
    float: left;
}
.sharing-wechat
{
    padding-right: 30px;
    text-align: center;
    width: 100px;
}
.sharing-wechat span
{
    display: inline-block;
    margin-bottom: 7px;
    padding-right: 30px;
}
.sharing-wechat-qrcode
{
    width: 100px;
    height: 100px;
}
.sharing-wechat-qrcode img
{
    width: 100%;
    height: 100%;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -webkit-crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: pixelated;
}
.sharing-list
{
    list-style: none;
    margin: 0;
    width: 80px;
    padding-left: 30px;
    border-left: 1px solid #eee;
}
.sharing-list li
{
    color: #37a;
    cursor: pointer;
}
.sharing-list li + li
{
    margin-top: 28px;
}
[class^='sharing-icon']
{
    padding-left: 31px;
    height: 24px;
    line-height: 24px;
    background-image: url(../Images/icons_sharing.png);
    background-repeat: no-repeat;
    white-space: pre;
}
.sharing-icon__weibo
{
    background-position: -10px -10px;
    width: 50px;
    height: 24px;
}
.sharing-icon__wechat
{
    background-position: -10px -54px;
    width: 50px;
    height: 24px;
}
.sharing-icon__qzone
{
    background-position: -10px -98px;
    width: 50px;
    height: 24px;
}
.sharing-icon__qq
{
    background-position: -10px -142px;
    width: 50px;
    height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi)
{
    [class^='sharing-icon']
    {
        background-image: url(../Images/icons_sharing@2x.png);
        background-size: 44px 176px;
    }
    .sharing-button:before
    {
        background-image: url(../Images/icon_sharing_qrcode@2x.png);
        background-size: cover;
    }
}

.sys_color
{
     color:rgb(255,90,95);
}

/* AddPost
----------------------------------*/
.add_post_title
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.add_post_title input
{
    width: 568px;
    height: 35px;
    font-size: 12pt;
    padding-left: 5px;
}

.add_post_content
{
    margin-bottom: 20px;
}

.add_post_content textarea
{
    width: 558px;
    height: 310px;
    font: 17px/1.5 "Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
    line-height:23px;
    padding:8px;
}

/* AddPostPic
----------------------------------*/
.webuploader-container {
    width: 77px;
    height: 30px;
    background: #b2b2b2;
    -webkit-border-radius: 3px;
    border-radius: 2px;
}

.webuploader-container div {
    max-width: 77px;
    max-height: 30px;
}

.webuploader-pick {
    position: relative;
    display: inline-block;
    padding: 6px 6px 9px 12px;
    color: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.webuploader-element-invisible {
  width:100%;  
  height:100%;
  filter:alpha(opacity=0);  
  opacity:0;  
  position:absolute;left:0px;top:0px;  
  z-index:10;  
}

.btn-swf {
    position: relative;
    zoom: 1;
    float: left;
    display: block;
    margin-right: 10px;
}

.add_post_imgaction 
{
  margin-bottom:15px;   
}

.add_post_imgs 
{
  margin-bottom:30px;   
}

p.col-exp {
    padding-left: 0;
    color: #999;
    font-size:10pt;
}

.upload-pic {
    position: relative;
    width: 530px;
    margin: 0 0 0px 0px;
    padding: 5px 15px 0px 15px;
    _padding-bottom: 0;
    background-color: #f2f2f2;
    display:none;
}

.error_upload-pic .slider
{
    position: relative;
    width: 120px;
    height: 90px;
    overflow: hidden;
    background-color: #f2f2f2;
}

 .upload-pic .slider{
    position: relative;
    width: 530px;
    height: 115px;
    overflow: hidden;
}

.upload-pic ul, .upload-pic li, .upload-pic a , .error_upload-pic ul, .error_upload-pic li {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;  
}
.upload-pic ul{
    position: absolute;
    height: 100px;
    width: 20000px;
    list-style: none;
}

.error_upload-pic ul 
{
     position: absolute;
    height: 90px;
    width: 20000px;
    list-style: none;
}

.upload-pic li {
    position: relative;
    float: left;
    width: 120px;
    height: 90px;
    margin-right: 20px;
    padding-top: 10px;
}

 .error_upload-pic li
 {
    position: relative;
    float: left;
    width: 120px;
    height: 90px;
 }

.upload-pic .icon-close {
    position: absolute;
    top: 3px;
    right: -5px;
    width: 17px;
    height: 17px;
    background-position: 0 0;
    background-image: url(//www.dpfile.com/s/c/app/review/i/shop/upload-img.d9b2956c4fac5f60061476f714085f17.png);
    background-repeat: no-repeat;
}

.upload-pic .Hide {
    display: none !important;
}

.posts_action
{
    margin-bottom: 0px;
}

.posts_action .experience_action_link
{
    margin-right: 20px;
}

.posts_action .experience_action_item, .posts_action .experience_action_item2
{
    color: rgba(0, 0, 0, 0.3);
    text-decoration: none;
    margin-right: 20px;
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

.posts_action .experience_action_item:hover
{
    color: #555;
}

.posts_action .exp_modify
{
    background-image: url(/Images/exp_new_message.png);
}

.posts_action .exp_modify:hover
{
    background-image: url(/Images/exp_new_messageselected.png);
}

.posts_action .exp_delete
{
    background-image: url(/Images/exp_cup.png);
}

.posts_action .exp_delete:hover
{
    background-image: url(/Images/exp_cup_selected.png);
}

.experience_action .exp_report
{
    background-image: url(/Images/exp_report.png);
}

.experience_action .exp_report:hover
{
    background-image: url(/Images/exp_report_selected.png);
}

.posts_action .exp_reply,.posts_action .exp_reply2
{
    background-image: url(/Images/exp_message.png);
}

.posts_action .exp_reply:hover
{
    background-image: url(/Images/exp_message_selected.png);
}

.posts_action .exp_favorite
{
    background-image: url(/Images/exp_heart_outlined.png);
}

.posts_action .exp_favorited
{
    background-image: url(/Images/exp_heart_outlineded.png);
}

.posts_action .exp_favorite:hover, .posts_action .exp_favorited:hover
{
    background-image: url(/Images/exp_heart_selected.png);
}

.posts_action .experience_action_item img
{
    margin-top: 3px;
}

.user_blog_reply .title 
{
    margin-bottom:10px;
}

.user_blog_reply .reply img 
{
    float:left;
    width: 20px;
    height: 20px;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
     margin-right:5px;
     float:left;
}

.user_blog_reply .reply
{
   margin-bottom:15px; 
}

.user_blog_reply .reply span 
{
  line-height:20px;   
  float:left;
  width:268px;
}

/* AddBookError
----------------------------------*/
.addbookerror_title 
{
  font-weight: bold;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom:30px;
}

.addbookerror_type_title 
{
  width:85%;
  background-color:rgb(242,242,242);  
  font-size:12pt;
  color:#999999;
  padding:5px 0px 5px 5px; 
  margin-bottom:15px;
}

.addbookerror_type 
{
    margin-bottom:30px; 
}

.addbookerror_type a {
    font-size: 10pt;
    text-decoration: none;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 3px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float: left;
}

.addbookerror_normal
{
     color: #999999;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.addbookerror_selected
{
   color: rgb(255,90,95);
   border: 1px solid rgb(255,90,95);
}

.addbookerror_contenttitle 
{
     font-size:12pt;
    color:#999999;
    margin-bottom:15px;
}

.addbookerror_content 
{
   margin-bottom:30px; 
}

.addbookerror_content textarea
{
    width: 600px;
    height: 150px;
    padding:8px;
}

.addbookerror_picdes 
{
  float:left;
  margin-right:10px;  
  display: block; 
  line-height:28px;
  color:#999999;
}

.book_bookError a
{
     font-size: 10pt;
    text-decoration: none;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 3px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float: left;
    color: #999999;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.add_bookcomment_in
{
    font-size: 10pt;
    text-decoration: none;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 3px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float: right;
   color: rgb(255,90,95);
   border: 1px solid rgb(255,90,95);
}

.action_title 
{
  float:left; 
  margin-bottom:10px;  
}

.action_content
{
  float:left;  
  margin-bottom:10px; 
  width:70%;
}

.add_post_category
{
  float:left;   
  width:75%; 
}

.add_post_categorytitle
{
   margin-bottom:15px;
   font-size:11pt;
   color:rgb(118,118,118);
}

.action_title span
{
    display: block; 
    line-height:25px;
}

#bookcomment_star 
{
  padding-top:5px;   
}

.action_content a,.add_post_category a
{
    font-size: 10pt;
    text-decoration: none;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 3px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float: left;
}

.addbookcontent_content 
{
     margin-bottom:20px;
     margin-top:10px;
}

.addbookcontent_content textarea 
{
    width:550px;
    height: 310px;
    padding:8px;
    font: 17px/1.5 "Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
    line-height: 23px;
}

/* 赞同反对
----------------------------------*/

.action_content2 .exp_zan
{
    background-image: url(/Images/zan.png);
}

.action_content2 .exp_zaned
{
    background-image: url(/Images/zan_select.png);
}

.action_content2 .exp_fan
{
    background-image: url(/Images/sin_read_recommend_down.png);
}

.action_content2 .exp_faned
{
    background-image: url(/Images/sin_read_recommend_down_select.png);
}

.action_content2 .experience_action_item
{
    color: rgba(0, 0, 0, 0.3);
    text-decoration: none;
    margin-right: 15px;
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

.action_content2 
{
  float:right;   
}

.boolist_action 
{
  margin-top:10px;   
}

.search_user_sty 
{
  margin-top:5px;
  margin-bottom:5px;
  padding:0;
}

.search_user_sty .head 
{
    float:left;
    width:40px;
    line-height:normal;
}

.search_user_sty .head a 
{
    line-height:normal;
}

.search_user_sty .head img 
{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    line-height:normal;
}

.search_user_sty .content 
{
    float:left;
    margin-left:10px;
    width:calc(100% - 40px - 10px - 15px - 80px);
}

.search_user_sty .content div
{
   height:auto;  
   line-height:normal;
}

.search_user_sty .content .user_name
{
   font-size:12pt; 
}

.search_user_sty .content .user_name a
{
   font-size:12pt; 
   color: #333;
}

.search_user_sty .content .user_name img
{
   width: 12px;
   height: 12px;
   margin-left: 5px;
   margin-right: 3px;
}

.search_user_sty .content .user_info
{
    color:#999999;
}

.search_user_sty .content .self_introduction 
{
    color:#999999;
}

.WU_FILE .pic
{
    width: 120px;
    height: 90px;
    overflow: hidden;
    background-color: #fff;
    text-align: center;   
    font-size:12px; 
}

.WU_FILE .txt{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 120px;
    height: 20px;
    text-align: center;   
    font-size:12px;  
}

.WU_FILE .progre
{
    position: relative;
    top: -1px;
    display: inline-block;
    overflow: hidden;
    zoom: 1;
    vertical-align: middle;
    width: 120px;
    height: 20px;
    color: #fff;
    background-color: rgba(80,80,80,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5f505050,endColorstr=#7f505050);    
}

.WU_FILE .progre-cur {
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    display: inline-block;
    overflow: hidden;
    zoom: 1;
    vertical-align: top;
    height: 20px;
    background-color: #8dd255;
}

.WU_FILE .err {
    padding-top: 17px;
    color: #c00;
}

.for-open 
{
  font: 12px/1.5 Arial,sans-serif;
  padding-right: 10px;
  background-image: url(//www.dpfile.com/s/c/app/review/i/shop/shop.88e40011e88f6a010bb5e1905a32a346.png);
  background-repeat: no-repeat;
  color: #999;
  margin-top:3px;
  float:left;
  background-position: -208px -950px;
  *background-position: -208px -952px;
  _background-position: -208px -950px; 
}

.peanut_no_data 
{
    min-height: 300px;
    margin:200px 0px; 
    font-size:11pt;
    color:#999999;
    text-align:center;
}

.single_posts_blog, .single_posts_posts
{
    margin-bottom:25px; 
}

.single_posts_posts .img 
{
   float:left;  
   margin-top:3px;
}

.single_posts_posts .title 
{
   float:left;   
   margin-left:5px;
}

.single_posts_posts .title a 
{
  font-size:12pt;
  color:#333333;   
}

.single_posts_blog .img 
{
    float:left;  
    margin-top:3px;
}

.single_posts_blog .title 
{
    float:left;  
    margin-left:5px;
}

.single_posts_blog .title a 
{
  font-size:12pt;
  color:#333333;   
}

.draft_and_image 
{
  float:right;
  margin-right:45px;
  color:Red;  
}

.upload_imgs 
{    
  display:none;
  float:left;
}

.word_img_count 
{
  display:none;
  float:left;
  color:#000;
}

.mobile_readbook_head 
{
    float:left; 
    margin-top:20px;
}

.mobile_readbook_head img 
{
   width:40px;
   height:40px;  
   border-radius: 20px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
}

.mobile_readbook_userinfo 
{
    float:left;
    margin-top:20px;
}

.mobile_readbook_userinfo 
{
  margin-left:5px;   
}

.mobile_readbook_child 
{
    float:right;
    margin-top:20px;
}

.mobile_readbook_content 
{
  margin-top:10px;   
  font: 16px/1.5 "Microsoft YaHei" ,Arial,Helvetica,sans-serif, "宋体";
  color: #333;
  line-height: 28px;
}

.mobile_readbook_imags 
{
   margin-top:15px;  
}

.mobile_readbook_imags .hot_book_item 
{
  float:left;
  margin-right:5px;
  margin-bottom:10px;
  width:90px;
}

.mobile_readbook_imags .book_img img 
{
    width:90px;
    height:120px; 
}

.mobile_readbook_userinfo span,.mobile_readbook_child span
{
  color:#999999;   
}

.mobile_readbook_price 
{
  margin-top:10px;
  color:#999999;  
}

.app_mbook_info 
{
  margin-top:20px;   
}

.app_mbook_infoleft 
{
  float:left;   
  width:calc(100% - 95px); 
}

.app_mbook_inforight 
{
  float:right;  
}

.app_mbook_attribute 
{
    min-width: 130px;
    border-left: 1px solid #e0e0e0;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 20px;
}

.app_mbook_attribute .count 
{
  text-align:center;
  font-size:15px;
  color:#111111;
  padding-top:5px;
  padding-bottom:5px;
  line-height: 25px;
}

.app_mbook_attribute .bc_rating_star 
{
  border-top:1px solid #E5E3E3;
  padding:5px;  
}

.app_mbook_infoleft .name 
{
    font-size:18pt;
    font-weight:bold;
    color:#333333;
    margin-bottom:7px;
}

.app_mbook_infoleft .other 
{
    color:#999999;
    font-size:9pt;
}

.app_mbook_cover
{
    text-align: center;
    margin-top:15px;
}

.app_mbook_cover img
{
    max-width: 200px;
}

.app_mbook_introduction 
{
  font-size:10pt;
  color:#333333;
  line-height:20px;
  margin-top:20px;
}

.app_mbook_introduction_more
{
    margin-top:10px;
    text-align:center;
}

.app_mbook_age,.app_mbook_comment, .app_mbook_experience, .app_mbook_topic, .app_mbook_booklist 
{
    margin-top:20px;
}

 .app_mbook_booklist 
 {
   background-color:#ECECEC;
   padding-left:20px;
   padding-right:20px;
 }

.app_mbook_split 
{
    height:10px;
   background-color:#ECECEC;
   border-bottom:1px solid #E5E3E3;
   border-top:1px solid #E5E3E3;
}

.app_manswer_split 
{
   height:10px;
   background-color:#ECECEC;
}

.age_title, .app_mbook_comment .title, .app_mbook_experience .title, .app_mbook_topic .title
{
    margin-top:15px;
    font-size:9pt;
    color:#999999;
    margin-bottom:10px;
}

.age_des 
{
    width: 180px;
    float: right;
    font-size:9pt;
    color:#666; 
    text-align:center;
    margin-left: 20px;
    margin-top:10px;
    vertical-align:middle;
    line-height: 22px;
}

.age_des span
{
    color: #ff5050;
    font-weight: bold;
}

.pc_age_des
{
    width: 320px;
    float: right;
    font-size:15px;
    color:#666; 
    text-align:center;
    margin-left: 60px;
    line-height: 22px;
}
.pc_age_des .boy_girl_percent
{
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
.pc_age_des .boy_percent
{
    width: 30%;
    display: block;
}
.pc_age_des .girl_percent
{
    width: 30%;
    display: block;
}
.pc_age_des .boy_girl_percent img
{
    width: 40px;
    height: 40px;
}

.block_space_height
{
    height: 25px;
}

.features_title 
{
    margin-top:15px;
    font-size:9pt;
    color:#999999;
}

.app_mbook_booklist .title 
{
    
   font-size:9pt;
   color:#999999;
   margin-bottom:10px;
   padding-top:15px;
}

.app_book_dist
{
    display: flex;
    justify-content: center;
}

.age_content 
{
    text-align:center;
}
.age_content .age_dist_title, .pc_age_des .age_dist_title
{
    color: #333;
    font-size: 15px;
    margin-bottom: 10px;
}

.age_content_i 
{
    display:inline-block;
}

.age_content .name 
{
    font-size:15px;
    color:#333;
    float:left;
    width:65px;
    text-align:right;
    margin-right:15px;
	line-height:22px;
}

.age_content .percent 
{
    background-color:#fe864a;
    height:10px;
    float:left;
    margin-right:5px;
    margin-top:6px;
    border-radius: 5px;
}

.age_content .percent_num 
{
    float:left;
    font-size:15px;
    color:#666;
	line-height:22px;
}

.app_book_dist_tip
{
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #999999;
    margin-top: 20px;
}

.app_mbook_comment .content
{
     margin-top:10px;
}

.app_mbook_topic .content_item, .app_mbook_booklist .content_item
{
  padding-top:8px;
  padding-bottom:8px;
  cursor:pointer
}

.app_mbook_topic .content_item
{
  font-size:12pt;
  color:#21639a; 
}

.app_mbook_booklist .content_item1 
{
   font-size:12pt;
   color:#333333; 
   font-weight:bold; 
}

.app_mbook_booklist .content_item2 
{
   margin-top:3px;
   font-size:9pt;
   color:#999999;
}

.app_mbook_comment .tag 
{
     padding-bottom:10px;
}

.mexperience_zan_content .left 
{
     float:left;
     padding-top:10px;
     padding-bottom:10px;
     color:#999999;
}

.mexperience_zan_content .right 
{
     float:right;
}

.mexperience_zan_content .right .head 
{
  margin-right:5px;   
  margin-top:0px;
  margin-bottom:0px;
}

.mexperience_zan_content 
{
   cursor:pointer;
}

.exp_reply_split2
{
    padding:0;
    border-bottom: 1px solid #DDD;
    margin-top:5px;
    height: 1px;
}

.exp_reply_split3
{
    padding:0;
    border-bottom: 1px solid #DDD;
    margin:0px;
    height: 1px;
}

.mexperience_zan_content .img_right 
{
    width:8px;
    height:12px;
    margin-top:12px;
    margin-bottom:12px;
}
.nav_content_right .num {
  padding: 0 3px;
  margin-left: 5px;
  color: white;
  line-height: 15px;
  background-color: #ff5050;
  font-size: 9pt;
  display: inline-block;
  vertical-align: middle;
}

.nav_message_pos i 
{
    position: absolute;
    width: 0;
    height: 0;
    left: 26px;
    top: 50%;
    margin-top: -5px;
    line-height: 0;
    border-color:
    transparent #ff5050 transparent
    transparent;
    border-style: dashed solid dashed dashed;
    border-width: 6px 6px 3px 5px;
    pointer-events: none;
    font-size:9pt;
}

.nav_message_pos 
{
    position: relative;
}

.recommend-collection .collection {
 display:inline-block;
 margin:0 18px 18px 0;
 min-height:32px;
 background-color:#f7f7f7;
 border:1px solid #dcdcdc;
 border-radius:4px;
 vertical-align:top;
 overflow:hidden;
}

.recommend-collection .collection .name {
 display:inline-block;
 padding:0 11px 0 6px;
 font-size:14px;
 vertical-align: middle;
 color:#333;
}

.recommend-collection .collection img {
 display:inline-block;
 width:32px;
 height:32px;
 vertical-align: middle;
}

.recommend-collection .more-hot-collection {
    display: inline-block;
    margin-top: 7px;
    margin-bottom:18px;
    font-size: 14px;
    color: #787878;
}

.recommend-collection .more-hot-collection i {
 margin-left:-5px
}

.ic-link::before {
    content: "\E616";
}
.collection-tag-red {
  padding: 6px 10px;
  color: #FF5A60 !important;
  background-color: #f6f6f6;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 400;
  line-height: 32px;
  margin-right: 5px;
}
.collection-tag-red2 
{
    display:inline-block;
    padding: 0px 12px;
    height:30px;
    color: #FF5A60 !important;
    background: #feefee;
    font-size: 14px;
    line-height: 30px;
    margin-right:5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.collection-tag-red:hover 
{
    background-color: #eaeaea;
}

.collection-tag-black {
    padding: 6px 10px;
    color: #121212 !important;
    background-color: #f6f6f6;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    line-height: 34px;
    margin-right: 5px;
}
.collection-tag-black:hover 
{
    background-color: #eaeaea;
}

.collection-tag-green {
    padding: 2px 6px;
    color: #00AB6B !important;
    border: 1px solid #00AB6B;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
    line-height: 32px;
    margin-right:5px;
}

.right_in 
{
   font-size:12pt;
   color:White;
   line-height:50px;
   margin-left:15px;
}

.right_in_icon {
   color:White;
   line-height:50px;
}

.div_right_reading 
{
    margin-bottom:15px;
    background-color:rgb(80,207,142);
}

.div_right_forum 
{
    margin-bottom:15px;
    background-color:rgb(254,187,80);
}

.div_right_hotexp 
{
    margin-bottom:15px;
    background-color:rgb(246,149,129);
}

.div_right_wechat 
{
    background-color:rgb(193,228,222);
}

.div_right_common 
{
    display:block;
    width:100%;
    height:50px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor:pointer;
}

.trigger-menu {
 margin-bottom:20px;
 border-bottom:1px solid #f0f0f0;
 font-size:0;
 list-style:none;
 padding-left:0px;
}
.trigger-menu span
{
    font-size: 8pt;
    margin-left: 5px;
    vertical-align: text-bottom; 
}
.trigger-menu li {
 position:relative;
 display:inline-block;
 padding:8px 0;
 margin-bottom:-1px
}
.trigger-menu li:after {
 content:"";
 position:absolute;
 left:50%;
 bottom:-2px;
 width:100%;
 opacity:0;
 border-bottom:2px solid #646464;
 transform:translate(-50%) scaleX(0);
 -webkit-transform:translate(-50%) scaleX(0);
 -moz-transform:translate(-50%) scaleX(0);
 -o-transform:translate(-50%) scaleX(0);
 -ms-transform:translate(-50%) scaleX(0)
}
.trigger-menu li:after,.trigger-menu li:hover:after {
 transition:.2s ease-in-out;
 -webkit-transition:.2s ease-in-out;
 -moz-transition:.2s ease-in-out;
 -o-transition:.2s ease-in-out;
 -ms-transition:.2s ease-in-out
}
.trigger-menu li:hover:after {
 opacity:1;
 transform:translate(-50%) scaleX(1);
 -webkit-transform:translate(-50%) scaleX(1);
 -moz-transform:translate(-50%) scaleX(1);
 -o-transform:translate(-50%) scaleX(1);
 -ms-transform:translate(-50%) scaleX(1)
}
.trigger-menu li.active {
 border-bottom:2px solid #646464
}
.trigger-menu i {
 margin-right:5px;
 font-size:17px
}
.trigger-menu a {
 padding:13px 20px;
 font-size:15px;
 font-weight:700;
 color:#969696;
 line-height:25px
}
.trigger-menu .active a,.trigger-menu a:hover {
 color:#646464
}
.ic-latestcomments:before {
 content:"\E609"
}
.ic-articles:before {
 content:"\E60A"
}
.ic-hot:before {
 content:"\E607"
}
.ic-question:before {
 content:"\E655"
}
.notes-placeholder {
 position:relative;
 padding:0 2px 20px 0;
 margin-bottom:50px;
 text-align:left;
 margin-left:20px;
 margin-right:20px
}
.notes-placeholder .img {
 position:absolute;
 bottom:23px;
 right:0;
 width:150px;
 height:120px;
 border-radius:4px;
 background-color:#eaeaea
}
.notes-placeholder .author {
 margin-bottom:10px
}
.notes-placeholder .avatar {
 cursor:default!important;
 width:34px;
 height:34px;
 margin:0 5px 0 0;
 border-radius:50%;
 background-color:#eaeaea;
 display:inline-block;
 vertical-align:middle
}
.notes-placeholder .content {
 padding-right:160px
}
.notes-placeholder .name {
 width:20%;
 height:16px;
 background-color:#eaeaea;
 display:inline-block;
 vertical-align:middle
}
.notes-placeholder .title {
 float:none!important;
 width:50%;
 height:20px;
 margin:0 0 15px!important;
 background-color:#eaeaea
}
.notes-placeholder .title:before {
 content:""!important
}
.notes-placeholder .sub-title {
 display:none;
 width:70%;
 height:16px;
 margin:0 0 15px!important;
 background-color:#eaeaea
}
.notes-placeholder .text {
 width:100%;
 height:16px;
 margin:0 0 10px;
 background-color:#eaeaea;
 animation:loading 1s ease-in-out infinite;
 -webkit-animation:loading 1s ease-in-out infinite;
 -moz-animation:loading 1s ease-in-out infinite;
 -o-animation:loading 1s ease-in-out infinite;
 -ms-animation:loading 1s ease-in-out infinite
}
.notes-placeholder .animation-delay {
 animation:loading 1s ease-in-out -.5s infinite;
 -webkit-animation:loading 1s ease-in-out -.5s infinite;
 -moz-animation:loading 1s ease-in-out -.5s infinite;
 -o-animation:loading 1s ease-in-out -.5s infinite;
 -ms-animation:loading 1s ease-in-out -.5s infinite
}
.notes-placeholder .short-text {
 width:40%;
 animation:shortLoading 1s ease-in-out infinite;
 -webkit-animation:shortLoading 1s ease-in-out infinite;
 -moz-animation:shortLoading 1s ease-in-out infinite;
 -o-animation:shortLoading 1s ease-in-out infinite;
 -ms-animation:shortLoading 1s ease-in-out infinite
}
@keyframes loading {
 0% {
  width:60%
 }
 50% {
  width:100%
 }
 to {
  width:60%
 }
}
@-webkit-keyframes loading {
 0% {
  width:60%
 }
 50% {
  width:100%
 }
 to {
  width:60%
 }
}
@keyframes shortLoading {
 0% {
  width:20%
 }
 50% {
  width:40%
 }
 to {
  width:20%
 }
}
@-webkit-keyframes shortLoading {
 0% {
  width:20%
 }
 50% {
  width:40%
 }
 to {
  width:20%
 }
}
.notes-placeholder .meta {
 margin:0 0 0 -10px;
 color:#eaeaea;
 font-size:12px
}
.notes-placeholder .meta div {
 display:inline-block;
 vertical-align:middle;
 background-color:#eaeaea
}
.notes-placeholder .meta i {
 margin:0 5px;
 vertical-align:middle
}
.notes-placeholder .meta .tag {
 display:none;
 height:20px;
 width:100px;
 margin-right:10px
}
.notes-placeholder .meta .read {
 height:16px;
 width:50px
}
.notes-placeholder .meta .small {
 height:16px;
 width:30px
}
.notes-placeholder .index .meta {
 margin-left:0
}
.notes-placeholder .index .tag,.notes-placeholder .timeline .sub-title {
 display:block
}

.subject_head
{
  margin-bottom:35px;    
}

.subject_head .pic_left 
{
   float:left;
   padding:0;
   margin-right:10px;
}
.subject_head .pic_left img 
{
    width:80px;
    height:80px;
    border-radius: 8px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
}
.subject_head .info_right 
{
   width:calc(100% - 90px);
   float:left;
}

.subject_head .info_right .title, .art_topic_head .title
{
   font-size:21px;
   font-weight:700;   
   padding-top:10px;
}

.subject_head .info_right .content, .art_topic_head .content
{
  width:100%;
  margin-top:10px; 
}

.subject_head .info_right .content .count
{
    float:left;
    font-size: 14px;
    color: #969696;
}

 .art_topic_head .content .count
 {
    font-size: 14px;
    color: #969696;
 }

.subject_head .info_right .content .action
{
    float:right;
}

.ic-followed::before {
    content: "\e116";
}

.ic-follow:before {
 content:"\E611"
}
.ic-friends:before {
 content:"\E617"
}

.subject_round_sty 
{
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
}

.public_subject_addblog 
{
    color: #ff5050;
    padding: 7px 30px;
    border:1px solid #ff5050;
    margin-right:15px;
}

.subject_follow_act
{
    display:inline-block;
    width:80px;
    height:33px;
    line-height:33px;
    color: #ff5050;
    border:1px solid #ff5050;
    text-align:center;
}

.subject_follow_act2
{
    display:inline-block;
    width:80px;
    height:33px;
    line-height:33px;
    color:White;
    background-color:#ff5050;
    text-align:center;
}

.subject_followed_act
{
    display:inline-block;
    width:80px;
    height:33px;
    line-height:33px;
    color: #8c8c8c;
    border:1px solid #8c8c8c;
    text-align:center;
}

.add_personal_subject 
{
    text-align: left;
    width:100%;
}

.add_personal_subject a
{
   display:inline-block;
   color: White;
   padding: 9px 0px;
   background-color: rgb(255,90,95);
   width:80%;
   text-align:center;
}

.public_subject_addblog:hover, .subject_followed_act:hover, .personal_subject_follow:hover
{
    background-color:#f8f8f8;
}

.subject_follow_act:hover
{
    background-color:#f8f8f8;
}

.personal_subject_addblog 
{
    color: White;
    padding: 9px 20px;
    background-color: #FF5A60;
}

.personal_subject_follow
{
    color: #FF5A60;
    padding: 7px 27px;
    border:1px solid #FF5A60;
}

.biglayout_right .title {
    margin-bottom: 15px;
    font-size: 12pt;
    color: #969696;
}

.biglayout_right .description {
    padding: 0 0 16px;
    text-align: left;
    font-size: 14px;
    border-bottom: 1px solid #f0f0f0;
    clear: both;
    word-break: break-word;
    color: #333;
}

.experience_right_0padding 
{
  margin-top:0px;   
}

.ic-show::before {
    content: "\E621";
}

.biglayout_right .open:hover {
    color: #2f2f2f;
}

.biglayout_right .open {
    color: #969696;
}

.subject_description_edit 
{
  float:right;   
  padding-top:18px;
  padding-bottom:15px;
}

.subject_description_edit a 
{
    color: #969696;
    margin-left:15px;
}

.subject_description_title 
{
    float:left;
}

.ic-edit-s::before {
    content: "\e619";
}

.ic-delete::before {
    content: "\e66b";
}

.modify_personal_subject .left 
{
  float:left;
  margin-bottom:30px;
  margin-right:30px;   
  width:80px;
  text-align:center;
}

.modify_personal_subject .left img 
{
  width:80px;
  height:80px;   
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.modify_personal_subject .left span 
{
  font-size: 15px;
  color: #969696;
  line-height:50px;
}

.modify_personal_subject .right 
{
  float:left;
  margin-bottom:30px;
  width:calc(100% - 110px);
}

.modify_personal_subject .right input 
{
  height: 30px;
  width:100%;
  padding: 8px 15px;
  font-size: 15px;
  border: 1px solid #c8c8c8;
  border-radius: 4px;
  background-color: hsla(0,0%,71%,.1); 
}

.modify_personal_subject .right textarea
{
   width: 100%;
   height: 150px;
   margin-bottom: 10px;
   padding: 10px 15px;
   font-size: 15px;
   border: 1px solid #c8c8c8;
   border-radius: 4px;
   background-color: hsla(0,0%,71%,.1);
   display: block;
   resize: none;
   outline-style: none;
}

.modify_psubject_addpic
{
    color: #42c02e;
    padding: 5px 15px;
    border:1px solid #42c02e;
}

.modify_psubject_margintop 
{
  margin-top:30px;   
}

.personal_subject_title 
{
  color:#FF5A60;
  font-size:20pt;
  margin-bottom:40px;
}

.modify_psubject_publish 
{
    color:White;
    padding: 9px 20px;
    background-color:#42c02e;
}

.exp_message_post 
{
  margin-top:10px;  
}

.exp_message_post a
{
    float: right;
    text-decoration: none;
    color: rgb(255,90,95);
    font-size: 9pt;
    border: 1px solid rgb(255,90,95);
    padding: 3px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-left:10px;
}

.exp_message_post2 
{
  text-align: center;
  margin-top:10px;
}

.exp_message_add 
{
  margin-top:10px;   
}

.exp_message_add textarea
{
    width: 825px;
    height: 90px;
    padding: 8px;
    margin-top: 10px;
    font-size: 10.5pt;
}

.rongyun_list
{
    position: fixed;
    right: 528px;
    bottom: 30px;
    z-index: 79;
    width: 143px;
    height: 43px;
}

.more_personal_subject
{
  margin-top:10px;   
}

.more_public_subject a
{
  display:inline-block;   
  color: #555555;
  background-color: #E5E5E5;
  width:100%;
  height:35px;
  text-align:center;
  line-height:35px;
  font-size:9pt;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.more_public_subject a:hover 
{
   color: #333333; 
   background-color: #C9C9C9;
}

.more_personal_subject
{
  font-size:10.5pt;
}

.experience_vote_sty 
{
    display: flex;
    margin-top:20px;
    justify-content: center;
}
.experience_vote_sty .action
{
    min-width: 100px;
    display:inline-block;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    cursor:pointer;
}
.experience_vote_sty .action img
{
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
}
.experience_vote_sty .action span
{
    color: #ff5050;
}

.experience_vote_user .list {
    margin-bottom: 20px;
    padding-bottom: 10px;
    list-style: none;
    clear: both;
}

.experience_vote_user 
{
    text-align:center;    
}

.experience_vote_user .avatar{
    width: 32px;
    height: 32px;    
}

.experience_vote_user .collection-follower 
{
    margin-left: 0px;
    padding-left: 0px;
}
.experience_vote_user .collection-follower li 
{
    line-height: 20px;
    display:inline-block;
    list-style: none;
}
.experience_vote_user .collection-follower li:first-child {
    margin-left:-3px
}
.experience_vote_user .collection-follower li a {
    margin-right:-10px;
    display: inline-block;
}
.experience_vote_user .collection-follower li img {
    border:3px solid #fff;
    background-color:#fff;
    width: 100%;
    height: 100%;
}

.experience_personal_subject a
{
    display:inline-block;
    width:100%;
    height:30px;
    line-height:30px;
    color:#999999; 
    padding-left:5px;
    padding-right:5px;
}

.experience_personal_subject 
{
     font-size:10.5pt;
     margin-top:5px;
}

.experience_personal_subject a:hover 
{
   background-color: #C9C9C9;
}

.add_expto_publicsubject 
{
  width:600px;
  height:500px;    
  overflow:scroll;
}

.exp_public_Column 
{
   padding-right:15px;  
}

.exp_public_Column .normal 
{
  display:inline-block;
  width:50px;
  height:30px;
  line-height:30px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border:1px solid #00AB6B;
  color: #00AB6B;
  text-align:center;
}

.exp_public_Column .selected 
{
  display:inline-block;
  width:50px;
  height:30px;
  line-height:30px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border:1px solid rgb(255,90,95);
  color:rgb(255,90,95);
  text-align:center;
}

.add_expto_publicsubject .search {
 margin:20px 0 0;
 position:relative;
 text-align:center;
}
.add_expto_publicsubject .search .search-input {
 width:calc(100% - 55px);
 height:35px;
 font-size:14px;
 background-color:hsla(0,0%,71%,.2);
 border:none;
 border-radius:40px;
 margin-left:15px;
 margin-right:15px;
 padding-left:20px;
}
.add_expto_publicsubject .search .search-btn {
 position:absolute;
 top:3px;
 right:30px;
 width:30px;
 height:30px;
 color:#969696;
 text-align:center;
 line-height:30px;
 cursor:pointer;
}
.add_expto_publicsubject .search .ic-search {
 display:block
}
.ic-search::before {
    content: "\E618";
}

.add_expto_publicsubject .add_subject
{
   float:right;
  display:inline-block;
  text-align:center;
  line-height:38px;
  width:100px;
  height:38px;   
  color: White;
  border-radius: 999em;
  -webkit-border-radius: 999em;
  -moz-border-radius: 999em;
  background-color: rgb(255,90,95);  
  margin-right:15px; 
}

.a_public
{
    display:inline-block;
    font-size: 10pt;
    text-decoration: none;
    margin-right: 10px;
    margin-bottom:10px;
    padding: 0px 10px;
    line-height:25px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float:left;
    color: rgb(255,90,95);
    border: 1px solid rgb(255,90,95);
}

.a_personal
{
    display:inline-block;
    font-size: 10pt;
    text-decoration: none;
    margin-right: 10px;
    margin-bottom:10px;
    padding: 0px 10px;
    line-height:25px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float:left;
    color: #00AB6B;
    border: 1px solid #00AB6B;
}

.mexperience_banquan 
{
  font-size:12px;
  color:#999999;
  margin-bottom:20px;   
}

.mexperience_end 
{
  text-align:center;
  margin-bottom:20px;  
}

.mexperience_end img 
{
    width:80%;
}

.mexperience_write 
{
  font-size:10.5pt;
  color:#999999;
}

.mexperience_write i 
{
  float:right;  
  line-height:50px; 
}

.mexperience_write span 
{  
  line-height:50px; 
}

.mexperience_columnlist 
{
 margin-bottom:20px;    
}

.mexperience_submission a 
{
   font-size:10.5pt;
   color:#999999;  
   line-height:50px;
}

.mexperience_submission .left 
{
  float:left;  
  width:49%;
  text-align:center; 
}

.mexperience_submission .line 
{
  float:left;
  width:1px;
  background-color:#999999;
  height:30px;
  margin-top:10px;
}

.mexperience_submission .right 
{
  float:left;
  width:50%; 
  text-align:center;
}

.mexperience_follow_user 
{
 float:right;  
}

.mexperience_follow_user a 
{
  margin-top:5px;   
}

.mexperience_download_app 
{
 float:right; 
 font-size:15px;
 color:#333333; 
}

.subject_follow_act2
{
    display:inline-block;
    width:94px;
    height:37px;
    line-height:37px;
    color: White;
    background-color:rgb(255,90,95);
    text-align:center;
}

.subject_followed_act2
{
    display:inline-block;
    width:92px;
    height:35px;
    line-height:35px;
    color: #8c8c8c;
    border:1px solid #8c8c8c;
    text-align:center;
}

.ic-navigation-signout::before {
    content: "\E61D";
}

.ic-navigation-selected::before {
    content: "\E116";
    color:#17d87e;
}

.ic-search-history::before 
{
    float: left;
    content: "\E640";
    margin-right: 5px;
    font-size: 18px;
    color: #787878;
}

.ic-navigation-empty::before
{
    content: "\E116";
    color:white;
}

.ic-navigation-settings::before {
    content: "\E652";
}

.ic-navigation-profile::before {
    content: "\E650";
}

.biglayout_right .download {
 padding:10px 22px;
 width:calc(100% - 44px);
 border-radius:6px;
 background-color:#fff
}
.biglayout_right .download .qrcode {
 width:50px;
 height:50px;
 opacity:.85
}
.biglayout_right .download .info {
 display:inline-block;
 vertical-align:middle;
 margin-left:7px
}
.biglayout_right .download .info .qrtitle {
 font-size:15px;
 color:#333
}
.biglayout_right .download .info .qrdescription {
 font-size:13px;
 color:#999
}

.biglayout_right .col-lg-8 
{
  float:left;
}

.my_blog_redbtn
{
    display:inline-block;
    width:100px;
    height:37px;
    line-height:37px;
    color: White;
    background-color: #ff5050;
    text-align:center;
    font-size: 14px;
    margin-top:-10px;
}

.my_blog_redbtn:hover 
{
    background-color:#EE5C42; 
}

.recommend-collection_nodata 
{
   text-align:center;
   color:#999999;  
}

.nodata_content 
{
  width:100%;
  color:#999999;
}

.add_exp_personalcolumn .content a 
{
  float:left;
  margin-bottom:10px;   
}

.ic-show::before {
  content: "\e621";
}

.ic-hide::before {
  content: "\e622";
}

.ic-navigation-profile::before {
  content: "\e650";
}

.ic-search-collection::before {
  content: "\e641";
}

.ic-write::before {
  content: "\e60e";
}

.ic-like-active::before {
}

.app_book_attribute 
{
     margin-top:5px;
    font-size: 10.5pt;
    color: #666666;
    text-align:center;
}

.app_book_outstar 
{
  margin-top:5px;
  text-align:center;
}

.app_book_star 
{
   width:65px;
   margin-left: calc(50% - 32px);
   margin-bottom: 5px;
}

.app_book_star img{
    float:left;
    width: 11px;
    height: 11px;
    padding:1px;
}

.mobile_book_clear {
    display:block;
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
    over-flow: hidden;
}
.mobile_book_padding {
    display:block;
}
.annex_book_review {
    display: block;
    margin-top: 10px;
}
.annex_book_review .annex_book_review_line {
    display: block;
    width:0;
    height:0;
    background-color: #dbdbdb;
}
.annex_book_review .annex_book_review_content {
    padding-left: 5px;
    width: calc(100% - 3px);
    display: block;
    line-height:18px;
    font-size: 10pt;
    color: #999999;
    border-left: 3px solid #dbdbdb;
}

.mobile_book_info {
    display:block;
    background-color:#f4f4f4;
    width:100%;
    margin:0px;
    padding:0px;
    letter-spacing:0px;
}
.mobile_ckeditor_bookinfo 
{
    margin: 0.6em 0;
}
.mobile_book_left {
    float:left;
    padding:10px;
    position: relative;
}
.mobile_book_level {
    position: absolute;
    bottom: 10px;
    font-size: 10px;
    color: white;
    background-color: #ff505a;
    right: 10px;
    display: inline-block;
    padding-left: 3px;
    padding-right: 3px;
}
.mobile_book_left img {
    width:60px;
    height:90px;
}
.mobile_book_right {
    float:left;
    padding:10px 10px 10px 0px;
    width: calc(100% - 90px);
}
.mobile_book_name {
     font-size: 15pt;
    font-weight:bold;
    line-height:130%;
    color:#333333;
}
.mobile_book_star {
    margin-top:3px;
}
.mobile_book_star img{
    float:left;
    width: 11px;
    height: 11px;
    padding:1px;
}
.mobile_book_detail {
    color:#666666;
    font-size: 10pt;
    line-height:130%;
}
.mobile_book_author {
    color:#666666;
    font-size: 10pt;
    line-height:130%;
    margin-top:3px;
}
.mobile_book_margin {
    font-size: 0;
    height: 0;
    over-flow: hidden;
    padding:0;
    margin-bottom:8px;
}
.mobile_book_flod {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.mobile_book_flod2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.mobile_article_clear {
    display:block;
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
    over-flow: hidden;
}.mobile_article_padding {
    display: block;
}.mobile_article_info {
    display:block;
    background-color:#f4f4f4;
    -webkit-user-modify:read-only;
    -webkit-user-select:none;
    width:100%;
    margin:0px;
    padding:0px;
    letter-spacing:0px;
}
.mobile_ckeditor_articleinfo
{
    margin: 0.6em 0;
}
.mobile_article_left {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 5px 10px 10px;
}.mobile_article_left img {
    width: 20px;
    height: 20px;
}.mobile_article_right {
    display: inline-block;
    vertical-align: middle;
    padding:10px 10px 10px 0px;
    width: calc(100% - 60px);
}.mobile_article_name {
    font-size: 12pt;
    line-height:130%;
}.mobile_article_flod {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.app_manswer_bottom 
{
    text-align:center;
    margin-bottom:80px;
    color: rgba(0, 0, 0, 0.3);
}
.app_manswer_bottom img 
{ 
    width:150px;
	margin-bottom:5px;
}

.app_manswer_head 
{
  max-width: 590px;
  word-wrap: break-word;
  word-break: normal;
  margin: 0px auto;
  text-align: left;
  padding:20px 20px 20px 20px;
  position: relative;
}

.app_manswer_head .manswer_head_left 
{
   float:left;
   width:calc(100% - 30px);
}

.app_manswer_head .manswer_head_left .question_title 
{
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 5px;
}

.app_manswer_head .manswer_head_left .answer_count 
{
    font-size: 15px;
    color: rgba(0, 0, 0, 0.3);   
}

.app_manswer_head .manswer_head_right 
{
   position: absolute;
   top: 50%; 
   margin-top:-10px;
   width:15px;
   margin-left:10px;
}

.manswer_follow_act2 {
display: inline-block;
width: 64px;
height: 27px;
font-size: 9pt;
line-height: 27px;
color: rgb(255, 90, 95);
border: 1px solid rgb(255, 90, 95);
text-align: center;
}

.manswer_round_sty {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

.manswer_followed_act2 {
display: inline-block;
width: 64px;
height: 27px;
font-size: 9pt;
line-height: 27px;
color: #8c8c8c;
border: 1px solid #cecece;
text-align: center;
}

.manswer_line 
{
    height:1px;
    background-color:#ECECEC;
}

.app_manswer_contentend 
{
    color: rgba(0, 0, 0, 0.3);
    text-align:right;
    font-size:13px;
}

.index_question_content
{
    float: right;
}

.index_question_photo
{
    height: 120px;
    float: left;
    margin-top:15px;
}

.index_question_photo img
{
    width: 150px;
    height: 120px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.index_question_contentaction
{
    color: rgba(0, 0, 0, 0.3);
}  

.index_question_contentaction img, .index_question_userinfo img
{
    width: 32px;
    height: 32px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
}

.question_contentaction_item
{
    height: 32px;
    float: left;
}

.index_question_contentcont
{
    font: 15px/1.6 "Microsoft YaHei" ,Arial,Helvetica,sans-serif, "宋体";
    font-weight: 400;
    font-style: normal;
    color: #888;
    margin-top:10px;
    letter-spacing: 1px;
}

.index_question_contentcont2 
{
    margin-top:10px;
    font: 15px/1.6 "Microsoft YaHei" ,Arial,Helvetica,sans-serif, "宋体";
    font-weight: 400;
    font-style: normal;
    color: #666666;
    letter-spacing: 1px;
}

.index_question_contentcont2 a
{
    color: #666666;
}

.index_question_answercount 
{
   margin-top:5px;
   color: #999999; 
   font-size:13px;
}

.index_question_contentcont .expend
{
  color: #3377AA;
}

.question_expend2 {
    float:right;
    color: #3377AA;
    line-height: 32px;
}

.i-incline-down {
    margin-left: 2px;
    background-image: url(/Images/question_down.png);
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
}

.i-incline-up {
    margin-left: 2px;
    background-image: url(/Images/question_up.png);
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; 
}

.i-incline-mdown {
    margin-left: 2px;
    background-image: url(/Images/mquestion_down.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
}

.i-incline-mup {
    margin-left: 2px;
    background-image: url(/Images/mquestion_up.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; 
}

.index_question_contenttitle
{
    font-weight: bold;
    font-size: 20px;
    margin-top: 10px;
}

.index_question_contenttitle2
{
    font-weight: bold;
    font-size: 20px;
}

.index_question_contenttitle a, .index_question_contenttitle2 a
{
    color: #555;
}

.index_question_contenttitle a:hover, .index_question_contenttitle2 a:hover
{
    color: rgba(0, 0, 0, 0.8);
    text-decoration:underline;
}

.mquestion_answer_actionitem 
{
    display:inline-block;
    text-align:center;
    padding:0px;
    margin:0px;
    width:calc((100% - 10px)/3);
}

.index_question_action .question_action_item
{
    color: #666666;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center | left;
    line-height:32px;
    font-size: 11pt;
    margin-right:20px;
}

.index_question_action .question_zan
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    background-size:20px 20px;
    background-image: url(/Images/answer_list_zan.png);
    background-position:left center;
    vertical-align: middle;
}

.index_question_action .question_zaned
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    background-size:20px 20px;
    background-image: url(/Images/answer_list_zaned.png);
    background-position:left center;
    vertical-align: middle;
}

.index_question_action .question_collect
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    background-image: url(/Images/answer_list_collect.png);
    background-size:19px 19px;
    background-position:left center;
    vertical-align: middle;
}

.index_question_action .question_collected
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    background-size:19px 19px;
    background-image: url(/Images/answer_list_collected.png);
    background-position:left center;
    vertical-align: middle;
}

.index_question_action .question_reply
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    background-size:20px 20px;
    background-image: url(/Images/answer_list_comment.png);
    background-position:left center;
    vertical-align: middle;
}

.index_note_image 
{
  margin-top:10px;   
}

.index_note_image img 
{
  margin-right:5px;   
}

.question-tag-red {
    padding: 2px 6px;
    color: #FF5A60 !important;
    border: 1px solid #FF5A60;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
    line-height: 32px;
    margin-right:10px;
}

.question_reply_add
{
    margin-top: 20px;
}  

.question_reply_add textarea
{
    width: 576px;
    height: 130px;
    padding: 8px;
    margin-top: 10px;
    font-size: 10.5pt;
} 

.question_reply_post
{
    margin-top: 15px;
} 

.question_reply_post a
{
    float: right;
    text-decoration: none;
    color: rgb(255,90,95);
    font-size: 10pt;
    border: 1px solid rgb(255,90,95);
    padding: 5px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.question_reply_post img 
{
    float: right;
    margin-top:10px;
    margin-left:10px;
}

.question_reply_atcontent
{
    padding: 10px;
    margin-top: 10px;
    font-size: 10pt;
    color: #666666;
    background-color: #F7F7F7;
}

.question_reply_atcontent .name
{
    color: #333333;
}

.question_category_sty 
{
   margin-bottom:30px;
   position:relative; 
}

.question_category_sty span
{
  font-size:18pt;  
  font-weight:bold; 
}

.question_category_sty .right
{
   position:absolute;
   bottom:0; 
   right:0;
   font-size:12pt; 
}

.question_category_sty .right .normal_sort 
{
   color:#333333;
   text-decoration:none;
}

.question_category_sty .right .selected_sort 
{
   color:#FF5A60; 
   text-decoration:none;
}

.single_question_head 
{
   margin-bottom:10px;
}

.single_question_head .title
{
   font-size: 22px;
   font-weight: 600;
   font-synthesis: style;
   line-height: 32px;
   color: #1a1a1a;
   padding-top:20px;
   text-align: left;
}

.single_question_head .content 
{
   margin-top:10px;
   color: #333333;
   font-size: 15px;
   line-height: 25px;
   text-align: left;
}

.single_question_head .content_all 
{
   margin-top:5px;
   text-align:center;
}

.single_question_head .content_all a 
{
  display:inline-block;
  padding:3px 5px 3px 5px;
}

.mobile_question_flod {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.mobile_question_flod2 
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.mobile_question_answertime 
{
  color:#999999;
}

.question_temp_content 
{
   font-size: 15px;
   line-height: 25px;
   display:none; 
}

.question_content_omit 
{
    display:block;
    position:absolute;
    bottom:0;
    right:0;
    height:20px;
}

.question_content_ex
{
   margin-left:20px;
   margin-top:5px;
}

.question_content_omit2
{
    display:inline-block;
    height:20px;
    vertical-align:middle;
    margin-right:3px;
}

.question_content_expend2
{
  display:inline-block;
  height:20px;
  vertical-align:middle;
}

.question_content_expend 
{
  display: block;
  position: absolute;
  bottom: 5px;
  right: 0;
  height: 20px;
}

.single_question_head .action
{
   margin-top:20px;
}

.question_answer_count 
{
   font-size: 15px;  
   color: #666666;
}

.question_answer_count2
{
   font-size: 15px;  
   color: #666666;
   background-color: #ECECEC;
   padding: 5px 0px 5px 20px;
}

.single_question_head .action .left 
{
    float:left; 
}

.single_question_head .action .right 
{
   float:right;  
}

.single_question_head .action .right a
{
    display:inline-block;
    width:113px;
    height:37px;
    text-align:center;
    line-height:37px;
    color: White;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    background-color: rgb(255,90,95);
}

.single_question_head .attachment_picture, .single_question_head .attachment_book, .single_question_head .attachment_experience
{
  margin-top:20px;
  text-align:left;
}

.single_question_head .attachment_picture img 
{
  width:100px;
}

.single_question_head .attachment_picture a
{
  margin-right:10px;   
}

.single_question_head .attachment_book .book_item 
{
    float:left;
    margin-right:10px;
    margin-bottom:15px;
}

.single_question_head .attachment_book .book_item img 
{
  width:80px;   
}

.single_question_head .attachment_book .book_item span
{
  margin-top:3px;
  display:block;
  font-size:9pt;
  color:#999999;
  width:80px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}

.single_question_head .attachment_experience .left 
{
   float:left;  
}

.single_question_head .attachment_experience .left img 
{
    width:18px;
}

.single_question_head .attachment_experience .right
{
   float:left;
   font-size:12pt;
   font-weight:bold; 
   margin-left:5px;
   width:calc(100% - 23px);
}

.single_question_head .app_tip 
{
  color:#333333;   
  text-align:center;
}

.single_question_head .question_category a
{
    display:inline-block;
    font-size: 10pt;
    text-decoration: none;
    margin-right: 10px;
    margin-bottom:10px;
    padding: 0px 10px;
    line-height:25px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float:left;
    color: rgb(255,90,95);
    border: 1px solid rgb(255,90,95);
}

.mquestion_topic a
{
    display:inline-block;
    font-size: 12pt;
    text-decoration: none;
    margin-right: 5px;
    margin-bottom:0px;
    padding: 0px 5px;
    line-height:25px;
    float:left;
    color:#6a7ba0;
}

.message_reply_info .action a
{
   padding: 5px 15px;
   border-radius: 3px;
   font-size: 15px;
   font-weight: 400;
   line-height: 32px;
   color:White;
   background-color:#FF5A60;
   cursor:pointer;
}

.question-tag-red2 {
    padding: 2px 6px;
    color: #FF5A60 !important;
    border: 1px solid #FF5A60;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
    line-height: 32px;
    margin-right:10px;
}

.question_answer_content 
{
   
}

.is-book-collapsed
{
    position:relative;
    max-height:280px;
    overflow:hidden;
}

.is-category-collapsed
{
    position:relative;
    max-height:125px;
    overflow:hidden;
}

.is-collapsed 
{
   position:relative;
   max-height:400px;
   transition:max-height .32s cubic-bezier(.95,.05,.795,.035),-webkit-mask-size .22s cubic-bezier(.95,.05,.795,.035);
   transition:mask-size .22s cubic-bezier(.95,.05,.795,.035),max-height .32s cubic-bezier(.95,.05,.795,.035);
   transition:mask-size .22s cubic-bezier(.95,.05,.795,.035),max-height .32s cubic-bezier(.95,.05,.795,.035),-webkit-mask-size .22s cubic-bezier(.95,.05,.795,.035);
   -webkit-mask-image:linear-gradient(#1a1a1a calc(100% - 8rem),transparent calc(100% - 2.8rem));
   mask-image:linear-gradient(#1a1a1a calc(100% - 8rem),transparent calc(100% - 2.8rem));
   -webkit-mask-size:100% 100%;
   mask-size:100% 100%;
   overflow:hidden;
}
.is-collapsed2
{
   position:relative;
   max-height:640px;
   transition:max-height .32s cubic-bezier(.95,.05,.795,.035),-webkit-mask-size .22s cubic-bezier(.95,.05,.795,.035);
   transition:mask-size .22s cubic-bezier(.95,.05,.795,.035),max-height .32s cubic-bezier(.95,.05,.795,.035);
   transition:mask-size .22s cubic-bezier(.95,.05,.795,.035),max-height .32s cubic-bezier(.95,.05,.795,.035),-webkit-mask-size .22s cubic-bezier(.95,.05,.795,.035);
   -webkit-mask-image:linear-gradient(#1a1a1a calc(100% - 8rem),transparent calc(100% - 2.8rem));
   mask-image:linear-gradient(#1a1a1a calc(100% - 8rem),transparent calc(100% - 2.8rem));
   -webkit-mask-size:100% 100%;
   mask-size:100% 100%;
   overflow:hidden;
}
.bookcase_category_collapsed
{
    width: 100%;
    font-size: 13px;
    text-align: center;
    padding-bottom: 15px;
    padding-top:15px;
}
.hot_book_collapsed
{
    text-align: center;
    margin-top: 25px;
    margin-bottom: 50px;
}
.hot_book_collapsed a 
{
   background-color:#EFEFEF;
   padding:5px 10px 5px 15px;  
   border-radius: 999em;
  -webkit-border-radius: 999em;
  -moz-border-radius: 999em;
}
.question_answer_collapsed 
{
  position: absolute;
  z-index: 1;
  bottom: 10px;
  left: 0;
  width: 100%;
  color: #175199;
  font-size: 15px;
  text-align:center; 
 display:none; 
}

.mquestion_answer_collapsed 
{
  position: absolute;
  z-index: 1;
  bottom: 10px;
  left: 0;
  width: 100%;
  color: #175199;
  font-size: 17px;
  text-align:center; 
  display:none; 
}

.question_answer_collapsed2
{
   font-size: 15px;
   text-align:center; 
}

.add_question_title 
{
   margin-bottom:25px;
   font-size: 22px;
   font-weight: 600;
   font-synthesis: style;
   line-height: 32px;
   color: #1a1a1a;
}

.question_answer_head 
{
    margin-bottom:10px; 
}

.question_answer_head .left 
{
    float:left;
    color: rgba(0, 0, 0, 0.3);
}

.question_answer_head .right
{
    float:right;
    line-height:32px;
}

.index_question_userinfo 
{
    color: rgba(0, 0, 0, 0.3);
    margin-bottom:10px;
}

.question_answer_head .left .image
{
    width: 32px;
    height: 32px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
}

.question_answer_head .right .experience_action_item
{
    color: rgba(0, 0, 0, 0.3);
    text-decoration: none;
    margin-left: 20px;
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: center | left;
}  

.question_answer_head .right .experience_action_item:hover
{
    color: #555;
} 

.question_answer_head .right .experience_action_item img
{
    margin-top: 3px;
}

.question_answer_head .right .exp_modify
{
    background-image: url(/Images/exp_new_message.png);
}

.question_answer_head .right .exp_modify:hover
{
    background-image: url(/Images/exp_new_messageselected.png);
}

.question_answer_head .right .exp_delete
{
    background-image: url(/Images/exp_cup.png);
}

.question_answer_head .right .exp_delete:hover
{
    background-image: url(/Images/exp_cup_selected.png);
}

.question_search_title 
{
    line-height:15px;
}

.question_search_answercount 
{
    line-height:15px;
    color: #8590a6;
}

.question_vxgk
{
    font-size: 10pt;
    color: rgb(51,51,51);
    margin-left: 10px;
    display: block;
    line-height:20px;
    padding-top:5px;
    padding-bottom:5px;
}

.comments-placeholder {
  padding-top:15px;
}
.comments-placeholder .author {
 margin-bottom:15px
}
.comments-placeholder .author .avatar {
 cursor:default!important;
 margin-right:5px;
 width:20px;
 height:20px;
 background-color:#eaeaea;
 border-radius:50%
}
.comments-placeholder .author .avatar,.comments-placeholder .author .info {
 vertical-align:middle;
 display:inline-block
}
.comments-placeholder .author .info .name {
 margin-bottom:3px;
 height:14px;
 width:60px;
 background-color:#eaeaea
}
.comments-placeholder .author .info .meta {
 height:12px;
 width:120px;
 background-color:#eaeaea
}
.comments-placeholder .text {
 width:100%;
 height:16px;
 margin:0 0 8px!important;
 background-color:#eaeaea;
 animation:loading 1s ease-in-out infinite;
 -webkit-animation:loading 1s ease-in-out infinite;
 -moz-animation:loading 1s ease-in-out infinite;
 -o-animation:loading 1s ease-in-out infinite;
 -ms-animation:loading 1s ease-in-out infinite
}
.comments-placeholder .animation-delay {
 animation:loading 1s ease-in-out -.5s infinite;
 -webkit-animation:loading 1s ease-in-out -.5s infinite;
 -moz-animation:loading 1s ease-in-out -.5s infinite;
 -o-animation:loading 1s ease-in-out -.5s infinite;
 -ms-animation:loading 1s ease-in-out -.5s infinite
}
.comments-placeholder .tool-group {
 margin:0;
 padding-top:6px;
 color:#eaeaea;
 font-size:15px
}
.comments-placeholder .tool-group div {
 display:inline-block;
 vertical-align:middle;
 background-color:#eaeaea
}
.comments-placeholder .tool-group i {
 margin-right:5px;
 vertical-align:middle
}
.comments-placeholder .tool-group .zan {
 height:14px;
 width:40px;
 margin-right:10px
}

#answers-placeholder {
  padding-top:0px;
}
#answers-placeholder .author {
 margin-bottom:15px
}
#answers-placeholder .author .avatar {
 cursor:default!important;
 margin-right:5px;
 width:32px;
 height:32px;
 background-color:#eaeaea;
 border-radius:50%
}
#answers-placeholder .author .avatar,#answers-placeholder .author .info {
 vertical-align:middle;
 display:inline-block
}
#answers-placeholder .author .info .name {
 height:14px;
 width:60px;
 background-color:#eaeaea
}
#answers-placeholder .author .info .meta {
 height:12px;
 width:120px;
 background-color:#eaeaea
}
#answers-placeholder .text {
 width:100%;
 height:16px;
 margin:0 0 8px!important;
 background-color:#eaeaea;
 animation:loading 1s ease-in-out infinite;
 -webkit-animation:loading 1s ease-in-out infinite;
 -moz-animation:loading 1s ease-in-out infinite;
 -o-animation:loading 1s ease-in-out infinite;
 -ms-animation:loading 1s ease-in-out infinite
}
#answers-placeholder .animation-delay {
 animation:loading 1s ease-in-out -.5s infinite;
 -webkit-animation:loading 1s ease-in-out -.5s infinite;
 -moz-animation:loading 1s ease-in-out -.5s infinite;
 -o-animation:loading 1s ease-in-out -.5s infinite;
 -ms-animation:loading 1s ease-in-out -.5s infinite
}
#answers-placeholder .tool-group {
 margin:0;
 padding-top:6px;
 color:#eaeaea;
 font-size:15px
}
#answers-placeholder .tool-group div {
 display:inline-block;
 vertical-align:middle;
 background-color:#eaeaea
}
#answers-placeholder .tool-group .zan {
 height:14px;
 width:30px;
 margin-right:10px
}
#answers-placeholder .tool-group .collection {
 height:14px;
 width:30px;
 margin-right:10px
}
#answers-placeholder .tool-group .comment {
 height:14px;
 width:30px;
 margin-right:10px
}

.home_head_actions .action_item {
    background-size: 100% 100%;
    width: 180px;
    height: 90px;
    float:left;
    text-align:center;
}

.home_head_actions .title {
    color:White;
    font-size:18pt;
    margin-top:8px;
    margin-bottom:8px;
}

.home_head_actions .item_answer_bg .title img
{
   width:25px;
   margin-right:3px;  
}

.home_head_actions .item_write_bg .title img
{
   width:22px;
   margin-right:3px;  
}

.home_head_actions .item_draft_bg .title img
{
   width:25px;
   margin-right:3px;  
}

.home_head_actions .btn a 
{
    display:inline-block;
    color:White;
    border:1px solid white;
    line-height:28px;
    height:28px;
    width:69px;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
 }
 
 .home_head_actions .btn :nth-child(1) {
     margin-right:5px;
 }
 
 .home_head_actions .btn :nth-child(2) {
     margin-left:5px;
 }
 
 .home_head_actions .item_answer_bg a:active {
     background-color:White;
     color:rgb(250,108,119);
 }
 
 .home_head_actions .item_write_bg a:active {
     background-color:White;
     color:rgb(40,195,170);
 }
 
 .home_head_actions .item_draft_bg a:active {
     background-color:White;
     color:rgb(102,168,244);
 }

.item_answer_bg {
    background-image: url(../../Images/home_answer_bg.png);
    margin-right:23px;
}

.item_write_bg {
    background-image: url(../../Images/home_write_bg.png);
    margin-right:23px;
}

.item_draft_bg {
    background-image: url(../../Images/home_draft_bg.png);
}

.pop_add_question {
    width: 595px;
}

.pop_add_question .all_content 
{
   margin:0px 24px 20px 24px; 
}

.pop_add_question .title {
    margin-top: 35px;
    font-size: 24px;
    font-weight: 500;
    color: #1a1a1a;
    text-align: center;
}

.pop_add_question .content1 {
    padding: 0 38px;
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.5;
    color: #8590a6;
    text-align: center;
}

.pop_add_question .txt_title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 81px;
    padding: 4px 10px;
    font-size: 14px;
    border-radius: 3px;
    box-sizing: border-box;
    transition: background .2s,border .2s;
}

.pop_add_question .txt_title textarea {
    line-height: 24px;
    color: #1a1a1a;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0;
    overflow:hidden;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    background: transparent;
    border: none;
    outline: none;
    resize: none;
}

.pop_add_question .txt_title textarea::placeholder {
    color: #999999;
}

.pop_add_question .is-focus {
 background:#fff;
 border:1px solid #8590a6
}

.pop_add_question .is-nofocus {
 background: #fff;
 border: 1px solid #ebebeb;
}

.pop_add_question .error {
    color: #f1403c;
    font-size: 15px;
    line-height: 1.7;
    text-align:right;
    margin-top:5px;
    height:15px;
}

.pop_add_question .des
{
    margin-top:40px;  
}

.pop_add_question .des .des_title
{
    color: #444;
    line-height: 1.7;
    font-size: 15px;
    padding-left: 13px;
    margin-bottom: 8px;
    float:left;
}

.pop_add_question .des .des_content
{
   float:right;
   color:#999999;
}

.addanswer_app_tip 
{
  color:#999999;
  margin-top:10px;
  font-size:10pt; 
  margin-bottom:20px;  
}

.question_answer_content .attachment_book .book_item 
{
    float:left;
    margin-right:10px;
    margin-top:20px;
}

.question_answer_content .attachment_book .book_item img 
{
  width:80px;
  height:120px;   
}

.question_answer_content .attachment_book .book_item span
{
  margin-top:3px;
  display:block;
  font-size:9pt;
  color:#999999;
  width:80px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}

.answer_book_title 
{
    text-align:center; 
    color:#666666;
}

.answer_book_apptip 
{
    text-align:center;
    color:#999999;
}

.gray-layer[data-v-2aeaa8ac] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.4);
  z-index: 1006;
}
.down-app[data-v-2aeaa8ac] {
  width: 280px;
  height: 271px;
  background: #fff;
  z-index: 1007;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -136px 0 0 -140px;
  border-radius: 8px;
}
.down-app .img-box[data-v-2aeaa8ac] {
  margin: 21px 76px 17px 76px;
}
.down-app .img-box img[data-v-2aeaa8ac] {
  width: 128px;
  height: 128px;
  border-radius: 5px;
}
.down-app p[data-v-2aeaa8ac] {
  font-size: 14px;
  color: #555;
  text-align: center;
  margin: 0 0 3px 0;
}
.down-app .close[data-v-2aeaa8ac] {
  color: #5b92e1;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  display: block;
  border-top: 1px solid #eee;
  padding: 10px 0;
  margin: 18px 0 0 0;
}

/**知乎样式**/

.Button {
 display:inline-block;
 padding:0px;
 font-size:14px;
 color:#8590a6;
 text-align:center;
 cursor:pointer;
 background:none;
 border:0px solid;
 border-radius:3px
}
.Button::-moz-focus-inner {
 padding:0;
 border:0
}
.Button:focus {
 outline:none
}
.Button:disabled {
 cursor:default;
 opacity:.5
}
html[data-theme=dark] .Button {
 color:#606a80
}
.Input-wrapper {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:180px;
 height:34px;
 padding:4px 10px;
 font-size:14px;
 background:#fff;
 border:1px solid #ebebeb;
 border-radius:3px;
 box-sizing:border-box;
 transition:background .2s,border .2s
}
.Popover {
 position:relative;
 display:inline-block
}
.Popover-arrow {
 position:absolute
}
.Popover-arrow,.Popover-arrow:after {
 border:8px solid transparent;
 display:block;
 width:0;
 height:0
}
.Popover-arrow:after {
 position:absolute;
 left:0;
 top:0;
 content:""
}
.Popover-arrow--top {
 border-top-color:#ebebeb;
 margin-top:7px
}
.Popover-arrow--top,.Popover-arrow--top:after {
 border-bottom-width:0;
 -webkit-transform:translate3d(-50%,-100%,0);
 transform:translate3d(-50%,-100%,0)
}
.Popover-arrow--top:after {
 margin-top:-1px;
 border-top-color:#fff
}
html[data-theme=dark] .Popover-arrow--top:after {
 border-top-color:#1a1a1a
}
html[data-theme=dark] .Popover-arrow--top {
 border-top-color:#2e2e2e
}
.Popover-arrow--bottom {
 border-bottom-color:#ebebeb;
 margin-top:-8px
}
.Popover-arrow--bottom,.Popover-arrow--bottom:after {
 border-top-width:0;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}
.Popover-arrow--bottom:after {
 margin-top:1px;
 border-bottom-color:#fff
}
html[data-theme=dark] .Popover-arrow--bottom:after {
 border-bottom-color:#1a1a1a
}
html[data-theme=dark] .Popover-arrow--bottom {
 border-bottom-color:#2e2e2e
}
.Popover-arrow--left {
 border-left-color:#ebebeb;
 margin-left:7px
}
.Popover-arrow--left,.Popover-arrow--left:after {
 border-right-width:0;
 -webkit-transform:translate3d(-100%,-50%,0);
 transform:translate3d(-100%,-50%,0)
}
.Popover-arrow--left:after {
 margin-left:-1px;
 border-left-color:#fff
}
html[data-theme=dark] .Popover-arrow--left:after {
 border-left-color:#1a1a1a
}
html[data-theme=dark] .Popover-arrow--left {
 border-left-color:#2e2e2e
}
.Popover-arrow--right {
 border-right-color:#ebebeb;
 margin-left:-8px
}
.Popover-arrow--right,.Popover-arrow--right:after {
 border-left-width:0;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.Popover-arrow--right:after {
 margin-left:1px;
 border-right-color:#fff
}
html[data-theme=dark] .Popover-arrow--right:after {
 border-right-color:#1a1a1a
}
html[data-theme=dark] .Popover-arrow--right {
 border-right-color:#2e2e2e
}
.Popover-content {
 position:absolute;
 background:#fff;
 border:1px solid #ebebeb;
 border-radius:4px;
 box-shadow:0 5px 20px rgba(26,26,26,.1);
 z-index:203
}
html[data-theme=dark] .Popover-content {
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.Popover-content-enter {
 opacity:.01
}
.Popover-content-enter-active {
 transition:opacity .2s ease-out,-webkit-transform .2s ease-out;
 transition:transform .2s ease-out,opacity .2s ease-out;
 transition:transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out
}
.Popover-content-enter-active,.Popover-content-leave {
 opacity:1;
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
.Popover-content-leave-active {
 opacity:.01;
 transition:opacity .2s ease-out,-webkit-transform .2s ease-out;
 transition:transform .2s ease-out,opacity .2s ease-out;
 transition:transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out
}
.Popover-content--fixed {
 position:fixed
}
html[data-theme=dark] .Popover-content {
 background:#1a1a1a;
 border:1px solid #2e2e2e
}
.Popover-content--top {
 -webkit-transform-origin:bottom center;
 transform-origin:bottom center;
 margin-top:-8px
}
.Popover-content--top.Popover-content--arrowed {
 margin-top:-16px
}
.Popover-content--top.Popover-content--enter,.Popover-content--top.Popover-content-leave-active {
 -webkit-transform:translateY(8px);
 transform:translateY(8px)
}
.Popover-content--bottom {
 margin-top:8px
}
.Popover-content--bottom.Popover-content--arrowed {
 margin-top:16px
}
.Popover-content--bottom.Popover-content--enter,.Popover-content--bottom.Popover-content-leave-active {
 -webkit-transform:translateY(-8px);
 transform:translateY(-8px)
}
.Popover-content--left {
 -webkit-transform-origin:right center;
 transform-origin:right center;
 margin-left:-8px
}
.Popover-content--left.Popover-content--arrowed {
 margin-left:-16px
}
.Popover-content--left.Popover-content--enter,.Popover-content--left.Popover-content-leave-active {
 -webkit-transform:translateX(8px);
 transform:translateX(8px)
}
.Popover-content--right {
 margin-left:8px
}
.Popover-content--right.Popover-content--arrowed {
 margin-left:16px
}
.Popover-content--right.Popover-content--enter,.Popover-content--right.Popover-content-leave-active {
 -webkit-transform:translateX(-8px);
 transform:translateX(-8px)
}
.AttentionPopover {
 font-size:15px;
 background-color:#0084ff;
 color:#fff;
 padding:9px 14px;
 border-radius:8px;
 border:none
}
.AttentionPopover .Popover-arrow {
 border:none
}
.AttentionPopover .Popover-arrow--top:after {
 border-top-color:#0084ff
}
html[data-theme=dark] .AttentionPopover .Popover-arrow--top:after {
 border-top-color:#3a76d0
}
.AttentionPopover .Popover-arrow--bottom:after {
 border-bottom-color:#0084ff
}
html[data-theme=dark] .AttentionPopover .Popover-arrow--bottom:after {
 border-bottom-color:#3a76d0
}
.AttentionPopover .Popover-arrow--left:after {
 border-left-color:#0084ff
}
html[data-theme=dark] .AttentionPopover .Popover-arrow--left:after {
 border-left-color:#3a76d0
}
.AttentionPopover .Popover-arrow--right:after {
 border-right-color:#0084ff
}
html[data-theme=dark] .AttentionPopover .Popover-arrow--right:after {
 border-right-color:#3a76d0
}
html[data-theme=dark] .AttentionPopover {
 background-color:#3a76d0
}
.MathToolbar {
 display:block;
 padding:4px 12px;
 border-radius:inherit inherit 0 0;
 background:#f6f6f6;
 border-bottom:1px solid #ebebeb;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
html[data-theme=dark] .MathToolbar {
 background:#2e2e2e;
 border-bottom:1px solid #444
}
.MathToolbar-button {
 height:28px;
 padding:2px 4px;
 box-sizing:border-box;
 border:1px solid transparent;
 vertical-align:middle
}
.MathToolbar-button+.MathToolbar-button {
 margin-left:16px
}
.MathToolbar-button:hover {
 background:#f6f6f6;
 border-color:#ebebeb
}
html[data-theme=dark] .MathToolbar-button:hover {
 background:#2e2e2e;
 border-color:#444
}
.MathToolbar-palettes {
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin:-4px;
 padding:16px;
 max-width:384px
}
.MathToolbar-palettes,.MathToolbar-palettesButton {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row
}
.MathToolbar-palettesButton {
 margin:4px;
 padding:0;
 width:24px;
 height:24px;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 font-size:16px;
 color:#8590a6;
 border-radius:4px
}
.MathToolbar-palettesButton:hover {
 background-color:#f6f6f6
}
html[data-theme=dark] .MathToolbar-palettesButton:hover {
 background-color:#2e2e2e
}
html[data-theme=dark] .MathToolbar-palettesButton {
 color:#606a80
}
.MathToolbar-paletteIcon {
 max-width:calc(100% - 2px)
}
.MathToolbar-palettes--math {
 max-width:380px
}
.MathToolbar-palettes--math .MathToolbar-palettesButton {
 padding:0 3px;
 width:30px;
 height:60px
}
.MathToolbar-palettes--arrow .MathToolbar-palettesButton {
 height:35px
}
.FormulaModal {
 width:550px
}
.FormulaModal-input {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 margin-bottom:30px
}
.FormulaModal-input .Input {
 padding:6px 12px;
 min-height:100px;
 box-sizing:border-box
}
.FormulaModal-formula {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 padding:0 3px;
 background:#fff;
 border:2px dashed #ebebeb;
 border-radius:3px;
 min-height:106px;
 overflow-x:auto
}
.FormulaModal-formula img {
 max-width:100%
}
html[data-theme=dark] .FormulaModal-formula {
 background:#1a1a1a;
 border:2px dashed #444
}
.FormulaModal-buttonGroup {
 margin-top:32px
}
.FormulaModal-previewText {
 color:#8590a6;
 font-size:14px
}
html[data-theme=dark] .FormulaModal-previewText {
 color:#606a80
}
.FocusPlugin--unfocused:hover {
 cursor:default;
 box-shadow:0 0 0 2px rgba(0,132,255,.3)
}
html[data-theme=dark] .FocusPlugin--unfocused:hover {
 box-shadow:0 0 0 2px rgba(58,118,208,.3)
}
.FocusPlugin--focused {
 cursor:default;
 box-shadow:0 0 0 2px #0084ff
}
html[data-theme=dark] .FocusPlugin--focused {
 box-shadow:0 0 0 2px #3a76d0
}
.Image {
 max-width:100%;
 margin:0 auto
}
.Image[data-size=small] {
 max-width:40%
}
.Image--isBlock {
 display:block
}
.LoadingBar {
 position:fixed;
 top:0;
 right:0;
 left:0;
 z-index:101;
 display:none;
 height:2px;
 pointer-events:none;
 background:#0084ff;
 -webkit-transform:translateX(-100%);
 transform:translateX(-100%)
}
.LoadingBar.is-active {
 display:block;
 -webkit-animation:LoadingBarForward 1s ease-in-out .8s infinite;
 animation:LoadingBarForward 1s ease-in-out .8s infinite
}
html[data-theme=dark] .LoadingBar {
 background:#3a76d0
}
@-webkit-keyframes LoadingBarForward {
 0% {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)
 }
 40% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
 60% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
 to {
  -webkit-transform:translateX(100%);
  transform:translateX(100%)
 }
}
@keyframes LoadingBarForward {
 0% {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)
 }
 40% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
 60% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
 to {
  -webkit-transform:translateX(100%);
  transform:translateX(100%)
 }
}
.Editable-imageUploader {
 text-align:center
}
.Editable-imageUploader-layout {
 position:relative;
 display:inline-block;
 max-width:100%;
 vertical-align:top
}
.Editable-imageUploader-layout.is-fullWidth {
 width:100%
}
.Editable-imageUploader-image {
 display:block;
 max-width:100%;
 opacity:.3
}
.Editable-imageUploader-placeholder {
 height:192px;
 background-color:#ebebeb
}
html[data-theme=dark] .Editable-imageUploader-placeholder {
 background-color:#444
}
.Editable-imageUploader-status {
 position:absolute;
 left:0;
 top:0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 width:100%;
 height:100%
}
.Editable-imageUploader-statusText {
 font-size:28px;
 line-height:40px;
 color:#8590a6
}
html[data-theme=dark] .Editable-imageUploader-statusText {
 color:#606a80
}
.Editable-imageUploader-status.is-error .Editable-imageUploader-statusText {
 color:#f36
}
html[data-theme=dark] .Editable-imageUploader-status.is-error .Editable-imageUploader-statusText {
 color:#d92155
}
.Editable-imageUploader-retry {
 margin-top:4px;
 font-size:16px;
 line-height:32px
}
.Editable-imageUploader-retry .Button {
 font-size:inherit
}
.Editable-imageUploader-progress {
 position:absolute;
 left:0;
 bottom:0;
 width:100%;
 height:4px;
 background-color:#0084ff
}
.Editable-imageUploader-progress.is-error {
 background-color:#f36
}
html[data-theme=dark] .Editable-imageUploader-progress.is-error {
 background-color:#d92155
}
.Editable-imageUploader-progress .LoadingBar {
 position:relative;
 height:100%;
 background-color:hsla(0,0%,100%,.3)
}
html[data-theme=dark] .Editable-imageUploader-progress .LoadingBar {
 background-color:rgba(26,26,26,.3)
}
html[data-theme=dark] .Editable-imageUploader-progress {
 background-color:#3a76d0
}
.Image-caption.is-placeholder {
 color:#bfbfbf
}
html[data-theme=dark] .Image-caption.is-placeholder {
 color:gray
}
.Image-caption.is-editing {
 opacity:0
}
.Image-captionInput {
 position:absolute;
 z-index:203
}
.Image-captionInput textarea {
 display:block;
 overflow:hidden;
 width:100%;
 height:100%;
 padding:0;
 border:none;
 font:inherit;
 font-size:.9em;
 line-height:1.5;
 text-align:center;
 color:#8590a6;
 background:none;
 resize:none
}
.Image-captionInput textarea::-webkit-input-placeholder {
 color:#bfbfbf
}
.Image-captionInput textarea:-ms-input-placeholder {
 color:#bfbfbf
}
.Image-captionInput textarea::placeholder {
 color:#bfbfbf
}
html[data-theme=dark] .Image-captionInput textarea::-webkit-input-placeholder {
 color:gray
}
html[data-theme=dark] .Image-captionInput textarea:-ms-input-placeholder {
 color:gray
}
html[data-theme=dark] .Image-captionInput textarea::placeholder {
 color:gray
}
.Image-captionInput textarea:focus {
 outline:none
}
html[data-theme=dark] .Image-captionInput textarea {
 color:#606a80
}
.Image-resizer {
 padding:8px
}
.Image-resizerButton {
 padding:0 8px;
 vertical-align:middle
}
.Image-resizerButton .Zi {
 display:block
}
.Image-resizerButton.is-active {
 color:#0084ff
}
html[data-theme=dark] .Image-resizerButton.is-active {
 color:#3a76d0
}
.Editable-VideoTitleInput-container {
 -ms-flex-item-align:stretch;
 align-self:stretch;
 background:#fff;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 width:100%
}
html[data-theme=dark] .Editable-VideoTitleInput-container {
 background:#1a1a1a
}
.Editable-VideoTitleInput-innerContainer {
 cursor:text;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 padding:0 16px
}
.Editable-VideoTitleInput-innerContainer--isBeforeIconShown {
 padding:0 10px
}
.Editable-VideoTitleInput-beforeIcon,html[data-theme=dark] .Editable-VideoTitleInput-beforeIcon {
 color:gray
}
.Editable-VideoTitleInput-value {
 font-size:15px;
 line-height:48px
}
.Editable-VideoTitleInput-value--noContent,html[data-theme=dark] .Editable-VideoTitleInput-value--noContent {
 color:gray
}
.Editable-VideoTitleInput {
 border:none;
 box-sizing:border-box;
 font-size:15px;
 height:48px;
 outline:none;
 padding:0;
 width:100%
}
.Editable-VideoTitleInput::-webkit-input-placeholder {
 color:gray
}
.Editable-VideoTitleInput:-ms-input-placeholder {
 color:gray
}
.Editable-VideoTitleInput::placeholder {
 color:gray
}
html[data-theme=dark] .Editable-VideoTitleInput::-webkit-input-placeholder {
 color:gray
}
html[data-theme=dark] .Editable-VideoTitleInput:-ms-input-placeholder {
 color:gray
}
html[data-theme=dark] .Editable-VideoTitleInput::placeholder {
 color:gray
}
.Embed embed {
 display:block;
 width:100%;
 height:100%
}
.VideoCard {
 position:relative;
 overflow:hidden;
 border:1px solid #ebebeb;
 border-radius:4px;
 box-shadow:0 1px 3px rgba(26,26,26,.1)
}
html[data-theme=dark] .VideoCard {
 box-shadow:0 1px 3px rgba(0,0,0,.3);
 border:1px solid #444
}
.VideoCard-link {
 display:block
}
.VideoCard-layout {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.VideoCard-poster {
 width:120px;
 height:90px;
 background-color:#ebebeb
}
.VideoCard-poster img {
 display:block;
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
html[data-theme=dark] .VideoCard-poster {
 background-color:#444
}
.VideoCard-video {
 position:relative;
 width:100%
}
.VideoCard-video:before {
 display:block;
 padding-top:56.25%;
 content:""
}
.VideoCard-video-content {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.VideoCard-thumbnail {
 position:relative;
 width:100%;
 height:100%;
 background-color:#ebebeb
}
.VideoCard-thumbnail img {
 display:block;
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
html[data-theme=dark] .VideoCard-thumbnail {
 background-color:#444
}
.VideoCard-play-button {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 width:64px;
 height:64px;
 margin:auto;
 transition:-webkit-transform .3s;
 transition:transform .3s;
 transition:transform .3s,-webkit-transform .3s
}
.VideoCard-playIcon {
 display:block
}
html[data-theme=dark] .VideoCard-playIcon {
 filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter');
 -webkit-filter:brightness(.7);
 filter:brightness(.7)
}
.VideoCard--interactive .VideoCard-video:hover .VideoCard-play-button {
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}
.VideoCard-content {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 padding:10px 16px;
 overflow:hidden;
 box-sizing:border-box
}
.VideoCard-VideoTitleInputHolder {
 height:48px;
 width:100%
}
.VideoCard-title {
 overflow:hidden;
 height:28px;
 font-size:16px;
 line-height:28px;
 text-overflow:ellipsis;
 white-space:nowrap
}
.VideoCard--interactive .VideoCard-link .VideoCard-content:hover .VideoCard-title,html[data-theme=dark] .VideoCard--interactive .VideoCard-link .VideoCard-content:hover .VideoCard-title {
 color:#175199
}
.VideoCard-description {
 height:25px;
 margin-top:5px;
 line-height:25px
}
.VideoCard-source {
 display:inline-block;
 margin-right:10px;
 color:#8590a6
}
html[data-theme=dark] .VideoCard-source {
 color:#606a80
}
.VideoCard-badge {
 display:inline-block;
 padding:0 8px;
 color:#8590a6;
 background-color:#f6f6f6;
 border-radius:3px
}
html[data-theme=dark] .VideoCard-badge {
 color:#606a80;
 background-color:#2e2e2e
}
.VideoCard-player {
 width:100%;
 height:100%;
 background-color:#1a1a1a
}
.VideoCard-player .Embed,.VideoCard-player iframe {
 display:block;
 width:100%;
 height:100%
}
html[data-theme=dark] .VideoCard-player {
 background-color:#999
}
.VideoCard-overlay {
 position:absolute;
 top:0;
 left:0;
 z-index:1;
 width:100%;
 height:100%;
 background-color:#fff
}
.VideoCard-overlay.is-loading {
 opacity:0
}
.VideoCard-mask,html[data-theme=dark] .VideoCard-overlay {
 background-color:#1a1a1a
}
.VideoCard-mask {
 position:absolute;
 top:0;
 left:0;
 z-index:1;
 width:100%;
 height:100%;
 transition:opacity .3s,visibility .3s
}
.VideoCard-mask:not(.is-shown) {
 opacity:0;
 visibility:hidden
}
html[data-theme=dark] .VideoCard-mask {
 background-color:#999
}
.VideoCard--mobile .VideoCard-poster {
 width:100px;
 height:75px
}
.VideoCard--mobile .VideoCard-video:hover .VideoCard-play-button {
 -webkit-transform:scale(1);
 transform:scale(1)
}
.VideoCard--mobile .VideoCard-content {
 padding:10px 12px
}
.VideoCard--mobile .VideoCard-title {
 font-size:16px
}
.VideoCard--mobile .VideoCard-description {
 margin-top:0;
 font-size:12px
}
.Editable-video {
 margin:16px 0;
 border-radius:4px
}
.Video-uploadPosterButton {
 background:rgba(26,26,26,.5);
 border:1px solid hsla(0,0%,100%,.3);
 border-radius:3px;
 height:32px;
 width:109px;
 position:absolute;
 bottom:16px;
 right:16px;
 text-align:center;
 line-height:32px;
 cursor:pointer
}
.Video-uploadPosterButton p {
 color:#fff;
 font-size:14px;
 margin:0!important
}
html[data-theme=dark] .Video-uploadPosterButton p {
 color:#1a1a1a
}
html[data-theme=dark] .Video-uploadPosterButton {
 background:hsla(0,0%,60%,.5);
 border:1px solid rgba(26,26,26,.3)
}
.Editable-videoUploader {
 margin:16px 0;
 border-radius:4px
}
.Editable-videoUploader-thumbnail {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 width:100%;
 height:100%
}
.Editable-videoUploader-text {
 text-align:center;
 position:relative;
 color:#8590a6
}
html[data-theme=dark] .Editable-videoUploader-text {
 color:#606a80
}
.Editable-videoUploader-status {
 font-size:28px;
 line-height:40px
}
.Editable-videoUploader-size {
 margin-top:10px;
 font-size:14px;
 line-height:20px
}
.Editable-videoUploader-retry {
 margin-top:4px;
 font-size:16px;
 line-height:32px
}
.Editable-videoUploader-retry .Button {
 font-size:inherit
}
.Editable-videoUploader-retry .Button:hover {
 background-color:transparent!important;
 background-color:initial!important
}
.Editable-videoUploader-progress {
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 overflow:hidden;
 height:4px;
 background-color:rgba(26,26,26,.05)
}
html[data-theme=dark] .Editable-videoUploader-progress {
 background-color:hsla(0,0%,60%,.05)
}
.Editable-videoUploader-progress-bar {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 background-color:#0084ff
}
.Editable-videoUploader-progress-bar.is-error {
 background-color:#f36
}
html[data-theme=dark] .Editable-videoUploader-progress-bar.is-error {
 background-color:#d92155
}
html[data-theme=dark] .Editable-videoUploader-progress-bar {
 background-color:#3a76d0
}
.Editable-videoUploader-progress .LoadingBar {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 background-color:hsla(0,0%,100%,.3)
}
html[data-theme=dark] .Editable-videoUploader-progress .LoadingBar {
 background-color:rgba(26,26,26,.3)
}
.Editable-videoUploader-image {
 position:absolute
}
.Editable-videoUploader-uploadPosterButton {
 background:rgba(26,26,26,.5);
 border:1px solid hsla(0,0%,100%,.3);
 border-radius:3px;
 height:32px;
 width:109px;
 position:absolute;
 bottom:16px;
 right:16px;
 text-align:center;
 line-height:32px;
 cursor:pointer
}
.Editable-videoUploader-uploadPosterButton p {
 color:#fff;
 font-size:14px;
 margin:0!important
}
html[data-theme=dark] .Editable-videoUploader-uploadPosterButton p {
 color:#1a1a1a
}
html[data-theme=dark] .Editable-videoUploader-uploadPosterButton {
 background:hsla(0,0%,60%,.5);
 border:1px solid rgba(26,26,26,.3)
}
.Editable-videoUploader-imageMask {
 width:100%;
 height:100%;
 position:absolute;
 background:hsla(0,0%,92%,.9)
}
html[data-theme=dark] .Editable-videoUploader-imageMask {
 background:rgba(68,68,68,.9)
}
.VideoErrorCard-thumbnail {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 width:100%;
 height:100%
}
.VideoErrorCard-error {
 font-size:28px;
 line-height:40px;
 text-align:center;
 color:#8590a6
}
html[data-theme=dark] .VideoErrorCard-error {
 color:#606a80
}
.Editable-videoError {
 margin:16px 0;
 border-radius:4px
}
.Editable-divider {
 overflow:hidden
}
.Link+.Link {
 margin-left:2px
}
.Link[data-editable] {
 cursor:text!important
}
.LinkCard {
 position:relative;
 display:block;
 margin:1em auto;
 width:390px;
 box-sizing:border-box;
 border-radius:12px;
 max-width:100%;
 overflow:hidden
}
.LinkCard,.LinkCard:hover {
 text-decoration:none;
 border:none!important;
 color:inherit!important
}
.LinkCard-content {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 padding:12px;
 border-radius:inherit;
 background-color:hsla(0,0%,96%,.88)
}
.LinkCard--noImage .LinkCard-content {
 background-color:#f6f6f6
}
html[data-theme=dark] .LinkCard--noImage .LinkCard-content {
 background-color:#2e2e2e
}
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) {
 .LinkCard-content {
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px)
 }
}
html[data-theme=dark] .LinkCard-content {
 background-color:rgba(46,46,46,.88)
}
.LinkCard-title {
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical;
 overflow:hidden;
 text-overflow:ellipsis;
 max-height:40px;
 font-size:16px;
 font-weight:500;
 line-height:1.25;
 color:#1a1a1a
}
html[data-theme=dark] .LinkCard-title {
 color:#999
}
.LinkCard-meta {
 display:block;
 margin-top:4px;
 font-size:14px;
 line-height:1.25;
 color:#999
}
html[data-theme=dark] .LinkCard-meta {
 color:#646464
}
.LinkCard-image {
 display:block;
 width:60px;
 height:60px;
 border-radius:inherit
}
.LinkCard-image.LinkCard-image--horizontal {
 width:90px
}
.LinkCard-image.LinkCard-image--vertical {
 height:80px
}
.LinkCard-imageCell {
 margin-left:8px;
 border-radius:6px
}
html[data-theme=dark] .LinkCard--hasImage .LinkCard-imageCell {
 filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter');
 -webkit-filter:brightness(.7);
 filter:brightness(.7)
}
.LinkCard-backdrop {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background-repeat:no-repeat;
 filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="20" /></filter></svg>#filter');
 -webkit-filter:blur(20px);
 filter:blur(20px);
 background-size:cover;
 background-position:50%
}
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) {
 .LinkCard-backdrop {
  -webkit-filter:none;
  filter:none
 }
}
.LinkCard-image--default {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 background-color:#ebebeb;
 color:#d3d3d3
}
html[data-theme=dark] .LinkCard-image--default {
 background-color:#444;
 color:#2e2e2e
}
.LinkModal-input {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.LinkModal-input+.LinkModal-input {
 margin-top:10px
}
.LinkModal-input .Input {
 margin-left:8px
}
.LinkBubble.Popover-content--top.Popover-content--arrowed {
 margin-top:-10px
}
.LinkBubble.Popover-content--bottom.Popover-content--arrowed {
 margin-top:10px
}
.LinkBubble-content {
 display:block;
 padding:7px 10px 7px 16px
}
.LinkBubble-button,.LinkBubble-previewLink {
 vertical-align:middle
}
.LinkBubble-previewLink {
 display:inline-block;
 margin-right:8px;
 max-width:233px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 text-decoration:none;
 font-size:14px;
 line-height:1.3;
 border-bottom:1px solid transparent
}
.LinkBubble-previewLink:hover {
 color:#175199;
 border-bottom-color:rgba(0,132,255,.72)
}
html[data-theme=dark] .LinkBubble-previewLink:hover {
 color:#175199;
 border-bottom-color:rgba(58,118,208,.72)
}
.LinkBubble-button {
 padding:0 6px
}
.Menu {
 padding:6px 0
}
.Menu-item {
 display:block;
 width:100%;
 padding:0 20px;
 text-align:left;
 cursor:pointer;
 box-sizing:border-box
}
.Menu-item.is-active {
 background:#f6f6f6
}
html[data-theme=dark] .Menu-item.is-active {
 background:#2e2e2e
}
.Menu-item--noActive {
 cursor:default
}
.Menu-divider {
 margin:8px 0;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .Menu-divider {
 border-bottom:1px solid #444
}
.AutoComplete-DefaultItem {
 line-height:40px
}
.Avatar {
 background:#fff;
 border-radius:2px
}
html[data-theme=dark] .Avatar {
 background:#1a1a1a
}
.Avatar--medium {
 border-radius:3px
}
.Avatar--large {
 border-radius:4px
}
.Avatar--round {
 border-radius:50%
}
.VagueImage {
 position:relative;
 display:inline-block;
 width:100%;
 height:100%;
 overflow:hidden;
 background-color:#f6f6f6
}
html[data-theme=dark] .VagueImage {
 background-color:#2e2e2e
}
.VagueImage-mask {
 z-index:1;
 opacity:0;
 background-size:cover;
 background-position:50%;
 background-repeat:no-repeat;
 transition:opacity .3s ease-in
}
.VagueImage-mask.is-active {
 opacity:1
}
.VagueImage-mask,.VagueImage-mask:after,.VagueImage-mask:before {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0
}
.VagueImage-mask:after,.VagueImage-mask:before {
 display:block;
 content:""
}
.VagueImage-mask:before {
 background-color:#fff;
 opacity:.32
}
html[data-theme=dark] .VagueImage-mask:before {
 background-color:#1a1a1a
}
.VagueImage-mask:after {
 filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="16" /></filter></svg>#filter');
 -webkit-filter:blur(16px);
 filter:blur(16px);
 background-image:inherit;
 background-size:cover;
 background-position:50%
}
.VagueImage-innerLarge {
 position:absolute;
 top:50%;
 left:50%;
 width:100%;
 -webkit-transform:translate3d(-50%,-50%,0);
 transform:translate3d(-50%,-50%,0)
}
.RichText a.UserLink-link {
 color:#175199
}
.RichText a.UserLink-link:hover,html[data-theme=dark] .RichText a.UserLink-link:hover {
 border-bottom:1px solid #175199
}
html[data-theme=dark] .RichText a.UserLink-link {
 color:#175199
}
.ztext {
 word-break:break-word;
 line-height:1.6
}
.ztext>:first-child {
 margin-top:0
}
.ztext>:last-child {
 margin-bottom:0
}
.ztext h1,.ztext h2,.ztext h3,.ztext h4,.ztext h5,.ztext h6 {
 margin-top:1.66667em;
 margin-bottom:.83333em;
 font-size:1.2em;
 line-height:1.5;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .ztext h1,html[data-ios] .ztext h2,html[data-ios] .ztext h3,html[data-ios] .ztext h4,html[data-ios] .ztext h5,html[data-ios] .ztext h6 {
 font-weight:500
}
html[data-android] .ztext h1,html[data-android] .ztext h2,html[data-android] .ztext h3,html[data-android] .ztext h4,html[data-android] .ztext h5,html[data-android] .ztext h6 {
 font-weight:700
}
.ztext u {
 text-decoration:none
}
.ztext u,html[data-theme=dark] .ztext u {
 border-bottom:1px dashed gray
}
.ztext b {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .ztext b {
 font-weight:500
}
html[data-android] .ztext b {
 font-weight:700
}
.ztext a.external,.ztext a.internal,.ztext a.ztext-link {
 text-decoration:none;
 cursor:pointer;
 border-bottom:1px solid gray
}
.ztext a.external:hover,.ztext a.internal:hover,.ztext a.ztext-link:hover {
 color:#175199;
 border-bottom:1px solid #175199
}
html[data-theme=dark] .ztext a.external:hover,html[data-theme=dark] .ztext a.internal:hover,html[data-theme=dark] .ztext a.ztext-link:hover {
 color:#175199;
 border-bottom:1px solid #175199
}
.ztext a.external>.ellipsis:after,.ztext a.internal>.ellipsis:after,.ztext a.ztext-link>.ellipsis:after {
 content:"..."
}
.ztext a.external>.invisible,.ztext a.internal>.invisible,.ztext a.ztext-link>.invisible {
 font:0/0 a;
 color:transparent;
 text-shadow:none;
 background-color:transparent
}
.ztext a.external u,.ztext a.internal u,.ztext a.ztext-link u {
 border:none
}
html[data-theme=dark] .ztext a.external,html[data-theme=dark] .ztext a.internal,html[data-theme=dark] .ztext a.ztext-link {
 border-bottom:1px solid gray
}
.ztext a.member_mention {
 color:#175199
}
.ztext a.member_mention:hover,html[data-theme=dark] .ztext a.member_mention:hover {
 border-bottom:1px solid #175199
}
html[data-theme=dark] .ztext a.member_mention {
 color:#175199
}
.ztext p {
 margin:1em 0
}
.ztext hr {
 margin:4em auto;
 width:240px;
 max-width:100%;
 border:none;
 border-top:1px solid #d3d3d3
}
html[data-theme=dark] .ztext hr {
 border-top:1px solid #2e2e2e
}
.ztext img[eeimg] {
 max-width:100%;
 vertical-align:middle
}
html[data-theme=dark] .ztext img[eeimg] {
 filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0.6 0.4" /><feFuncG type="table" tableValues="0.6 0.4" /><feFuncB type="table" tableValues="0.6 0.4" /></feComponentTransfer><feColorMatrix type="hueRotate" color-interpolation-filters="sRGB" values="180" /></filter></svg>#filter');
 -webkit-filter:invert(.6) hue-rotate(180deg);
 filter:invert(.6) hue-rotate(180deg)
}
.ztext img[eeimg="1"] {
 margin:0 3px;
 display:inline-block
}
.ztext img[eeimg="2"] {
 margin:1em auto;
 display:block
}
.ztext blockquote {
 margin:1em 0;
 padding-left:1em;
 color:#646464;
 border-left:3px solid #d3d3d3
}
html[data-theme=dark] .ztext blockquote {
 color:#999;
 border-left:3px solid #2e2e2e
}
.ztext ol,.ztext ul {
 margin:1em 0;
 padding:0
}
.ztext ol ol,.ztext ol ul,.ztext ul ol,.ztext ul ul {
 margin:0
}
.ztext ol>ol,.ztext ol>ul,.ztext ul>ol,.ztext ul>ul {
 display:table-row
}
.ztext ol>ol:before,.ztext ol>ul:before,.ztext ul>ol:before,.ztext ul>ul:before {
 display:table-cell;
 content:""
}
.ztext ul {
 display:table
}
.ztext ul>li {
 display:table-row;
 list-style:none
}
.ztext ul>li:before {
 display:table-cell;
 content:"\2022   ";
 white-space:pre
}
.ztext ol {
 display:table;
 counter-reset:ol
}
.ztext ol>li {
 display:table-row;
 list-style:none
}
.ztext ol>li:before {
 display:table-cell;
 text-align:right;
 counter-increment:ol;
 content:counter(ol) ". ";
 white-space:pre
}
.ztext ol ol {
 counter-reset:ol2
}
.ztext ol ol li:before {
 counter-increment:ol2;
 content:counter(ol2) ". "
}
.ztext ol ol ol {
 counter-reset:ol3
}
.ztext ol ol ol li:before {
 counter-increment:ol3;
 content:counter(ol3) ". "
}
.ztext ol ol ol ol {
 counter-reset:ol4
}
.ztext ol ol ol ol li:before {
 counter-increment:ol4;
 content:counter(ol4) ". "
}
.ztext figure {
 margin:1em 0
}
.ztext figure .content_image,.ztext figure .origin_image {
 margin:0 auto
}
.ztext figure figcaption {
 margin-top:.66667em;
 padding:0 1em;
 font-size:.9em;
 line-height:1.5;
 text-align:center;
 color:#999
}
html[data-theme=dark] .ztext figure figcaption {
 color:#646464
}
.ztext figure+figure {
 margin-top:1.6em
}
.ztext .content_image,.ztext .origin_image {
 display:block;
 max-width:100%;
 margin:1em auto
}
html[data-theme=dark] .ztext .content_image,html[data-theme=dark] .ztext .origin_image {
 filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter');
 -webkit-filter:brightness(.7);
 filter:brightness(.7)
}
html[data-ios] .ztext .content_image,html[data-ios] .ztext .origin_image {
 -webkit-filter:none;
 filter:none
}
.ztext .content_image[data-size=small],.ztext .origin_image[data-size=small] {
 max-width:40%
}
.ztext .content_image.zh-lightbox-thumb,.ztext .origin_image.zh-lightbox-thumb {
 cursor:zoom-in
}
.ztext code {
 margin:0 2px;
 padding:3px 4px;
 border-radius:3px;
 font-family:Menlo,Monaco,Consolas,Andale Mono,lucida console,Courier New,monospace;
 font-size:.9em;
 background-color:#f6f6f6
}
html[data-theme=dark] .ztext code {
 background-color:#2e2e2e
}
.ztext pre {
 margin:1em 0;
 padding:.88889em;
 font-size:.9em;
 word-wrap:normal;
 white-space:pre;
 overflow:auto;
 background:#f6f6f6;
 border-radius:4px
}
.ztext pre code {
 margin:0;
 padding:0;
 font-size:inherit;
 border-radius:0;
 background-color:inherit
}
html[data-theme=dark] .ztext pre {
 background:#2e2e2e
}
.ztext .link-box,.ztext .video-box {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 margin:1em 0;
 overflow:auto;
 white-space:normal;
 cursor:pointer;
 border:1px solid #ebebeb;
 border-radius:4px;
 box-shadow:0 1px 3px rgba(26,26,26,.1)
}
html[data-theme=dark] .ztext .link-box,html[data-theme=dark] .ztext .video-box {
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.ztext .link-box .thumbnail,.ztext .video-box .thumbnail {
 -ms-flex-negative:0;
 flex-shrink:0;
 width:90px;
 height:90px;
 -o-object-fit:cover;
 object-fit:cover
}
.ztext .link-box .content,.ztext .video-box .content {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:100%;
 padding:10px 1em;
 overflow:hidden;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -ms-flex-pack:distribute;
 justify-content:space-around
}
.ztext .link-box .title,.ztext .video-box .title {
 font-size:1.2em;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .ztext .link-box .title,html[data-ios] .ztext .video-box .title {
 font-weight:500
}
html[data-android] .ztext .link-box .title,html[data-android] .ztext .video-box .title {
 font-weight:700
}
.ztext .link-box .url,.ztext .video-box .url {
 overflow:hidden;
 color:gray;
 text-overflow:ellipsis;
 word-wrap:normal;
 white-space:nowrap
}
html[data-theme=dark] .ztext .link-box .url,html[data-theme=dark] .ztext .video-box .url {
 color:gray
}
.ztext .link-box .label,.ztext .video-box .label {
 display:none
}
html[data-theme=dark] .ztext .link-box,html[data-theme=dark] .ztext .video-box {
 border:1px solid #444
}
.highlight {
 margin:1em 0
}
.highlight pre {
 margin:0
}
.highlight .hll {
 background-color:#fdfdfd
}
html[data-theme=dark] .highlight .hll {
 background-color:#2e2e2e
}
.highlight .c {
 font-style:italic;
 color:#999
}
html[data-theme=dark] .highlight .c {
 color:#646464
}
.highlight .err {
 color:#f1403c
}
html[data-theme=dark] .highlight .err {
 color:#b7302d
}
.highlight .k {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .highlight .k {
 font-weight:500
}
html[data-android] .highlight .k {
 font-weight:700
}
.highlight .o {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .highlight .o {
 font-weight:500
}
html[data-android] .highlight .o {
 font-weight:700
}
.highlight .cm {
 font-style:italic;
 color:#999
}
html[data-theme=dark] .highlight .cm {
 color:#646464
}
.highlight .cp {
 font-weight:600;
 font-synthesis:style;
 color:#999
}
html[data-ios] .highlight .cp {
 font-weight:500
}
html[data-android] .highlight .cp {
 font-weight:700
}
html[data-theme=dark] .highlight .cp {
 color:#646464
}
.highlight .c1 {
 font-style:italic;
 color:#999
}
html[data-theme=dark] .highlight .c1 {
 color:#646464
}
.highlight .cs {
 font-style:italic;
 font-weight:600;
 font-synthesis:style;
 color:#999
}
html[data-ios] .highlight .cs {
 font-weight:500
}
html[data-android] .highlight .cs {
 font-weight:700
}
html[data-theme=dark] .highlight .cs {
 color:#646464
}
.highlight .gd {
 color:#1a1a1a;
 background-color:#ebebeb
}
html[data-theme=dark] .highlight .gd {
 color:#999;
 background-color:#444
}
.highlight .ge {
 font-style:italic
}
.highlight .gr {
 color:#f1403c
}
html[data-theme=dark] .highlight .gr {
 color:#b7302d
}
.highlight .gh {
 color:#999
}
html[data-theme=dark] .highlight .gh {
 color:#646464
}
.highlight .gi {
 color:#1a1a1a;
 background-color:#f6f6f6
}
html[data-theme=dark] .highlight .gi {
 color:#999;
 background-color:#2e2e2e
}
.highlight .go,html[data-theme=dark] .highlight .go {
 color:gray
}
.highlight .gp {
 color:#646464
}
html[data-theme=dark] .highlight .gp {
 color:#999
}
.highlight .gs {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .highlight .gs {
 font-weight:500
}
html[data-android] .highlight .gs {
 font-weight:700
}
.highlight .gu {
 color:#999
}
html[data-theme=dark] .highlight .gu {
 color:#646464
}
.highlight .gt {
 color:#f1403c
}
html[data-theme=dark] .highlight .gt {
 color:#b7302d
}
.highlight .kc {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .highlight .kc {
 font-weight:500
}
html[data-android] .highlight .kc {
 font-weight:700
}
.highlight .kd {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .highlight .kd {
 font-weight:500
}
html[data-android] .highlight .kd {
 font-weight:700
}
.highlight .kn {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .highlight .kn {
 font-weight:500
}
html[data-android] .highlight .kn {
 font-weight:700
}
.highlight .kp {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .highlight .kp {
 font-weight:500
}
html[data-android] .highlight .kp {
 font-weight:700
}
.highlight .kr {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .highlight .kr {
 font-weight:500
}
html[data-android] .highlight .kr {
 font-weight:700
}
.highlight .kt {
 font-weight:600;
 font-synthesis:style;
 color:#175199
}
html[data-ios] .highlight .kt {
 font-weight:500
}
html[data-android] .highlight .kt {
 font-weight:700
}
html[data-theme=dark] .highlight .kt {
 color:#175199
}
.highlight .m {
 color:#0084ff
}
html[data-theme=dark] .highlight .m {
 color:#3a76d0
}
.highlight .s {
 color:#f1403c
}
html[data-theme=dark] .highlight .s {
 color:#b7302d
}
.highlight .na {
 color:#0084ff
}
html[data-theme=dark] .highlight .na {
 color:#3a76d0
}
.highlight .nb {
 color:#0084ff
}
html[data-theme=dark] .highlight .nb {
 color:#3a76d0
}
.highlight .nc {
 font-weight:600;
 font-synthesis:style;
 color:#175199
}
html[data-ios] .highlight .nc {
 font-weight:500
}
html[data-android] .highlight .nc {
 font-weight:700
}
html[data-theme=dark] .highlight .nc {
 color:#175199
}
.highlight .no {
 color:#0084ff
}
html[data-theme=dark] .highlight .no {
 color:#3a76d0
}
.highlight .ni,html[data-theme=dark] .highlight .ni {
 color:#5868d1
}
.highlight .ne {
 font-weight:600;
 font-synthesis:style;
 color:#f1403c
}
html[data-ios] .highlight .ne {
 font-weight:500
}
html[data-android] .highlight .ne {
 font-weight:700
}
html[data-theme=dark] .highlight .ne {
 color:#b7302d
}
.highlight .nf {
 font-weight:600;
 font-synthesis:style;
 color:#f1403c
}
html[data-ios] .highlight .nf {
 font-weight:500
}
html[data-android] .highlight .nf {
 font-weight:700
}
html[data-theme=dark] .highlight .nf {
 color:#b7302d
}
.highlight .nn {
 color:#646464
}
html[data-theme=dark] .highlight .nn {
 color:#999
}
.highlight .nt,html[data-theme=dark] .highlight .nt {
 color:#175199
}
.highlight .nv {
 color:#0084ff
}
html[data-theme=dark] .highlight .nv {
 color:#3a76d0
}
.highlight .ow {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .highlight .ow {
 font-weight:500
}
html[data-android] .highlight .ow {
 font-weight:700
}
.highlight .w {
 color:#bfbfbf
}
html[data-theme=dark] .highlight .w {
 color:#444
}
.highlight .mf {
 color:#0084ff
}
html[data-theme=dark] .highlight .mf {
 color:#3a76d0
}
.highlight .mh {
 color:#0084ff
}
html[data-theme=dark] .highlight .mh {
 color:#3a76d0
}
.highlight .mi {
 color:#0084ff
}
html[data-theme=dark] .highlight .mi {
 color:#3a76d0
}
.highlight .mo {
 color:#0084ff
}
html[data-theme=dark] .highlight .mo {
 color:#3a76d0
}
.highlight .sb {
 color:#f1403c
}
html[data-theme=dark] .highlight .sb {
 color:#b7302d
}
.highlight .sc {
 color:#f1403c
}
html[data-theme=dark] .highlight .sc {
 color:#b7302d
}
.highlight .sd {
 color:#f1403c
}
html[data-theme=dark] .highlight .sd {
 color:#b7302d
}
.highlight .s2 {
 color:#f1403c
}
html[data-theme=dark] .highlight .s2 {
 color:#b7302d
}
.highlight .se {
 color:#f1403c
}
html[data-theme=dark] .highlight .se {
 color:#b7302d
}
.highlight .sh {
 color:#f1403c
}
html[data-theme=dark] .highlight .sh {
 color:#b7302d
}
.highlight .si {
 color:#f1403c
}
html[data-theme=dark] .highlight .si {
 color:#b7302d
}
.highlight .sx {
 color:#f1403c
}
html[data-theme=dark] .highlight .sx {
 color:#b7302d
}
.highlight .sr {
 color:#c2a469
}
html[data-theme=dark] .highlight .sr {
 color:#ba9b5d
}
.highlight .s1 {
 color:#f1403c
}
html[data-theme=dark] .highlight .s1 {
 color:#b7302d
}
.highlight .ss {
 color:#f1403c
}
html[data-theme=dark] .highlight .ss {
 color:#b7302d
}
.highlight .bp {
 color:#999
}
html[data-theme=dark] .highlight .bp {
 color:#646464
}
.highlight .vc {
 color:#0084ff
}
html[data-theme=dark] .highlight .vc {
 color:#3a76d0
}
.highlight .vg {
 color:#0084ff
}
html[data-theme=dark] .highlight .vg {
 color:#3a76d0
}
.highlight .vi {
 color:#0084ff
}
html[data-theme=dark] .highlight .vi {
 color:#3a76d0
}
.highlight .il {
 color:#0084ff
}
html[data-theme=dark] .highlight .il {
 color:#3a76d0
}
.highlight::-webkit-scrollbar {
 width:6px;
 height:6px
}
.highlight::-webkit-scrollbar-thumb:horizontal {
 background-color:rgba(26,26,26,.5);
 border-radius:6px
}
.highlight::-webkit-scrollbar-thumb:horizontal:hover {
 background-color:rgba(26,26,26,.6)
}
html[data-theme=dark] .highlight::-webkit-scrollbar-thumb:horizontal:hover {
 background-color:hsla(0,0%,60%,.6)
}
html[data-theme=dark] .highlight::-webkit-scrollbar-thumb:horizontal {
 background-color:hsla(0,0%,60%,.5)
}
.AutoComplete-UserItem {
 width:188px;
 height:50px;
 padding:9px 0;
 line-height:normal;
 box-sizing:border-box
}
.AutoComplete-UserDetail {
 display:inline-block;
 margin-left:8px;
 vertical-align:middle
}
.AutoComplete-UserHeadline,.AutoComplete-UserName {
 max-width:120px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.AutoComplete-UserName {
 font-size:14px;
 color:#1a1a1a
}
html[data-theme=dark] .AutoComplete-UserName {
 color:#999
}
.AutoComplete-UserHeadline {
 font-size:12px;
 color:#8590a6
}
html[data-theme=dark] .AutoComplete-UserHeadline {
 color:#606a80
}
.AutoComplete-UserAvatar {
 vertical-align:middle
}
.AutoComplete-menu--hidden {
 visibility:hidden
}
.MentionSuggestions {
 position:absolute;
 z-index:203;
 line-height:1
}
.MentionSuggestions-input {
 width:200px;
 padding:4px 6px;
 font-size:inherit
}
.MentionSuggestions-input .Input {
 height:auto;
 background:transparent
}
.MentionSuggestions-menu {
 width:200px
}
.MentionSuggestions-menu .Menu-item {
 padding:0 10px
}
.Dropzone {
 position:relative
}
.Dropzone-cursor {
 position:absolute;
 left:0;
 right:0;
 margin:-1px 0;
 border-bottom:2px solid #0084ff;
 pointer-events:none
}
html[data-theme=dark] .Dropzone-cursor {
 border-bottom:2px solid #3a76d0
}
.Editable-toolbar {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 background:#fff;
 border-bottom:1px solid #ebebeb;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.isToolbarSticky .Editable-toolbar,.Sticky.is-fixed .Editable-toolbar {
 border-top:none!important;
 border-bottom:none!important
}
.isToolbarSticky .Editable-toolbar:after,.Sticky.is-fixed .Editable-toolbar:after {
 content:" ";
 position:absolute;
 left:0;
 top:100%;
 width:100%;
 pointer-events:none;
 height:3px;
 background:radial-gradient(ellipse at 50% 1%,rgba(26,26,26,.1),hsla(0,0%,100%,0) 80%)
}
html[data-theme=dark] .isToolbarSticky .Editable-toolbar:after,html[data-theme=dark] .Sticky.is-fixed .Editable-toolbar:after {
 background:radial-gradient(ellipse at 50% 1%,hsla(0,0%,60%,.1),rgba(26,26,26,0) 80%)
}
html[data-theme=dark] .Editable-toolbar {
 background:#1a1a1a;
 border-bottom:1px solid #444
}
.Editable-toolbar-separator {
 background-color:#ebebeb;
 display:inline-block;
 height:20px;
 margin:0 3px;
 vertical-align:middle;
 width:1px
}
html[data-theme=dark] .Editable-toolbar-separator {
 background-color:#444
}
.Editable-control {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 border:1px solid transparent;
 box-sizing:border-box;
 cursor:pointer;
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 height:26px;
 margin:0 2px;
 white-space:nowrap
}
.Editable-control .Zi {
 fill:#8590a6
}
html[data-theme=dark] .Editable-control .Zi {
 fill:#606a80
}
.Editable-control:not(:disabled):hover {
 background:#f6f6f6;
 border-color:#ebebeb
}
html[data-theme=dark] .Editable-control:not(:disabled):hover {
 background:#2e2e2e;
 border-color:#444
}
.Editable-control.is-active .Zi {
 fill:#0084ff
}
html[data-theme=dark] .Editable-control.is-active .Zi {
 fill:#3a76d0
}
.Editable-control .Zi,.Editable-control span {
 vertical-align:middle
}
.Editable-control .Zi+span {
 margin-left:6px
}
.Editable-toolbarMenu {
 height:26px;
 margin-left:auto
}
.Editable-toolbarMenuItem {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 line-height:36px
}
.Editable-toolbarMenuItem .Zi {
 margin-right:4px
}
.Editable-videoModal .Modal-footer {
 padding:12px 24px
}
.Editable-videoModal-title {
 font-size:20px;
 font-weight:500;
 color:#1a1a1a
}
html[data-theme=dark] .Editable-videoModal-title {
 color:#999
}
.Editable-videoModal-uploader {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 box-sizing:border-box;
 height:220px;
 border:2px dashed #ebebeb;
 border-radius:10px;
 cursor:pointer
}
.Editable-videoModal-uploader:hover {
 border-color:#8590a6
}
.Editable-videoModal-uploader:hover .Zi {
 fill:#8590a6
}
html[data-theme=dark] .Editable-videoModal-uploader:hover .Zi {
 fill:#606a80
}
html[data-theme=dark] .Editable-videoModal-uploader:hover {
 border-color:#606a80
}
.Editable-videoModal-uploader input {
 display:none
}
html[data-theme=dark] .Editable-videoModal-uploader {
 border:2px dashed #444
}
.Editable-videoModal-uploader-icon {
 text-align:center;
 display:block
}
.Editable-videoModal-uploader-icon .Zi {
 vertical-align:middle;
 fill:#ebebeb
}
html[data-theme=dark] .Editable-videoModal-uploader-icon .Zi {
 fill:#444
}
.Editable-videoModal-uploader-text {
 margin-top:10px;
 font-size:18px;
 line-height:30px;
 text-align:center
}
.Editable-videoModal-uploader-tip {
 font-size:14px;
 line-height:30px;
 text-align:center;
 color:#8590a6
}
html[data-theme=dark] .Editable-videoModal-uploader-tip {
 color:#606a80
}
.BounceLoading {
 position:relative
}
.BounceLoading .BounceLoading-child {
 position:absolute;
 background-color:#0084ff;
 border-radius:50%;
 -webkit-transform-origin:center;
 transform-origin:center;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite;
 -webkit-animation-name:Bounce;
 animation-name:Bounce;
 -webkit-animation-timing-function:ease-in-out;
 animation-timing-function:ease-in-out;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
html[data-theme=dark] .BounceLoading .BounceLoading-child {
 background-color:#3a76d0
}
@-webkit-keyframes Bounce {
 0%,to {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
 }
 50% {
  -webkit-transform:translateY(100%);
  transform:translateY(100%)
 }
}
@keyframes Bounce {
 0%,to {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
 }
 50% {
  -webkit-transform:translateY(100%);
  transform:translateY(100%)
 }
}
.Editable-docModal .Modal-footer {
 padding:12px 24px
}
.Editable-docModal input[type=file] {
 display:none
}
.Editable-docModal-title {
 font-size:20px;
 font-weight:500;
 color:#1a1a1a
}
html[data-theme=dark] .Editable-docModal-title {
 color:#999
}
.Editable-docModal-uploader {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 box-sizing:border-box;
 height:220px;
 border:2px dashed #ebebeb;
 border-radius:10px;
 cursor:pointer
}
.Editable-docModal-uploader:hover {
 border-color:#8590a6
}
.Editable-docModal-uploader:hover .Zi {
 fill:#8590a6
}
html[data-theme=dark] .Editable-docModal-uploader:hover .Zi {
 fill:#606a80
}
html[data-theme=dark] .Editable-docModal-uploader:hover {
 border-color:#606a80
}
html[data-theme=dark] .Editable-docModal-uploader {
 border:2px dashed #444
}
.Editable-docModal-uploader-icon {
 text-align:center;
 display:block
}
.Editable-docModal-uploader-icon .Zi {
 vertical-align:middle;
 fill:#ebebeb
}
html[data-theme=dark] .Editable-docModal-uploader-icon .Zi {
 fill:#444
}
.Editable-docModal-uploader-text {
 font-size:18px;
 line-height:30px;
 margin-top:20px;
 text-align:center
}
.Editable-docModal-uploader-tip {
 font-size:14px;
 line-height:30px;
 text-align:center;
 color:#8590a6
}
html[data-theme=dark] .Editable-docModal-uploader-tip {
 color:#606a80
}
.Editable-docModal-fileName {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.Editable-docModal-fileName .Zi {
 fill:#0084ff;
 margin-right:4px
}
html[data-theme=dark] .Editable-docModal-fileName .Zi {
 fill:#3a76d0
}
.Editable-docModal-loading {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 margin:36px 0 12px
}
.Editable-docModal-fail,.Editable-docModal-loading {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.Editable-docModal-fail {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 text-align:center
}
.Editable-docModal-failHint {
 color:#f1403c;
 font-size:16px;
 margin-top:36px;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .Editable-docModal-failHint {
 font-weight:500
}
html[data-android] .Editable-docModal-failHint {
 font-weight:700
}
html[data-theme=dark] .Editable-docModal-failHint {
 color:#b7302d
}
.Editable-docModal-retryButton {
 margin:32px 0 10px;
 width:220px
}
.WatermarkHint-modalBody {
 font-size:14px;
 text-align:center
}
.WatermarkHint-modalContent {
 padding-top:16px
}
.WatermarkHint-modalContent .ModalButtonGroup {
 margin-top:32px;
 margin-bottom:0
}
.WatermarkHint-modalTitle {
 font-size:24px;
 margin:32px 0 16px;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .WatermarkHint-modalTitle {
 font-weight:500
}
html[data-android] .WatermarkHint-modalTitle {
 font-weight:700
}
.Editable-languageSuggestions {
 position:fixed;
 z-index:203
}
.Editable-languageSuggestionsInput {
 cursor:pointer
}
.Editable-languageSuggestionsInput input {
 cursor:inherit
}
.Editable-languageSuggestionsInput input:focus {
 cursor:text
}
.Editable-languageSuggestionsMenu {
 max-height:300px;
 margin-top:-8px;
 margin-bottom:-8px;
 overflow-y:auto
}
.Editable-languageSuggestionsMenuContainer {
 overflow-y:hidden
}
.Editable-notification-layout {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.Editable-notification-actions,.Editable-notification-layout {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row
}
.Editable-notification-actions {
 margin:0 -12px
}
.Editable-notification-action {
 margin:0 12px
}
.Editable .RichText {
 cursor:text
}
.public-DraftEditorPlaceholder-root {
 position:absolute;
 pointer-events:none
}
.Editable--hidePlaceholder .public-DraftEditorPlaceholder-root {
 display:none
}
.Editable-styled,.Editable-unstyled {
 margin:0 0 .72em
}
.Editable-styled:first-child,.Editable-unstyled:first-child {
 margin-top:0
}
.Editable-styled:last-child,.Editable-unstyled:last-child {
 margin-bottom:0
}
.DraftEditor-root blockquote+blockquote {
 margin-top:-1em
}
.DraftEditor-root pre.public-DraftStyleDefault-pre {
 border-radius:4px
}
.DraftEditor-root pre.public-DraftStyleDefault-pre pre {
 padding:0;
 margin:0;
 border-radius:0;
 overflow:visible;
 overflow:initial
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem,.DraftEditor-root .public-DraftStyleDefault-unorderedListItem {
 margin:0
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1,.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
 margin-left:1.15em
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2,.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth2 {
 margin-left:2.3em
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3,.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth3 {
 margin-left:3.45em
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4,.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth4 {
 margin-left:4.6em
}
.DraftEditor-root .public-DraftStyleDefault-ol,.DraftEditor-root .public-DraftStyleDefault-ul {
 display:block
}
.DraftEditor-root .public-DraftStyleDefault-ol>li,.DraftEditor-root .public-DraftStyleDefault-ul>li {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.DraftEditor-root .public-DraftStyleDefault-ol>li:before,.DraftEditor-root .public-DraftStyleDefault-ul>li:before {
 display:inline;
 display:initial
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem {
 list-style-type:none
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
 counter-reset:ol0
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth0:before {
 content:counter(ol0) ". ";
 counter-increment:ol0
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
 counter-reset:ol1
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
 content:counter(ol1) ". ";
 counter-increment:ol1
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
 counter-reset:ol2
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
 content:counter(ol2) ". ";
 counter-increment:ol2
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
 counter-reset:ol3
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
 content:counter(ol3) ". ";
 counter-increment:ol3
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
 counter-reset:ol4
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
 content:counter(ol4) ". ";
 counter-increment:ol4
}
_:-ms-lang(x),pre.public-DraftStyleDefault-pre,pre.public-DraftStyleDefault-pre pre {
 overflow:visible;
 overflow:initial;
 word-wrap:break-word
}
.DraftEditor-root code[class*=language-],.DraftEditor-root pre[class*=language-] {
 color:#000;
 background:none;
 text-shadow:0 1px #fff;
 font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
 text-align:left;
 white-space:pre;
 word-spacing:normal;
 word-break:normal;
 word-wrap:normal;
 line-height:1.5;
 -moz-tab-size:4;
 -o-tab-size:4;
 tab-size:4;
 -webkit-hyphens:none;
 -ms-hyphens:none;
 hyphens:none
}
.DraftEditor-root code[class*=language-]::-moz-selection,.DraftEditor-root code[class*=language-] ::-moz-selection,.DraftEditor-root pre[class*=language-]::-moz-selection,.DraftEditor-root pre[class*=language-] ::-moz-selection {
 text-shadow:none;
 background:#bfbfbf
}
.DraftEditor-root code[class*=language-]::selection,.DraftEditor-root code[class*=language-] ::selection,.DraftEditor-root pre[class*=language-]::selection,.DraftEditor-root pre[class*=language-] ::selection {
 text-shadow:none;
 background:#bfbfbf
}
html[data-theme=dark] .DraftEditor-root code[class*=language-]::-moz-selection,html[data-theme=dark] .DraftEditor-root code[class*=language-] ::-moz-selection,html[data-theme=dark] .DraftEditor-root pre[class*=language-]::-moz-selection,html[data-theme=dark] .DraftEditor-root pre[class*=language-] ::-moz-selection {
 background:gray
}
html[data-theme=dark] .DraftEditor-root code[class*=language-]::selection,html[data-theme=dark] .DraftEditor-root code[class*=language-] ::selection,html[data-theme=dark] .DraftEditor-root pre[class*=language-]::selection,html[data-theme=dark] .DraftEditor-root pre[class*=language-] ::selection {
 background:gray
}
@media print {
 .DraftEditor-root code[class*=language-],.DraftEditor-root pre[class*=language-] {
  text-shadow:none
 }
}
.DraftEditor-root pre[class*=language-] {
 padding:1em;
 margin:.5em 0;
 overflow:auto
}
.DraftEditor-root :not(pre)>code[class*=language-],.DraftEditor-root pre[class*=language-] {
 background:#f6f6f6
}
html[data-theme=dark] .DraftEditor-root :not(pre)>code[class*=language-],html[data-theme=dark] .DraftEditor-root pre[class*=language-] {
 background:#2e2e2e
}
.DraftEditor-root :not(pre)>code[class*=language-] {
 padding:.1em;
 border-radius:.3em;
 white-space:normal
}
.DraftEditor-root .token.cdata,.DraftEditor-root .token.comment,.DraftEditor-root .token.doctype,.DraftEditor-root .token.prolog {
 color:#708090
}
.DraftEditor-root .token.punctuation {
 color:#999
}
html[data-theme=dark] .DraftEditor-root .token.punctuation {
 color:#646464
}
.DraftEditor-root .namespace {
 opacity:.7
}
.DraftEditor-root .token.boolean,.DraftEditor-root .token.constant,.DraftEditor-root .token.deleted,.DraftEditor-root .token.number,.DraftEditor-root .token.property,.DraftEditor-root .token.symbol,.DraftEditor-root .token.tag {
 color:#f36
}
html[data-theme=dark] .DraftEditor-root .token.boolean,html[data-theme=dark] .DraftEditor-root .token.constant,html[data-theme=dark] .DraftEditor-root .token.deleted,html[data-theme=dark] .DraftEditor-root .token.number,html[data-theme=dark] .DraftEditor-root .token.property,html[data-theme=dark] .DraftEditor-root .token.symbol,html[data-theme=dark] .DraftEditor-root .token.tag {
 color:#d92155
}
.DraftEditor-root .token.attr-name,.DraftEditor-root .token.builtin,.DraftEditor-root .token.char,.DraftEditor-root .token.inserted,.DraftEditor-root .token.selector,.DraftEditor-root .token.string,html[data-theme=dark] .DraftEditor-root .token.attr-name,html[data-theme=dark] .DraftEditor-root .token.builtin,html[data-theme=dark] .DraftEditor-root .token.char,html[data-theme=dark] .DraftEditor-root .token.inserted,html[data-theme=dark] .DraftEditor-root .token.selector,html[data-theme=dark] .DraftEditor-root .token.string {
 color:gray
}
.DraftEditor-root .language-css .token.string,.DraftEditor-root .style .token.string,.DraftEditor-root .token.entity,.DraftEditor-root .token.operator,.DraftEditor-root .token.url {
 color:#c2a469;
 background:hsla(0,0%,100%,.5)
}
html[data-theme=dark] .DraftEditor-root .language-css .token.string,html[data-theme=dark] .DraftEditor-root .style .token.string,html[data-theme=dark] .DraftEditor-root .token.entity,html[data-theme=dark] .DraftEditor-root .token.operator,html[data-theme=dark] .DraftEditor-root .token.url {
 color:#ba9b5d;
 background:rgba(26,26,26,.5)
}
.DraftEditor-root .token.atrule,.DraftEditor-root .token.attr-value,.DraftEditor-root .token.keyword {
 color:#0084ff
}
html[data-theme=dark] .DraftEditor-root .token.atrule,html[data-theme=dark] .DraftEditor-root .token.attr-value,html[data-theme=dark] .DraftEditor-root .token.keyword {
 color:#3a76d0
}
.DraftEditor-root .token.function {
 color:#f36
}
html[data-theme=dark] .DraftEditor-root .token.function {
 color:#d92155
}
.DraftEditor-root .token.important,.DraftEditor-root .token.regex,.DraftEditor-root .token.variable,html[data-theme=dark] .DraftEditor-root .token.important,html[data-theme=dark] .DraftEditor-root .token.regex,html[data-theme=dark] .DraftEditor-root .token.variable {
 color:#ff9607
}
.DraftEditor-root .token.bold,.DraftEditor-root .token.important {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .DraftEditor-root .token.bold,html[data-ios] .DraftEditor-root .token.important {
 font-weight:500
}
html[data-android] .DraftEditor-root .token.bold,html[data-android] .DraftEditor-root .token.important {
 font-weight:700
}
.DraftEditor-root .token.italic {
 font-style:italic
}
.DraftEditor-root .token.entity {
 cursor:help
}
.Card {
 margin-bottom:10px;
 background:#fff;
 overflow:hidden;
 border-radius:2px;
 box-shadow:0 1px 3px rgba(26,26,26,.1);
 box-sizing:border-box
}
html[data-theme=dark] .Card {
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.Card:last-child {
 margin-bottom:0
}
html[data-theme=dark] .Card {
 background:#1a1a1a
}
.Card-header {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:50px;
 padding:0 20px;
 border-bottom:1px solid #f6f6f6;
 box-sizing:border-box
}
.Card-header:last-child {
 border-bottom:none
}
html[data-theme=dark] .Card-header {
 border-bottom:1px solid #2e2e2e
}
.Card-headerText {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .Card-headerText {
 font-weight:500
}
html[data-android] .Card-headerText {
 font-weight:700
}
.Card-section {
 padding:16px 20px;
 position:relative
}
.Card-section+.Card-section:after {
 position:absolute;
 top:0;
 left:0;
 right:0;
 margin:0 20px;
 display:block;
 border-bottom:1px solid #f6f6f6;
 content:""
}
html[data-theme=dark] .Card-section+.Card-section:after {
 border-bottom:1px solid #2e2e2e
}
.SignFlowInput {
 position:relative
}
.SignFlowInput .Input-wrapper {
 width:100%;
 height:48px;
 padding:0;
 color:#8590a6
}
html[data-theme=dark] .SignFlowInput .Input-wrapper {
 color:#606a80
}
.SignFlowInput input.Input {
 height:48px
}
.SignFlowInput-errorMask {
 position:absolute;
 right:0;
 height:90%;
 padding:12px 0 0 20px;
 margin-top:-47px;
 font-size:14px;
 color:#f1403c;
 text-align:right;
 cursor:text;
 background:#fff;
 opacity:1;
 box-sizing:border-box;
 transition:opacity .25s ease
}
.SignFlowInput-errorMask:before {
 position:absolute;
 top:0;
 left:-16px;
 width:16px;
 height:46px;
 background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff);
 content:""
}
html[data-theme=dark] .SignFlowInput-errorMask:before {
 background:linear-gradient(90deg,rgba(26,26,26,0),#1a1a1a)
}
html[data-theme=dark] .SignFlowInput-errorMask {
 color:#b7302d;
 background:#1a1a1a
}
.SignFlowInput-errorMask--hidden {
 width:0;
 height:0;
 padding:0;
 margin:0;
 opacity:0
}
.SignFlowInput-errorMask--hidden:before {
 width:0;
 height:0;
 overflow:hidden;
 opacity:0
}
.SignFlowInput-requiredErrorMask {
 right:auto!important;
 width:100%;
 padding-left:0;
 text-align:left
}
.SignFlowInput-requiredErrorMask:before {
 width:0;
 height:0;
 overflow:hidden;
 opacity:0
}
.Icon {
 vertical-align:text-bottom;
 fill:currentColor
}
.Icon--grey {
 color:#8590a6
}
html[data-theme=dark] .Icon--grey {
 color:#606a80
}
.Icon--left {
 margin-right:6px
}
.Captcha {
 position:relative;
 opacity:1;
 transition:opacity .3s ease
}
.Captcha-chineseContainer {
 position:relative;
 width:100%;
 padding:0 60px;
 margin-top:12px;
 box-sizing:border-box
}
.Captcha-englishContainer {
 position:absolute;
 top:24px;
 right:0;
 display:inline-block;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.Captcha-chineseImg {
 display:block;
 margin:0 auto;
 box-sizing:border-box;
 width:100%;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.Captcha-englishImg {
 display:block;
 height:30px;
 cursor:pointer
}
.Captcha-chineseOperator {
 width:100%;
 padding-top:4px;
 margin-top:0
}
.Captcha-info {
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .Captcha-info {
 color:#606a80
}
.Captcha-error {
 color:#f1403c
}
html[data-theme=dark] .Captcha-error {
 color:#b7302d
}
.Captcha-chineseRefreshButton {
 float:right;
 width:20px;
 height:20px
}
.Captcha-errorMessage {
 right:76px
}
.Captcha-requiredErrorMessage {
 right:0
}
.ChineseCaptchaPoint {
 position:absolute
}
.ChineseCaptchaPoint-backIcon {
 fill-opacity:.75
}
.ChineseCaptchaPoint-backIcon--hovered {
 fill-opacity:.8
}
.ChineseCaptchaPoint-frontIcon {
 position:absolute;
 top:4px;
 left:4px
}
.ChineseCaptchaPoint-frontIcon--hovered {
 top:6px;
 left:6px
}
.Select-button {
 height:40px;
 padding:0 20px;
 line-height:38px;
 text-align:left;
 box-sizing:border-box;
 background:none;
 outline:none
}
.Select-plainButton {
 padding:0;
 border:1px solid transparent
}
.Select-arrow {
 margin-left:8px
}
.Select-list {
 position:relative;
 overflow:auto;
 max-height:500px;
 padding:8px 0;
 border-radius:4px
}
.Select-option {
 display:block;
 width:100%;
 height:40px;
 padding:0 20px;
 line-height:40px;
 color:#8590a6;
 text-align:left;
 background:none;
 border:none;
 outline:none
}
html[data-theme=dark] .Select-option {
 color:#606a80
}
.Select-option:focus {
 background:#f6f6f6
}
html[data-theme=dark] .Select-option:focus {
 background:#2e2e2e
}
.Select-popoverTarget {
 margin-top:0;
 transition:opacity .2s ease-out
}
.MobileContriesSelect {
 height:40px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.MobileContriesSelect-content {
 width:50px;
 display:inline-block;
 position:relative
}
.MobileContriesSelect-content div,.MobileContriesSelect-content select {
 position:absolute;
 right:0;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 width:100%
}
.MobileContriesSelect-content select {
 opacity:0
}
.SignFlow-accountInputContainer {
 overflow:hidden
}
.SignFlow-account {
 margin-top:16px;
 border-bottom:1px solid #ebebeb;
 border-radius:0
}
html[data-theme=dark] .SignFlow-account {
 border-bottom:1px solid #444
}
.SignFlow-supportedCountriesSelectContainer {
 display:inline-block;
 float:left;
 min-width:72px;
 -webkit-transform:translateY(4px);
 transform:translateY(4px)
}
.SignFlow-supportedCountriesSelectContainer .Select-button {
 color:#8590a6
}
html[data-theme=dark] .SignFlow-supportedCountriesSelectContainer .Select-button {
 color:#606a80
}
.SignFlow-supportedCountriesList .Select-option {
 color:#8590a6
}
html[data-theme=dark] .SignFlow-supportedCountriesList .Select-option {
 color:#606a80
}
.SignFlow-accountSeperator {
 float:left;
 width:1px;
 height:22px;
 margin:24px 12px 0;
 background:#ebebeb;
 -webkit-transform:translateY(-11px);
 transform:translateY(-11px)
}
html[data-theme=dark] .SignFlow-accountSeperator {
 background:#444
}
.CountingDownButton,html[data-theme=dark] .CountingDownButton {
 color:#175199
}
.CountingDownButton.is-counting {
 color:#8590a6;
 cursor:auto
}
html[data-theme=dark] .CountingDownButton.is-counting {
 color:#606a80
}
.SignFlow-smsInputContainer {
 position:relative;
 margin-top:12px
}
.SignFlow-smsInputButton {
 position:absolute;
 top:24px;
 right:0;
 padding:4px 0;
 color:#175199;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
html[data-theme=dark] .SignFlow-smsInputButton {
 color:#175199
}
.SignFlow-smsInputErrorMessage {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 top:24px;
 right:130px;
 width:40%;
 padding:0;
 padding-left:4px;
 margin:0;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.SignFlow-smsInputRequiredErrorMask {
 right:0;
 padding-left:0
}
.SignFlow-passwordErrorMask {
 z-index:10
}
.SignFlow-passwordInput {
 font-size:24px
}
.SignFlow-passwordInput input {
 letter-spacing:1.8px
}
.SignFlow-requiredPasswordErrorMask {
 right:auto;
 width:80%
}
.SignFlow-password {
 position:relative;
 margin-top:12px
}
.SignFlow-password input::-webkit-input-safebox-button {
 display:none
}
.SignFlow-switchPassword {
 position:absolute;
 top:24px;
 right:0;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.SignFlow-switchPasswordIcon:hover {
 fill:#999
}
html[data-theme=dark] .SignFlow-switchPasswordIcon:hover {
 fill:#646464
}
.SignFlow-username {
 position:relative;
 margin-top:12px
}
.Register-content {
 padding:0 40px 36px;
 font-size:14px
}
.Register-content .SignFlow-smsInputErrorMessage {
 width:auto;
 min-width:40%
}
.Register-getIn,.Register-submitButton {
 width:100%;
 margin-top:30px;
 height:36px
}
.Register-footer {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 margin-top:16px;
 line-height:25px
}
.Register-org,html[data-theme=dark] .Register-org {
 color:#175199
}
.Register-declaration,.Register-declaration a {
 color:#8590a6
}
html[data-theme=dark] .Register-declaration a {
 color:#606a80
}
.Register-declaration a:hover,html[data-theme=dark] .Register-declaration a:hover {
 color:gray
}
html[data-theme=dark] .Register-declaration {
 color:#606a80
}
.Register-padName {
 padding:40px 30px
}
.Register-padNameHeader {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 position:relative;
 padding-bottom:18px;
 font-size:24px;
 line-height:32px;
 color:#444;
 font-weight:500
}
.Register-padNameHeader .Button {
 position:absolute;
 border:none;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.Register-padNameHeader .Button:hover {
 background-color:#fff
}
html[data-theme=dark] .Register-padNameHeader .Button:hover {
 background-color:#1a1a1a
}
html[data-theme=dark] .Register-padNameHeader {
 color:gray
}
.Register-padNameTitle {
 margin:0 auto
}
.Register-smsBackUp {
 padding-top:12px;
 height:20px;
 color:#8590a6;
 text-align:right;
 transition:height .5s,padding .5s
}
.Register-smsBackUp span {
 display:inline-block;
 cursor:pointer
}
html[data-theme=dark] .Register-smsBackUp {
 color:#606a80
}
.Register-hiddenSmsBackUp {
 height:0;
 padding:0;
 margin:0;
 overflow:hidden
}
.Register-socialHeader {
 text-align:center;
 padding:36px 0 8px
}
.Register-socialTitle {
 position:relative;
 font-size:24px;
 line-height:32px;
 color:#444;
 margin-bottom:2px
}
.Register-socialTitle .Button {
 position:absolute;
 border:none;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 left:0;
 padding:0
}
.Register-socialTitle .Button:hover {
 background:#fff
}
html[data-theme=dark] .Register-socialTitle .Button:hover {
 background:#1a1a1a
}
html[data-theme=dark] .Register-socialTitle {
 color:gray
}
.Register-socialSubTitle {
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .Register-socialSubTitle {
 color:#606a80
}
.Register-socialName {
 overflow:hidden;
 height:48px;
 transition:height .5s,visibility .5s
}
.Register-hiddenSocialName {
 height:0;
 visibility:hidden
}
.ZhihuLogo {
 fill:#0084ff
}
html[data-theme=dark] .ZhihuLogo {
 fill:#3a76d0
}
.SignFlowHeader {
 padding-top:30px
}
.SignFlowHeader-slogen {
 margin-top:15px;
 color:#0084ff;
 font-size:22px
}
html[data-theme=dark] .SignFlowHeader-slogen {
 color:#3a76d0
}
.SignContainer-content {
 width:432px;
 margin:0 auto;
 text-align:center
}
.SignContainer-content .Input-wrapper {
 width:100%;
 height:48px;
 padding:0;
 color:#8590a6;
 border:none;
 border-bottom:1px solid #ebebeb;
 border-radius:0
}
html[data-theme=dark] .SignContainer-content .Input-wrapper {
 color:#606a80;
 border-bottom:1px solid #444
}
.SignContainer-content .Input-wrapper.is-focus {
 border:none;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .SignContainer-content .Input-wrapper.is-focus {
 border-bottom:1px solid #444
}
.SignContainer-content .SignFlow-accountInput.Input-wrapper,.SignContainer-content .SignFlow-accountInput.Input-wrapper.is-focus {
 border:none
}
.SignContainer-content input:-webkit-autofill {
 -webkit-box-shadow:0 0 0 30px #fff inset
}
.SignContainer-content .SignFlow-captchaContainer:not(.Captcha-chinese),.SignContainer-content .SignFlow-password,.SignContainer-content .SignFlow-username {
 border-bottom:1px solid #ebebeb
}
.SignContainer-content .SignFlow-captchaContainer:not(.Captcha-chinese) .Input-wrapper,.SignContainer-content .SignFlow-password .Input-wrapper,.SignContainer-content .SignFlow-username .Input-wrapper {
 border-bottom:none!important
}
html[data-theme=dark] .SignContainer-content .SignFlow-captchaContainer:not(.Captcha-chinese),html[data-theme=dark] .SignContainer-content .SignFlow-password,html[data-theme=dark] .SignContainer-content .SignFlow-username {
 border-bottom:1px solid #444
}
.SignContainer-inner {
 position:relative
}
.SignContainer-switch {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 width:100%;
 background-color:#f6f6f6;
 height:58px;
 border-top:1px solid #ebebeb;
 font-size:16px
}
.SignContainer-switch span {
 color:#175199;
 cursor:pointer
}
html[data-theme=dark] .SignContainer-switch span {
 color:#175199
}
html[data-theme=dark] .SignContainer-switch {
 background-color:#2e2e2e;
 border-top:1px solid #444
}
.Captcha-chineseRefreshButton {
 margin-right:10px
}
.SignFlow-captchaContainer {
 margin-top:12px;
 height:48px;
 transition:height .5s
}
.SignFlow-captchaContainer.Captcha-chinese {
 height:87px;
 background-color:#f9f9f9;
 overflow:hidden
}
.Captcha-chineseOperator {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.Captcha-chineseImg {
 width:200px;
 height:44px
}
.signFlowModal {
 width:auto
}
.signFlowModal .Modal-content {
 padding:0;
 margin:0
}
.EmailRegister {
 width:432px;
 padding:30px;
 background-color:#fff;
 position:absolute;
 top:50%;
 left:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
html[data-theme=dark] .EmailRegister {
 background-color:#1a1a1a
}
.EmailRegister-submitButton {
 width:100%;
 margin-top:30px
}
.Login-options {
 margin-top:12px;
 height:20px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 background:#fff
}
html[data-theme=dark] .Login-options {
 background:#1a1a1a
}
.Login-content {
 padding:0 40px 36px
}
.Login-content .Login-footer {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 line-height:25px
}
.Login-switchType,html[data-theme=dark] .Login-switchType {
 color:#175199
}
.Login-cannotLogin {
 float:right
}
.Login-cannotLogin:hover,html[data-theme=dark] .Login-cannotLogin:hover {
 color:gray
}
.Login-footer {
 margin-top:16px;
 text-align:center
}
.Login-aboardPhone,.Login-qrcode {
 display:inline-block;
 color:#8590a6;
 vertical-align:middle
}
.Login-aboardPhone button:hover,.Login-qrcode button:hover,html[data-theme=dark] .Login-aboardPhone button:hover,html[data-theme=dark] .Login-qrcode button:hover {
 color:gray
}
html[data-theme=dark] .Login-aboardPhone,html[data-theme=dark] .Login-qrcode {
 color:#606a80
}
.Login-footerSeparate {
 display:inline-block;
 width:6%;
 color:#8590a6;
 text-align:center;
 box-sizing:border-box
}
html[data-theme=dark] .Login-footerSeparate {
 color:#606a80
}
.Login-socialLogin {
 max-width:106px;
 display:inline-block;
 vertical-align:middle
}
.Login-socialButtonGroup {
 margin-left:2px;
 transition:opacity .3s ease
}
.Login-socialButtonGroup--hidden {
 display:inline-block;
 width:0;
 height:0;
 overflow:hidden;
 opacity:0
}
.Login-socialButtonGroup--hidden button {
 width:0;
 height:0;
 overflow:hidden
}
.Login-socialButtonEntrance {
 width:103px;
 text-align:left
}
.Login-socialButtonEntrance--hidden {
 width:0;
 height:0;
 overflow:hidden;
 opacity:0;
 display:none
}
.Login-socialButtonEntrance:hover,html[data-theme=dark] .Login-socialButtonEntrance:hover {
 color:gray
}
.Login-socialButton {
 height:24px
}
.Login-socialButton svg {
 vertical-align:middle
}
.Login-socialButton:not(:first-child) {
 margin-left:22px
}
.Login-accountBlockEmphasis {
 color:#f1403c
}
html[data-theme=dark] .Login-accountBlockEmphasis {
 color:#b7302d
}
.Login-socialIcon:hover {
 fill:#999
}
html[data-theme=dark] .Login-socialIcon:hover {
 fill:#646464
}
.SignInQrcode {
 margin:35px 0 -32px
}
.Qrcode-container {
 text-align:center
}
.Qrcode-container p {
 font-size:14px;
 line-height:22px
}
.Qrcode-container p a,html[data-theme=dark] .Qrcode-container p a {
 color:#175199
}
.Qrcode-container p.Qrcode-scanResultTips {
 margin:12px 0;
 font-size:16px;
 color:#1a1a1a;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .Qrcode-container p.Qrcode-scanResultTips {
 font-weight:500
}
html[data-android] .Qrcode-container p.Qrcode-scanResultTips {
 font-weight:700
}
html[data-theme=dark] .Qrcode-container p.Qrcode-scanResultTips {
 color:#999
}
.Qrcode-content {
 height:210px;
 margin-bottom:30px
}
.Qrcode-failure div {
 padding:40px 0 8px
}
.Qrcode-failure p {
 width:270px;
 margin:0 auto
}
.Qrcode-img {
 margin:0 auto 15px;
 line-height:0;
 height:150px;
 width:150px;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.Qrcode-cutButton {
 border-top:1px solid #ebebeb;
 padding:14px 0;
 font-size:14px;
 color:#175199
}
.Qrcode-cutButton span {
 cursor:pointer
}
html[data-theme=dark] .Qrcode-cutButton {
 border-top:1px solid #444;
 color:#175199
}
.Qrcode-scanResultStaus {
 padding-top:36px
}
.MobileModal-wrapper {
 position:relative
}
.MobileModal-wrapper--absoluted {
 position:absolute;
 top:0;
 max-height:100vh;
 overflow:hidden;
 z-index:-1
}
.MobileModal {
 background:#fff
}
html[data-theme=dark] .MobileModal {
 background:#1a1a1a
}
.MobileModal-content--default {
 padding-top:50px;
 padding-bottom:60px;
 min-height:100vh;
 box-sizing:border-box
}
.MobileModal-closeButton {
 position:fixed;
 top:0;
 right:0;
 padding:12px;
 z-index:100
}
.MobileModal-closeIcon {
 fill:#1a1a1a;
 display:block
}
html[data-theme=dark] .MobileModal-closeIcon {
 fill:#999
}
.MobileModal-title {
 font-weight:700
}
.MobileModal-title--default {
 position:fixed;
 top:0;
 width:100%;
 padding:0 16px;
 border-bottom:1px solid #ebebeb;
 box-sizing:border-box;
 box-shadow:0 1px 3px rgba(26,26,26,.05);
 margin:0;
 font-size:16px;
 line-height:49px;
 background:#fff;
 z-index:99
}
html[data-theme=dark] .MobileModal-title--default {
 border-bottom:1px solid #444;
 box-shadow:0 1px 3px hsla(0,0%,60%,.05);
 background:#1a1a1a
}
.MobileModal-backdrop {
 position:fixed;
 top:0;
 right:0;
 left:0;
 bottom:0;
 z-index:100;
 background:rgba(26,26,26,.65)
}
html[data-theme=dark] .MobileModal-backdrop {
 background:hsla(0,0%,60%,.65)
}
.MobileModal--plain {
 position:fixed;
 top:50%;
 right:0;
 left:0;
 z-index:100;
 margin:auto;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 width:87.2%;
 box-shadow:0 5px 20px 0 rgba(23,81,153,.5);
 border-radius:2px;
 overflow:hidden
}
.MobileModal--plain .MobileModal-closeIcon {
 fill:#8590a6
}
html[data-theme=dark] .MobileModal--plain .MobileModal-closeIcon {
 fill:#606a80
}
html[data-theme=dark] .MobileModal--plain {
 box-shadow:0 5px 20px 0 rgba(23,81,153,.5)
}
.MobileModal-content--plain {
 padding:16px 20px
}
.MobileModal-title--plain {
 text-align:center;
 padding:24px 20px 8px;
 font-size:18px
}
.MobileModal-subtitle {
 font-size:14px;
 padding:0 20px;
 color:#8590a6
}
html[data-theme=dark] .MobileModal-subtitle {
 color:#606a80
}
.AppAuthentication--appView .Modal-title {
 font-size:18px;
 margin-top:24px
}
.AppAuthentication--appView .Modal-content {
 padding-bottom:16px
}
.AppAuthentication {
 max-width:87.2%
}
.AppAuthentication-buttonContainer {
 padding:0 16px
}
.AppAuthentication-button {
 width:100%;
 margin-bottom:16px;
 padding:5px 0
}
.AppAuthentication-closeButton {
 position:absolute;
 right:16px;
 top:16px;
 font-size:0
}
.SignFlowActive-account {
 width:100%;
 height:48px;
 line-height:48px
}
.SignFlowActive-editEmail {
 float:right;
 color:#175199
}
html[data-theme=dark] .SignFlowActive-editEmail {
 color:#175199
}
.SignFlowActive-sendDigits,.SignFlowActive-sendEmail {
 display:block;
 width:220px;
 margin:0 auto
}
.SignFlowActive-sendEmail {
 margin-top:48px
}
.SignFlowActive-sendDigits {
 margin-top:55px
}
.SignFlowActive-button {
 display:inline-block;
 border:none
}
.SignFlowActive-options {
 text-align:right;
 margin-top:16px
}
.VerificationDialogModal-cutSmsType:hover,html[data-theme=dark] .VerificationDialogModal-cutSmsType:hover {
 color:gray
}
.VerificationDialogModalHeader {
 text-align:center
}
.VerificationDialogModalHeader-title {
 margin-top:40px;
 font-size:24px;
 color:#1a1a1a;
 margin-bottom:0;
 padding:0
}
html[data-theme=dark] .VerificationDialogModalHeader-title {
 color:#999
}
.VerificationDialogModalHeader-subTitle {
 margin:2px auto 24px;
 font-size:14px;
 color:#8590a6;
 max-width:240px
}
.VerificationDialogModalHeader-subTitle:first-child:last-child {
 margin-bottom:16px;
 max-width:none;
 text-align:left
}
html[data-theme=dark] .VerificationDialogModalHeader-subTitle {
 color:#606a80
}
.VerificationDialogModal-select {
 height:48px;
 background:#fff;
 border:none;
 border-bottom:1px solid #ebebeb;
 width:100%;
 color:#444
}
.VerificationDialogModal-select .Select-plainButton {
 width:100%
}
.VerificationDialogModal-select .Select-arrow {
 position:absolute;
 right:0;
 top:27%
}
html[data-theme=dark] .VerificationDialogModal-select {
 background:#1a1a1a;
 border-bottom:1px solid #444;
 color:gray
}
.VerificationDialogModal-code {
 position:relative
}
.VerificationDialogModal-code .CountingDownButton {
 top:16px!important
}
.VerificationDialogModal-input {
 padding-left:0;
 margin-top:16px;
 width:100%;
 border:none!important;
 border-bottom:1px solid #ebebeb!important
}
html[data-theme=dark] .VerificationDialogModal-input {
 border-bottom:1px solid #444!important
}
.VerificationDialogModal-checkout {
 text-align:center
}
.VerificationDialogModal-button {
 color:#fff;
 background:#0084ff;
 width:220px;
 height:36px;
 border:1px solid #0084ff;
 margin-top:45px;
 font-size:14px;
 border-radius:3px
}
html[data-theme=dark] .VerificationDialogModal-button {
 color:#1a1a1a;
 background:#3a76d0;
 border:1px solid #3a76d0
}
.VerificationDialogModal-button:hover {
 background:#0084ff
}
html[data-theme=dark] .VerificationDialogModal-button:hover {
 background:#3a76d0
}
.VerificationDialogModal-button:hover:disabled {
 background-color:#0084ff
}
html[data-theme=dark] .VerificationDialogModal-button:hover:disabled {
 background-color:#3a76d0
}
.VerificationDialogModal-tips {
 background:#f6f6f6;
 box-shadow:0 -1px 0 0 #ebebeb;
 margin:30px -24px -32px;
 padding:16px;
 font-size:13px;
 line-height:21px;
 color:#8590a6
}
html[data-theme=dark] .VerificationDialogModal-tips {
 background:#2e2e2e;
 box-shadow:0 -1px 0 0 #444;
 color:#606a80
}
.VerificationDialogModal-blue {
 color:#0084ff
}
html[data-theme=dark] .VerificationDialogModal-blue {
 color:#3a76d0
}
.Popover-targetContainer-verification {
 width:376px
}
.VerificationDialogModal-options {
 margin-top:16px;
 text-align:right
}
.VerificationDialogModal-cutSmsType:hover,html[data-theme=dark] .VerificationDialogModal-cutSmsType:hover {
 color:gray
}
.VerificationDialogModal-HelpWrapper {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
 margin-top:12px
}
.VerificationDialogModal-HelpText {
 color:#8590a6
}
html[data-theme=dark] .VerificationDialogModal-HelpText {
 color:#606a80
}
.VerificationDialogMobileModal-HelpText {
 font-size:13px;
 color:#8590a6;
 margin-top:16px
}
html[data-theme=dark] .VerificationDialogMobileModal-HelpText {
 color:#606a80
}
.VerificationDialogModal-oneSelection {
 font-size:14px
}
.VerificationDialogModal-smsInputButton {
 position:absolute;
 top:24px;
 right:0;
 padding:4px 0;
 color:#175199;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
html[data-theme=dark] .VerificationDialogModal-smsInputButton {
 color:#175199
}
.SignFlow-smsBindPhoneInputContainer {
 position:relative;
 margin-top:12px
}
.SignFlow-smsBindPhoneInputErrorMessage {
 top:24px;
 right:108px;
 width:40%;
 height:47px;
 padding:0;
 padding-left:4px;
 margin:0;
 line-height:47px;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.SignFlow-smsBindPhoneInputErrorMask {
 right:20px
}
.SignFlow-smsBindPhoneInputButton {
 position:absolute;
 top:24px;
 right:0;
 padding:4px 0;
 color:#175199;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
html[data-theme=dark] .SignFlow-smsBindPhoneInputButton {
 color:#175199
}
.SignFlow-smsBindPhoneInput {
 width:calc(100% - 100px)
}
.BindPhone-buttonSection {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin-top:40px
}
.BindPhone-button {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.BindPhone-button:first-child {
 margin-right:10px
}
.BindPhone-subtitle {
 color:#8590a6;
 margin-top:2px;
 margin-bottom:24px;
 padding:0 24px;
 text-align:center
}
html[data-theme=dark] .BindPhone-subtitle {
 color:#606a80
}
.BindPhone-helpWrapper {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
 margin-top:12px
}
.BindPhone-helpText {
 color:#8590a6
}
html[data-theme=dark] .BindPhone-helpText {
 color:#606a80
}
.BindPhone-remindLoginWithPhoneButton {
 display:block;
 width:220px;
 margin:48px auto 0
}
.MobileModal .SignFlowActive.SignFlow {
 padding:0 16px;
 margin-top:16px
}
.MobileModal .MobileBindPhoneTip {
 color:#8590a6;
 font-size:14px
}
html[data-theme=dark] .MobileModal .MobileBindPhoneTip {
 color:#606a80
}
.MobileModal .BindPhone-buttonSection {
 margin-top:16px
}
.MobileModal.VerificationModal {
 padding:0 16px
}
.MobileModal .SignFlow-smsInputButton {
 top:23px
}
.MobileModal .BindPhone-remindLoginWithPhoneButton {
 margin-top:16px
}
.MobileModal.BindPhoneMobileModal .MobileModal-content,.MobileModal.ConfirmUnbindMobileModal .MobileModal-content,.MobileModal.LoginWithPhoneMobileModal .MobileModal-content,.MobileModal.NeedUnbindMobileModal .MobileModal-content {
 padding-top:0
}
.BindPhoneForm .Input-wrapper {
 width:100%;
 height:48px;
 padding:0;
 color:#8590a6;
 border:none;
 border-bottom:1px solid #ebebeb;
 border-radius:0
}
html[data-theme=dark] .BindPhoneForm .Input-wrapper {
 color:#606a80;
 border-bottom:1px solid #444
}
.BindPhoneForm .Input-wrapper.is-focus {
 border:none;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .BindPhoneForm .Input-wrapper.is-focus {
 border-bottom:1px solid #444
}
.BindPhoneForm .SignFlow-accountInput.Input-wrapper,.BindPhoneForm .SignFlow-accountInput.Input-wrapper.is-focus {
 border:none
}
.BindPhoneForm .SignFlow-smsBindPhoneInput {
 width:100%;
 border-bottom:1px solid #ebebeb
}
.BindPhoneForm .SignFlow-smsBindPhoneInput .Input-wrapper,.BindPhoneForm .SignFlow-smsBindPhoneInput .Input-wrapper.is-focus {
 border:none
}
html[data-theme=dark] .BindPhoneForm .SignFlow-smsBindPhoneInput {
 border-bottom:1px solid #444
}
.SignFlow {
 overflow:hidden
}
.SignFlow input[type=number]::-webkit-inner-spin-button,.SignFlow input[type=number]::-webkit-outer-spin-button {
 margin:0;
 -webkit-appearance:none;
 appearance:none
}
.SignFlow input {
 height:48px
}
.SignFlow input::-webkit-autofill {
 -webkit-box-shadow:0 0 0 1000px #fff inset!important
}
.SignFlow input[type=number] {
 -moz-appearance:textfield
}
.SignFlow .SignFlow-accountInput,.SignFlow .SignFlow-smsInput {
 width:auto
}
.SignFlow-submitButton {
 width:100%;
 margin-top:30px;
 height:36px
}
.SignFlow-captchaContainer {
 height:48px;
 margin-top:12px;
 transition:height .3s ease
}
.SignFlow-snackBar {
 font-size:13px;
 color:#8590a6
}
html[data-theme=dark] .SignFlow-snackBar {
 color:#606a80
}
.SignFlow-snackBarLink,html[data-theme=dark] .SignFlow-snackBarLink {
 color:#175199
}
.UnknownError {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 height:100%;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 font-size:18px;
 padding:48px
}
.CornerButtons {
 position:fixed;
 bottom:0;
 right:12px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 transition:-webkit-transform .2s ease;
 transition:transform .2s ease;
 transition:transform .2s ease,-webkit-transform .2s ease;
 will-change:transfrom
}
.CornerAnimayedFlex {
 width:40px;
 height:52px;
 transition:height .2s ease
}
.CornerAnimayedFlex--hidden {
 height:0
}
.CornerButton {
 background:#fff;
 border-radius:4px;
 width:40px;
 height:40px;
 box-shadow:0 1px 3px rgba(26,26,26,.1)
}
html[data-theme=dark] .CornerButton {
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.CornerButton:hover {
 background:#d3d3d3
}
html[data-theme=dark] .CornerButton:hover {
 background:#2e2e2e
}
.CornerButton .Zi,.CornerButton .Zi:hover {
 fill:#8590a6
}
html[data-theme=dark] .CornerButton .Zi,html[data-theme=dark] .CornerButton .Zi:hover {
 fill:#606a80
}
html[data-theme=dark] .CornerButton {
 background:#1a1a1a
}
.GlobalError {
 min-height:100vh;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.GlobalError-main {
 min-width:540px;
 min-height:300px;
 color:#999;
 font-size:18px;
 background:url(https://static.zhihu.com/heifetz/error_kanshan.eb5a42cdcd9d06f4695b.png);
 background-size:202px 111px;
 background-repeat:no-repeat;
 background-position:100% 100%
}
html[data-theme=dark] .GlobalError-main {
 color:#646464
}
.GlobalError-detail {
 margin-top:80px
}
.GlobalError-detailTitle {
 margin-bottom:30px;
 font-size:40px
}
.RetryError {
 background:#fff;
 min-height:160px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:100%;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.RetryError-title {
 color:#8590a6;
 font-size:22px;
 margin-bottom:16px
}
html[data-theme=dark] .RetryError-title {
 color:#606a80
}
html:not([data-focus-method=pointer]) .Button:focus {
 box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,132,255,.3)
}
html[data-theme=dark] html:not([data-focus-method=pointer]) .Button:focus {
 box-shadow:0 0 0 2px #1a1a1a,0 0 0 4px rgba(58,118,208,.3)
}
.Tooltip {
 position:absolute;
 width:0;
 height:0
}
.Tooltip-enter,.Tooltip-leave {
 transition:opacity .3s
}
.Tooltip-enter {
 opacity:0
}
.Tooltip-enter-active,.Tooltip-leave {
 opacity:1
}
.Tooltip-leave-active {
 opacity:0
}
.TooltipContent-wrapper {
 position:relative;
 width:0;
 height:0
}
.TooltipContent {
 position:absolute;
 top:0;
 left:0;
 padding:6px 8px;
 color:#fff;
 white-space:nowrap;
 background-color:rgba(26,26,26,.8);
 border-radius:4px;
 font-size:13px;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
html[data-theme=dark] .TooltipContent {
 color:#1a1a1a;
 background-color:hsla(0,0%,60%,.8)
}
.TooltipContent--top {
 -webkit-transform:translate(-50%,-100%) translateY(-8px);
 transform:translate(-50%,-100%) translateY(-8px)
}
.TooltipContent--bottom {
 -webkit-transform:translate(-50%) translateY(8px);
 transform:translate(-50%) translateY(8px)
}
.TooltipContent--left {
 -webkit-transform:translate(-100%,-50%) translateX(-8px);
 transform:translate(-100%,-50%) translateX(-8px)
}
.TooltipContent--right {
 -webkit-transform:translateY(-50%) translateX(8px);
 transform:translateY(-50%) translateX(8px)
}
.TooltipContent:before {
 position:absolute;
 z-index:-1;
 border-color:rgba(26,26,26,.8) transparent transparent rgba(26,26,26,.8);
 border-style:solid;
 border-width:4px;
 content:"";
 -webkit-transform:translate(-50%,-50%) rotate(45deg);
 transform:translate(-50%,-50%) rotate(45deg)
}
html[data-theme=dark] .TooltipContent:before {
 border-color:hsla(0,0%,60%,.8) transparent transparent hsla(0,0%,60%,.8)
}
.TooltipContent--top:before {
 top:100%;
 left:50%;
 -webkit-transform:translate(-50%,-50%) rotate(-135deg);
 transform:translate(-50%,-50%) rotate(-135deg)
}
.TooltipContent--bottom:before {
 top:0;
 left:50%
}
.TooltipContent--left:before {
 top:50%;
 left:100%;
 -webkit-transform:translate(-50%,-50%) rotate(135deg);
 transform:translate(-50%,-50%) rotate(135deg)
}
.TooltipContent--right:before {
 top:50%;
 left:0;
 -webkit-transform:translate(-50%,-50%) rotate(-45deg);
 transform:translate(-50%,-50%) rotate(-45deg)
}
.TooltipContent a {
 color:inherit;
 text-decoration:underline
}
.GlobalTooltip {
 position:fixed;
 z-index:9999
}
.StaticCacheBanner {
 position:relative;
 z-index:100;
 padding:16px 10px;
 line-height:28px;
 color:#8590a6;
 text-align:center;
 background-color:#ebebeb
}
.StaticCacheBanner a {
 color:#175199;
 transition:border-bottom .2s ease-in
}
.StaticCacheBanner a:hover,html[data-theme=dark] .StaticCacheBanner a:hover {
 border-bottom:1px solid rgba(23,81,153,.72)
}
html[data-theme=dark] .StaticCacheBanner a {
 color:#175199
}
html[data-theme=dark] .StaticCacheBanner {
 color:#606a80;
 background-color:#444
}
.PlaceHolder-inner {
 position:relative;
 overflow:hidden;
 background:#f6f6f6;
 color:#fff
}
html[data-theme=dark] .PlaceHolder-inner {
 background:#2e2e2e;
 color:#1a1a1a
}
.PlaceHolder-mask {
 position:relative;
 min-width:100%;
 vertical-align:top;
 box-sizing:border-box
}
.PlaceHolder-bg {
 position:absolute;
 width:200%;
 height:100%;
 background:linear-gradient(90deg,#f6f6f6 0,#ebebeb 20%,#f6f6f6 40%,#f6f6f6);
 -webkit-animation:linear-double 1s linear 1ms infinite forwards;
 animation:linear-double 1s linear 1ms infinite forwards
}
html[data-theme=dark] .PlaceHolder-bg {
 background:linear-gradient(90deg,#2e2e2e 0,#444 20%,#2e2e2e 40%,#2e2e2e)
}
@-webkit-keyframes linear-double {
 0% {
  -webkit-transform:translateX(-56%);
  transform:translateX(-56%)
 }
 to {
  -webkit-transform:translateX(56%);
  transform:translateX(56%)
 }
}
@keyframes linear-double {
 0% {
  -webkit-transform:translateX(-56%);
  transform:translateX(-56%)
 }
 to {
  -webkit-transform:translateX(56%);
  transform:translateX(56%)
 }
}
.InfiLoader--bounceShown {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 min-height:100px;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.Pagination {
 padding:16px 20px;
 text-align:center;
 margin:0 auto
}
.PaginationButton {
 color:#1a1a1a;
 transition:color .2s;
 padding:0 15px
}
.PaginationButton:not(:disabled):hover,html[data-theme=dark] .PaginationButton:not(:disabled):hover {
 color:#175199
}
html[data-theme=dark] .PaginationButton {
 color:#999
}
.PaginationButton--current {
 color:#8590a6
}
html[data-theme=dark] .PaginationButton--current {
 color:#606a80
}
.MaxLength {
 font-size:14px;
 color:#8590a6
}
.MaxLength.is-error {
 color:#f1403c
}
html[data-theme=dark] .MaxLength.is-error {
 color:#b7302d
}
html[data-theme=dark] .MaxLength {
 color:#606a80
}
.Holder {
 height:14px;
 margin-bottom:16px;
 background:#f6f6f6;
 border-radius:2px
}
.Holder:last-child {
 margin-bottom:0
}
html[data-theme=dark] .Holder {
 background:#2e2e2e
}
.Holder--avatar,.Holder--button,.Holder--icon,.Holder--inline {
 display:inline-block;
 margin-bottom:0;
 vertical-align:bottom
}
.Holder--title {
 height:18px
}
.Holder--icon {
 width:14px;
 margin-right:8px;
 border-radius:999px
}
.Holder--button {
 width:96px;
 height:34px;
 border-radius:3px
}
.Holder--button+.Holder--button {
 margin-left:16px
}
.Holder--avatar {
 width:24px;
 height:24px
}
.Favlists-items {
 max-height:335px;
 min-height:140px;
 margin-bottom:40px;
 overflow-x:hidden;
 overflow-y:auto
}
.Favlists-item {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding:8px 0;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .Favlists-item {
 border-bottom:1px solid #444
}
.Favlists-itemInner {
 overflow:hidden;
 margin-right:20px
}
.Favlists-itemName {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 overflow:hidden;
 text-overflow:ellipsis
}
.Favlists-itemNameText {
 overflow:hidden;
 font-weight:700;
 text-overflow:ellipsis;
 white-space:nowrap
}
.Favlists-itemIcon {
 margin-left:6px
}
.Favlists-itemIcon .Zi {
 fill:#8590a6;
 vertical-align:baseline
}
html[data-theme=dark] .Favlists-itemIcon .Zi {
 fill:#606a80
}
.Favlists-itemContent {
 font-size:14px;
 color:#8590a6;
 margin-top:4px
}
html[data-theme=dark] .Favlists-itemContent {
 color:#606a80
}
.Favlists-updateButton {
 padding-left:0;
 padding-right:0;
 width:76px;
 -ms-flex-negative:0;
 flex-shrink:0
}
.Favlists-actions {
 padding:16px 20px
}
.Favlists-actions,.Favlists-mobileActions {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 box-sizing:border-box
}
.Favlists-mobileActions {
 position:fixed;
 bottom:0;
 width:100%;
 padding:12px 20px;
 border-top:1px solid #ebebeb;
 background:#fff
}
.Favlists-mobileActions .Favlists-addButton:last-child:first-child {
 width:100%
}
.Favlists-mobileActions .Button {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.Favlists-mobileActions .Button:first-child:not(:last-child) {
 margin-right:8px
}
html[data-theme=dark] .Favlists-mobileActions {
 border-top:1px solid #444;
 background:#1a1a1a
}
.Favlist-empty {
 position:fixed;
 left:0;
 right:0;
 top:0;
 bottom:0
}
.Favlist-emptyContent {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:100%
}
.Favlist-emptyTip {
 margin-top:30px;
 font-size:15px;
 color:#8590a6
}
html[data-theme=dark] .Favlist-emptyTip {
 color:#606a80
}
.Favlists-addButton {
 width:220px
}
.Favlists-addItem {
 margin-bottom:8px
}
.Favlists-descritionInput,.Favlists-titleInput {
 width:100%;
 height:auto;
 padding:8px 12px
}
.Favlists-privacyOption {
 display:block;
 margin-bottom:6px;
 overflow:auto;
 font-size:14px
}
.Favlists-privacyOptionTips {
 margin-left:4px;
 color:#8590a6
}
html[data-theme=dark] .Favlists-privacyOptionTips {
 color:#606a80
}
.Favlists-privacyOptionRadio {
 display:inline-block;
 width:14px;
 height:14px;
 padding:2px;
 margin:0 4px 0 0;
 vertical-align:middle;
 border:2px solid #ebebeb;
 border-radius:50%;
 transition:background-color,border-color .3s;
 background-clip:content-box;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none
}
.Favlists-privacyOptionRadio:checked {
 background-color:#0084ff;
 border-color:#0084ff
}
html[data-theme=dark] .Favlists-privacyOptionRadio:checked {
 background-color:#3a76d0;
 border-color:#3a76d0
}
.Favlists-privacyOptionRadio:focus {
 outline:none
}
html[data-theme=dark] .Favlists-privacyOptionRadio {
 border:2px solid #444
}
.Favlists-inputTips {
 padding-top:8px;
 text-align:right
}
.Favlists-favButton {
 width:72px
}
.FavlistItem-title {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.FavlistItem-lockIcon {
 margin-left:8px
}
.FavlistItem-follow {
 width:90px
}
.EmptyState {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 height:100%
}
.EmptyState-inner {
 font-size:15px;
 color:#8590a6;
 text-align:center
}
html[data-theme=dark] .EmptyState-inner {
 color:#606a80
}
.EmptyState-image {
 display:block;
 margin:0 auto
}
.EmptyState-action:not(.Button) {
 color:#175199
}
.EmptyState-action:not(.Button):hover,html[data-theme=dark] .EmptyState-action:not(.Button):hover {
 border-bottom:1px solid #175199
}
html[data-theme=dark] .EmptyState-action:not(.Button) {
 color:#175199
}
.EmptyState-action.Button:hover {
 color:gray
}
.EmptyState-action.Button:hover .Icon {
 fill:#999
}
html[data-theme=dark] .EmptyState-action.Button:hover .Icon {
 fill:#646464
}
html[data-theme=dark] .EmptyState-action.Button:hover {
 color:gray
}
.OpenInAppButton {
 position:fixed;
 top:auto;
 bottom:0;
 left:50%;
 z-index:100;
 width:105px;
 font-size:15px;
 font-weight:500;
 line-height:36px;
 color:#fff;
 text-align:center;
 background:#0084ff;
 border-radius:18px;
 -webkit-transform:translate(-50%,200%);
 transform:translate(-50%,200%);
 box-shadow:0 2px 5px rgba(26,26,26,.25);
 transition:-webkit-transform .3s .3s;
 transition:transform .3s .3s;
 transition:transform .3s .3s,-webkit-transform .3s .3s
}
html[data-theme=dark] .OpenInAppButton {
 color:#1a1a1a;
 background:#3a76d0;
 box-shadow:0 2px 5px hsla(0,0%,60%,.25)
}
.OpenInAppButton.is-shown {
 -webkit-transform:translate(-50%,-25px);
 transform:translate(-50%,-25px)
}
.CommentEditor .RichText {
 min-height:auto!important
}
.CommentEditor--normal {
 position:relative;
 transition:padding-right .3s ease
}
.CommentEditor--normal .CommentEditor-input {
 overflow:hidden;
 width:100%
}
.CommentEditor--normal .Editable-unstyled {
 margin:0!important
}
.CommentEditor--normal.CommentEditor--active {
 padding-right:94px
}
.CommentEditor--normal.CommentEditor--active .CommentEditor-singleButton {
 -webkit-transform:scale(1);
 transform:scale(1)
}
.CommentEditor--inCommentItem .CommentEditor-actions {
 margin-top:16px;
 text-align:right
}
.CommentEditor--inCommentItem .CommentEditor-actions .Button {
 line-height:34px
}
.CommentEditor--inCommentItem .CommentEditor-actions .Button+.Button {
 margin-left:20px
}
.CommentEditor-singleButton {
 position:absolute;
 right:16px;
 bottom:12px;
 line-height:34px!important;
 -webkit-transform:scale(0);
 transform:scale(0);
 transition:opacity .3s ease,-webkit-transform .3s ease;
 transition:opacity .3s ease,transform .3s ease;
 transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease
}
.CommentEditor-singleButton:disabled {
 cursor:not-allowed
}
.CommentEditor-input {
 font-size:15px
}
.CommentEditor-input .Editable {
 background:#f6f6f6
}
.CommentEditor-input .Editable--focus {
 background:#fff
}
html[data-theme=dark] .CommentEditor-input .Editable--focus {
 background:#1a1a1a
}
html[data-theme=dark] .CommentEditor-input .Editable {
 background:#2e2e2e
}
.CommentEditor-input .Dropzone {
 min-height:auto!important
}
.CommentEditor-input .DraftEditor-root {
 padding:5px 12px!important
}
.CommentEditor-startCommentButton {
 width:100%
}
.CommentEditor-hiddenInput {
 position:absolute;
 z-index:-1;
 top:-9999px
}
.CommentEditor-input--mobile {
 min-height:208px
}
.CommentEditor-input--mobile,.CommentEditor-input--mobile.is-focus {
 border:none
}
.CommentEditor-input--mobile .Editable {
 background:#fff
}
html[data-theme=dark] .CommentEditor-input--mobile .Editable {
 background:#1a1a1a
}
.CommentEditor-modalButtons {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 padding:8px 20px;
 border-top:1px solid #ebebeb;
 border-bottom:1px solid #ebebeb
}
.CommentEditor-modalButtons .Button {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.CommentEditor-modalButtons .Button+.Button {
 margin-left:16px
}
html[data-theme=dark] .CommentEditor-modalButtons {
 border-top:1px solid #444;
 border-bottom:1px solid #444
}
.SignInModal .MobileModal-title {
 padding-bottom:0
}
.SignInModal-openInAppButton {
 margin-bottom:16px;
 width:100%;
 line-height:44px;
 color:#fff;
 background-color:#0084ff
}
html[data-theme=dark] .SignInModal-openInAppButton {
 color:#1a1a1a;
 background-color:#3a76d0
}
.SignInModal-content {
 padding:0 16px
}
.SignInModal-content button {
 height:44px;
 width:100%;
 font-size:16px;
 border:1px solid;
 border-radius:3px
}
.SignInModal-content button:not(:last-child) {
 margin-bottom:16px
}
.SignInModal-button-zhihu {
 background-color:#fff;
 border-color:#0084ff;
 color:#0084ff
}
html[data-theme=dark] .SignInModal-button-zhihu {
 background-color:#1a1a1a;
 border-color:#3a76d0;
 color:#3a76d0
}
.SignInModal-button-weibo {
 background-color:#f1403c;
 border-color:##F1403C;
 color:#fff
}
html[data-theme=dark] .SignInModal-button-weibo {
 background-color:#b7302d;
 border-color:##B7302D;
 color:#1a1a1a
}
.SignInModal-button-wechat {
 background-color:#bfbfbf;
 border-color:#bfbfbf;
 color:#fff
}
html[data-theme=dark] .SignInModal-button-wechat {
 background-color:#444;
 border-color:#444;
 color:#1a1a1a
}
.SignInModal-button-qq {
 background-color:#0084ff;
 border-color:#0084ff;
 color:#fff
}
html[data-theme=dark] .SignInModal-button-qq {
 background-color:#3a76d0;
 border-color:#3a76d0;
 color:#1a1a1a
}
.ReportMenu-inner {
 min-height:192px;
 margin-bottom:30px;
 font-size:14px;
 line-height:1.75
}
.ReportMenu-mobile .ReportMenu-inner:not(.ReportMenu-options) {
 padding-top:18px
}
.ReportMenu-item {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:100%;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding:12px 0;
 text-align:left;
 cursor:pointer;
 border-bottom:1px solid #f6f6f6;
 outline:none
}
html[data-theme=dark] .ReportMenu-item {
 border-bottom:1px solid #2e2e2e
}
.ReportMenu-itemValue {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.ReportMenu-itemCheck {
 position:absolute;
 width:0;
 height:0;
 opacity:0
}
.ReportMenu-itemCheck:checked+.ReportMenu-itemCheckIcon {
 opacity:1
}
.ReportMenu-itemCheckIcon {
 fill:#0084ff;
 opacity:0;
 transition:opacity .2s
}
html[data-theme=dark] .ReportMenu-itemCheckIcon {
 fill:#3a76d0
}
.ReportMenu-paragraph {
 white-space:pre-wrap;
 list-style:none
}
.ReportMenu-paragraph--light {
 margin-top:1em;
 color:#8590a6
}
html[data-theme=dark] .ReportMenu-paragraph--light {
 color:#606a80
}
.ReportMenu-check {
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.ReportMenu-textarea {
 width:100%
}
.ReportMenu-link {
 color:#175199
}
.ReportMenu-link:hover {
 text-decoration:underline
}
html[data-theme=dark] .ReportMenu-link {
 color:#175199
}
.ReportMenu-link--light {
 text-decoration:underline
}
.ReportMenu-errorText {
 width:100%;
 margin-top:16px;
 color:#f1403c;
 font-size:15px;
 text-align:right
}
html[data-theme=dark] .ReportMenu-errorText {
 color:#b7302d
}
.NumberBoard {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.NumberBoard--divider .NumberBoard-item+.NumberBoard-item .NumberBoard-itemInner {
 border-left:1px solid #ebebeb
}
html[data-theme=dark] .NumberBoard--divider .NumberBoard-item+.NumberBoard-item .NumberBoard-itemInner {
 border-left:1px solid #444
}
.NumberBoard-item {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.NumberBoard-item.Button {
 border:0;
 line-height:unset;
 font-size:unset
}
.NumberBoard-item.Button:hover {
 background:none
}
.NumberBoard-item.Button:hover .NumberBoard-itemName,.NumberBoard-item.Button:hover .NumberBoard-itemValue,.NumberBoard-itema:hover .NumberBoard-itemName,.NumberBoard-itema:hover .NumberBoard-itemValue,html[data-theme=dark] .NumberBoard-item.Button:hover .NumberBoard-itemName,html[data-theme=dark] .NumberBoard-item.Button:hover .NumberBoard-itemValue,html[data-theme=dark] .NumberBoard-itema:hover .NumberBoard-itemName,html[data-theme=dark] .NumberBoard-itema:hover .NumberBoard-itemValue {
 color:#175199
}
.NumberBoard-itemInner {
 text-align:center;
 line-height:1.6
}
.NumberBoard-itemName {
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .NumberBoard-itemName {
 color:#606a80
}
.NumberBoard-itemValue {
 display:inline-block;
 font-size:18px;
 color:#1a1a1a;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .NumberBoard-itemValue {
 font-weight:500
}
html[data-android] .NumberBoard-itemValue {
 font-weight:700
}
html[data-theme=dark] .NumberBoard-itemValue {
 color:#999
}
.HoverCard {
 padding:0 12px 16px;
 font-size:14px;
 opacity:1;
 transition:opacity .3s ease
}
.HoverCard--isLoading {
 opacity:0
}
.HoverCard,.HoverCard-loading {
 box-shadow:0 5px 20px rgba(26,26,26,.1);
 background:#fff;
 border-radius:2px
}
html[data-theme=dark] .HoverCard,html[data-theme=dark] .HoverCard-loading {
 box-shadow:0 1px 3px rgba(0,0,0,.3);
 background:#1a1a1a
}
.HoverCard-container {
 width:360px;
 max-height:600px
}
.HoverCard-loading {
 position:absolute;
 width:120px;
 height:80px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 margin:auto
}
.HoverCard-loading--reversed {
 -webkit-transform:translateY(-100%);
 transform:translateY(-100%)
}
.HoverCard-container--large {
 width:400px
}
.HoverCard-titleContainer {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 padding:8px 0;
 border-bottom:1px solid #f6f6f6;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
html[data-theme=dark] .HoverCard-titleContainer {
 border-bottom:1px solid #2e2e2e
}
.HoverCard-avatar {
 position:absolute;
 top:-20px;
 border:2px solid #fff
}
html[data-theme=dark] .HoverCard-avatar {
 border:2px solid #1a1a1a
}
.HoverCard-titleText {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 min-height:42px;
 padding-bottom:2px;
 margin-left:84px;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 overflow:hidden;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.HoverCard-coverContainer {
 height:100px;
 margin:0 -12px;
 overflow:hidden;
 border-radius:2px 2px 0 0
}
.HoverCard-cover {
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
.HoverCard-subtitle,.HoverCard-title {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.HoverCard-title {
 font-size:16px;
 font-weight:500
}
.HoverCard-subtitle {
 margin-top:4px;
 font-weight:400
}
.HoverCard-numberBoard {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-pack:distribute;
 justify-content:space-around;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.HoverCard-buttons {
 margin-top:16px
}
.HoverCard-buttons .Button {
 width:144px
}
.HoverCard-numberGroup {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.HoverCard-boardKey {
 line-height:1.7;
 color:#8590a6
}
html[data-theme=dark] .HoverCard-boardKey {
 color:#606a80
}
.HoverCard-boardNumber {
 margin-top:4px;
 font-size:18px;
 font-weight:500;
 line-height:1.4;
 color:#1a1a1a
}
html[data-theme=dark] .HoverCard-boardNumber {
 color:#999
}
.HoverCard-item {
 padding:8px 0;
 line-height:1.75;
 border-bottom:1px solid #f6f6f6
}
.HoverCard-item:last-child {
 padding:8px 16px;
 text-align:center;
 border:0
}
.HoverCard-item .Icon {
 margin-right:8px
}
html[data-theme=dark] .HoverCard-item {
 border-bottom:1px solid #2e2e2e
}
.HoverCard-description {
 display:block;
 display:-webkit-box;
 max-height:73.5px;
 overflow:hidden;
 text-overflow:ellipsis;
 -webkit-line-clamp:3;
 -webkit-box-orient:vertical
}
.HoverCard-attrInfo {
 margin-left:10px;
 color:#8590a6;
 white-space:nowrap
}
.HoverCard-attrInfo .Icon {
 margin-right:8px
}
html[data-theme=dark] .HoverCard-attrInfo {
 color:#606a80
}
.HoverCard-separate {
 color:#ebebeb
}
html[data-theme=dark] .HoverCard-separate {
 color:#444
}
.HoverCard-popoverTarget {
 border-width:0;
 background:transparent;
 box-shadow:none
}
.HoverCard-titleContainer--noAvatar {
 margin-top:20px
}
.FollowButton {
 min-width:96px
}
.FollowButton-icon {
 margin-right:8px;
 fill:currentColor
}
.ModifyButton {
 font-size:15px
}
.ModifyButton-icon {
 margin-right:4px;
 fill:currentColor
}
.Messages-menu {
 width:360px;
 padding:0;
 overflow:hidden
}
.Messages-newItem {
 background:#f6f6f6
}
html[data-theme=dark] .Messages-newItem {
 background:#2e2e2e
}
.Messages-header {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .Messages-header {
 border-bottom:1px solid #444
}
.Messages-tab {
 position:relative;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 height:48px;
 font-size:14px;
 color:#8590a6;
 cursor:pointer
}
html[data-theme=dark] .Messages-tab {
 color:#606a80
}
.Messages-currentTab {
 color:#1a1a1a
}
.Messages-currentTab:hover {
 color:currentColor
}
html[data-theme=dark] .Messages-currentTab {
 color:#999
}
.Messages-myMessageTab {
 width:360px;
 color:#1a1a1a
}
html[data-theme=dark] .Messages-myMessageTab {
 color:#999
}
.Messages-tab:not(:last-child):after {
 position:absolute;
 left:180px;
 width:1px;
 height:20px;
 margin:auto;
 background:#ebebeb;
 content:""
}
html[data-theme=dark] .Messages-tab:not(:last-child):after {
 background:#444
}
.Messages-list {
 height:350px;
 overflow-x:hidden;
 overflow-y:auto
}
.Messages-withNoTabList {
 height:408px
}
.Messages-item {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding:15px;
 font-size:14px;
 line-height:24px;
 color:#1a1a1a
}
.Messages-item:hover {
 background-color:#f6f6f6
}
html[data-theme=dark] .Messages-item:hover {
 background-color:#2e2e2e
}
.Messages-item .Avatar {
 display:block
}
html[data-theme=dark] .Messages-item {
 color:#999
}
.Messages-user {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 margin-left:16px;
 overflow:hidden
}
.Messages-userName {
 font-size:15px
}
.Messages-itemContent {
 height:20px;
 overflow:hidden;
 line-height:20px;
 color:#8590a6;
 text-overflow:ellipsis;
 white-space:nowrap
}
html[data-theme=dark] .Messages-itemContent {
 color:#606a80
}
.Messages-newDialog {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 min-height:274px
}
.Messages-footer,.Messages-newDialog {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.Messages-footer {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 height:40px;
 padding:0 16px;
 line-height:40px;
 background:#fff;
 border-top:1px solid #ebebeb;
 box-sizing:border-box
}
html[data-theme=dark] .Messages-footer {
 background:#1a1a1a;
 border-top:1px solid #444
}
.Messages-receiver {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 margin-top:8px
}
.Messages-receiver,.Messages-receiverInfo {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 height:36px;
 line-height:36px
}
.Messages-receiverInfo {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .Messages-receiverInfo {
 font-weight:500
}
html[data-android] .Messages-receiverInfo {
 font-weight:700
}
.Messages-receiverAutoComplete {
 position:relative;
 margin-top:8px
}
.Messages-records,html[data-theme=dark] .Messages-records {
 color:#175199
}
.Messages-sendContent {
 width:352px;
 margin:12px auto 0
}
.Messages-sendContent textarea {
 overflow-y:auto
}
.Messages-modifyButton {
 position:absolute;
 top:50%;
 right:0;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 fill:#8590a6
}
html[data-theme=dark] .Messages-modifyButton {
 fill:#606a80
}
.Messages-warning {
 height:23px;
 margin:4px auto 0;
 font-size:14px;
 color:#f1403c;
 opacity:0;
 transition:opacity .2s
}
.Messages-warning.is-shown {
 opacity:1
}
html[data-theme=dark] .Messages-warning {
 color:#b7302d
}
.Messages-input {
 width:352px
}
.Messages-icon {
 cursor:pointer
}
.Messages-count {
 position:absolute;
 bottom:50%;
 left:50%;
 padding:0 4px;
 font-size:11px;
 color:#fff;
 background-color:#f1403c;
 border:2px solid #fff;
 border-radius:20px
}
html[data-theme=dark] .Messages-count {
 color:#1a1a1a;
 background-color:#b7302d;
 border:2px solid #1a1a1a
}
.Messages-menu {
 z-index:205
}
.Messages-searchIcon {
 position:absolute;
 top:50%;
 right:10px;
 width:16px;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.MemberButtonGroup .Button+.Button {
 margin-left:16px
}
.MemberButtonGroup-prohibitIcon {
 fill:currentColor;
 margin-right:4px
}
.FollowStatus {
 display:inline-block;
 padding:1px 6px;
 margin-left:8px;
 font-size:12px;
 color:#8590a6;
 vertical-align:1px;
 background-color:#f6f6f6;
 border-radius:3px
}
html[data-theme=dark] .FollowStatus {
 color:#606a80;
 background-color:#2e2e2e
}
.UserHoverCard-infoItem {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.UserHoverCard-infoItem:not(:last-child) {
 margin-bottom:8px
}
.UserHoverCard-infoDivider {
 display:inline-block;
 width:1px;
 height:10px;
 margin:0 8px;
 background:#ebebeb
}
html[data-theme=dark] .UserHoverCard-infoDivider {
 background:#444
}
.UserHoverCard-mutuals {
 color:#8590a6
}
html[data-theme=dark] .UserHoverCard-mutuals {
 color:#606a80
}
.UserHoverCard-orgBadge {
 margin-left:6px;
 vertical-align:2px
}
.UserLink-badge {
 margin-left:.3em
}
.GifPlayer {
 display:block;
 margin:0 auto;
 overflow:hidden;
 max-width:100%;
 width:-webkit-fit-content;
 width:-moz-fit-content;
 width:fit-content;
 cursor:pointer;
 text-align:center
}
.GifPlayer,html[data-theme=dark] .GifPlayer {
 position:relative
}
html[data-theme=dark] .GifPlayer:after {
 content:"";
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background-color:rgba(0,0,0,.3);
 border-radius:inherit;
 pointer-events:none
}
.GifPlayer[data-size=small] {
 max-width:40%
}
.GifPlayer img {
 max-width:100%;
 vertical-align:top
}
.GifPlayer-icon {
 position:absolute;
 top:50%;
 left:50%;
 margin-left:-30px;
 margin-top:-30px;
 pointer-events:none;
 transition:.3s ease-out;
 transition-property:opacity,-webkit-transform;
 transition-property:transform,opacity;
 transition-property:transform,opacity,-webkit-transform;
 -webkit-transform:scale(1);
 transform:scale(1);
 -webkit-transform-origin:center;
 transform-origin:center;
 opacity:1
}
.GifPlayer.isPlaying .GifPlayer-icon {
 -webkit-transform:scale(.3);
 transform:scale(.3);
 opacity:0
}
.RichText-video {
 margin:16px 0
}
.CommentItem {
 position:relative;
 -ms-flex-negative:0;
 flex-shrink:0;
 padding:12px 20px 10px;
 font-size:15px
}
.CommentItem:not(:first-child):after {
 position:absolute;
 top:0;
 left:0;
 right:0;
 display:block;
 margin:0 20px;
 border-bottom-style:solid;
 border-bottom-color:#f6f6f6;
 border-bottom-width:1px;
 content:""
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
 .CommentItem:not(:first-child):after {
  border-bottom-width:.5px
 }
}
@media (-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi) {
 .CommentItem:not(:first-child):after {
  border-bottom-width:.33333px
 }
}
@media (-webkit-min-device-pixel-ratio:4),(min-resolution:384dpi) {
 .CommentItem:not(:first-child):after {
  border-bottom-width:.25px
 }
}
html[data-theme=dark] .CommentItem:not(:first-child):after {
 border-bottom-color:#2e2e2e
}
.CommentItem-deletedContent {
 padding:16px 0;
 font-size:14px;
 color:#8590a6;
 text-align:center
}
html[data-theme=dark] .CommentItem-deletedContent {
 color:#606a80
}
.CommentItem-meta {
 position:relative;
 height:27px;
 padding-right:3px;
 padding-left:1px;
 margin-bottom:5px;
 line-height:24px
}
.CommentItem-avatar {
 margin-right:8px
}
.CommentItem-avatar .UserLink-avatar {
 vertical-align:top
}
.CommentItem-reply,.CommentItem-roleInfo {
 color:#8590a6
}
html[data-theme=dark] .CommentItem-reply,html[data-theme=dark] .CommentItem-roleInfo {
 color:#606a80
}
.CommentItem-reviewing {
 margin-left:8px
}
.CommentItem-reply {
 margin-right:8px;
 margin-left:8px
}
.CommentItem-roleInfo {
 margin-right:-8px
}
.CommentItem-time {
 float:right;
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .CommentItem-time {
 color:#606a80
}
.CommentItem-content {
 margin-bottom:6px;
 line-height:25px
}
.CommentItem-content p {
 margin:0
}
.CommentItem-editor {
 margin-bottom:8px
}
.CommentItem-footer {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:24px;
 font-size:14px;
 line-height:24px
}
.CommentItem-footer .Button+.Button {
 margin-left:20px
}
.CommentItem-mobileFooter .Button+.Button {
 margin-left:0
}
.CommentItem-hoverBtn {
 opacity:0;
 transition:opacity .2s
}
.CommentItem-likeBtn:disabled,.CommentItem:hover .CommentItem-hoverBtn {
 opacity:1
}
.CommentItem-likeBtn.is-liked {
 color:#0084ff
}
.CommentItem-likeBtn.is-liked:hover {
 color:#175199
}
.CommentItem-likeBtn.is-liked:hover .Icon {
 fill:currentColor
}
html[data-theme=dark] .CommentItem-likeBtn.is-liked:hover {
 color:#175199
}
.CommentItem-likeBtn.is-liked .Icon {
 fill:currentColor
}
html[data-theme=dark] .CommentItem-likeBtn.is-liked {
 color:#3a76d0
}
.CommentItem--highlighted {
 -webkit-animation:highlight 1.6s ease-out;
 animation:highlight 1.6s ease-out
}
@-webkit-keyframes highlight {
 0% {
  background:#ebebeb
 }
 html[data-theme=dark] 0% {
  background:#444
 }
 to {
  background:transparent none repeat 0 0/auto auto padding-box border-box scroll;
  background:initial
 }
}
@keyframes highlight {
 0% {
  background:#ebebeb
 }
 html[data-theme=dark] 0% {
  background:#444
 }
 to {
  background:transparent none repeat 0 0/auto auto padding-box border-box scroll;
  background:initial
 }
}
.IsolationDot {
 margin:0 6px
}
.CommentItem-replyArrow {
 color:#8590a6;
 -webkit-transform:rotate(90deg);
 transform:rotate(90deg);
 margin:0 8px
}
html[data-theme=dark] .CommentItem-replyArrow {
 color:#606a80
}
.CommentItem-userLink {
 max-width:80px;
 font-weight:600;
 font-synthesis:style;
 display:inline-block;
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap;
 vertical-align:top
}
@media (min-width:360px) {
 .CommentItem-userLink {
  max-width:100px
 }
}
html[data-ios] .CommentItem-userLink {
 font-weight:500
}
html[data-android] .CommentItem-userLink {
 font-weight:700
}
.CommentItem-menu-item {
 padding-top:13px;
 padding-bottom:13px
}
.Comments-pattern-loading {
 height:96px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.Tabs {
 border-bottom:1px solid #f6f6f6
}
html[data-theme=dark] .Tabs {
 border-bottom:1px solid #2e2e2e
}
.Tabs-item {
 display:inline-block;
 padding:0 20px
}
.Tabs-link {
 position:relative;
 display:inline-block;
 padding:14px 0;
 font-size:16px;
 line-height:22px;
 color:#1a1a1a;
 text-align:center
}
.Tabs-link.is-active {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .Tabs-link.is-active {
 font-weight:500
}
html[data-android] .Tabs-link.is-active {
 font-weight:700
}
.Tabs-link.is-active:after {
 position:absolute;
 right:0;
 bottom:-1px;
 left:0;
 height:3px;
 background:#0084ff;
 content:""
}
html[data-theme=dark] .Tabs-link.is-active:after {
 background:#3a76d0
}
html[data-theme=dark] .Tabs-link {
 color:#999
}
.Tabs-meta {
 margin-left:6px;
 font-size:14px;
 font-weight:300;
 line-height:20px;
 color:#999
}
html[data-theme=dark] .Tabs-meta {
 color:#646464
}
.Topbar {
 background:#fff;
 border-bottom:1px solid #f6f6f6;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:50px;
 padding:0 20px
}
html[data-theme=dark] .Topbar {
 background:#1a1a1a;
 border-bottom:1px solid #2e2e2e
}
.Topbar-title {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.Topbar--mobile .Topbar-title {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .Topbar--mobile .Topbar-title {
 font-weight:500
}
html[data-android] .Topbar--mobile .Topbar-title {
 font-weight:700
}
.CommentTopbar-title {
 display:inline-block;
 font-size:15px;
 font-weight:600;
 font-synthesis:style;
 color:#1a1a1a
}
html[data-ios] .CommentTopbar-title {
 font-weight:500
}
html[data-android] .CommentTopbar-title {
 font-weight:700
}
html[data-theme=dark] .CommentTopbar-title {
 color:#999
}
.CommentTopbar-back {
 font-size:16px;
 font-weight:inherit;
 color:#1a1a1a
}
.CommentTopbar-back:hover {
 color:#0084ff
}
html[data-theme=dark] .CommentTopbar-back:hover {
 color:#3a76d0
}
html[data-theme=dark] .CommentTopbar-back {
 color:#999
}
.CommentTopbar-backIcon {
 vertical-align:-2px;
 fill:currentColor
}
.CommentTopbar {
 border-radius:2px
}
.CommentTopbar-meta {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 height:50px;
 padding:0 16px
}
.CommentTopbar-meta,.CommentTopbar-tabsWrapper {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.CommentTopbar-tabsWrapper {
 font-size:15px
}
.CommentTopbar-tabs {
 padding:0;
 border-bottom:none
}
.CommentTopbar-tab {
 display:inline-block;
 padding:0 20px
}
.CommentTopbar-tab:first-child {
 padding-left:0
}
.CommentTopbar-tabButton {
 position:relative;
 height:56px;
 border:none
}
.CommentTopbar-tabButton:hover {
 background:none
}
.Comments,.Comments-container {
 height:100%
}
.Comments {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 overflow:hidden;
 box-sizing:border-box
}
.Comments--hidden {
 display:none
}
.Comments-titleLink a {
 color:#175199
}
.Comments-titleLink a:hover,html[data-theme=dark] .Comments-titleLink a:hover {
 border-bottom:1px solid #175199
}
html[data-theme=dark] .Comments-titleLink a {
 color:#175199
}
.CommentList {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 overflow-x:hidden;
 overflow-y:auto
}
.CommentList-divider {
 position:relative;
 margin:0 24px;
 font-size:14px;
 color:#8590a6;
 text-align:center
}
.CommentList-divider:first-child {
 margin-top:16px
}
.CommentList-divider:last-child {
 margin-bottom:16px
}
.CommentList-divider+.CommentItem:after {
 content:none
}
.CommentList-divider a {
 color:#175199
}
.CommentList-divider a:hover,html[data-theme=dark] .CommentList-divider a:hover {
 border-bottom:1px solid #175199
}
html[data-theme=dark] .CommentList-divider a {
 color:#175199
}
html[data-theme=dark] .CommentList-divider {
 color:#606a80
}
.CommentList-dividerLine {
 position:absolute;
 top:0;
 bottom:0;
 width:100%;
 height:0;
 margin:auto;
 border-top:1px solid #ebebeb
}
html[data-theme=dark] .CommentList-dividerLine {
 border-top:1px solid #444
}
.CommentList-dividerText {
 position:relative;
 z-index:2;
 display:inline-block;
 padding:0 1em;
 background-color:#fff
}
.CommentList-dividerText .CommentList-questionMark {
 margin-left:8px
}
html[data-theme=dark] .CommentList-dividerText {
 background-color:#1a1a1a
}
.Comments-footer {
 padding:12px 20px;
 background:#fff;
 border-top:1px solid #ebebeb
}
html[data-theme=dark] .Comments-footer {
 background:#1a1a1a;
 border-top:1px solid #444
}
.Comments-disabledText {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 padding:14px 12px;
 color:#8590a6;
 background-color:#f6f6f6;
 border-top:1px solid #f6f6f6;
 box-sizing:border-box;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
html[data-theme=dark] .Comments-disabledText {
 color:#606a80;
 background-color:#2e2e2e;
 border-top:1px solid #2e2e2e
}
.Comments-disabledText--fixed {
 position:fixed;
 width:100%;
 bottom:0;
 background:#fff
}
.Comments-disabledText--fixed .Comments-disabledReason {
 padding-top:8px;
 padding-bottom:8px;
 background:#f6f6f6;
 width:100%;
 text-align:center;
 border-radius:3px
}
html[data-theme=dark] .Comments-disabledText--fixed .Comments-disabledReason {
 background:#2e2e2e
}
html[data-theme=dark] .Comments-disabledText--fixed {
 background:#1a1a1a
}
.CommentList-action {
 position:relative;
 padding:16px 0;
 text-align:center
}
.CommentList-action:after {
 position:absolute;
 top:0;
 display:block;
 width:calc(100% - 48px);
 border-bottom:1px solid #f6f6f6;
 content:""
}
html[data-theme=dark] .CommentList-action:after {
 border-bottom:1px solid #2e2e2e
}
.CommentList-action a {
 color:#175199
}
.CommentList-action a:hover,html[data-theme=dark] .CommentList-action a:hover {
 border-bottom:1px solid #175199
}
html[data-theme=dark] .CommentList-action a {
 color:#175199
}
.Comments-withPagination {
 border:1px solid #ebebeb;
 box-shadow:0 1px 3px rgba(26,26,26,.1);
 background:#fff;
 margin-top:12px;
 overflow:visible;
 border-radius:4px
}
html[data-theme=dark] .Comments-withPagination {
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.Comments-withPagination .CommentList {
 overflow-y:visible
}
html[data-theme=dark] .Comments-withPagination {
 border:1px solid #444;
 background:#1a1a1a
}
.comments-pagination {
 border-top:1px solid #ebebeb
}
html[data-theme=dark] .comments-pagination {
 border-top:1px solid #444
}
.Comments-Packup-Button {
 background:hsla(0,0%,92%,.95);
 border-radius:3px;
 position:fixed;
 height:30px;
 width:93px;
 bottom:30px;
 left:570px;
 font-size:13px;
 color:#8590a6;
 letter-spacing:0;
 margin-left:-93px
}
.Comments-Packup-Button:hover,html[data-theme=dark] .Comments-Packup-Button:hover {
 color:gray
}
.Comments-Packup-Button .Icon {
 margin-left:6px;
 -webkit-transform:rotateX(180deg);
 transform:rotateX(180deg)
}
.Comments-Packup-Button-enter,.Comments-Packup-Button-leave {
 transition:opacity .3s
}
.Comments-Packup-Button-enter {
 opacity:0
}
.Comments-Packup-Button-enter-active,.Comments-Packup-Button-leave {
 opacity:1
}
.Comments-Packup-Button-leave-active {
 opacity:0
}
html[data-theme=dark] .Comments-Packup-Button {
 background:rgba(68,68,68,.95);
 color:#606a80
}
.Comments-empty {
 padding:60px 0;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 box-sizing:border-box;
 overflow:auto
}
.CommentList-expendCollapseButton {
 color:#8590a6;
 cursor:pointer
}
.CommentList-expendCollapseButton:hover,html[data-theme=dark] .CommentList-expendCollapseButton:hover {
 color:gray
}
html[data-theme=dark] .CommentList-expendCollapseButton {
 color:#606a80
}
.CommentItem {
 outline:none
}
.AuthorInfo {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.AuthorInfo-avatar {
 vertical-align:top
}
.AuthorInfo-content {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 margin-left:14px;
 overflow:hidden
}
.AuthorInfo-head {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 font-size:15px;
 line-height:1.1;
 -ms-flex-negative:0;
 flex-shrink:0
}
.AuthorInfo-name {
 font-weight:600;
 font-synthesis:style;
 color:#444
}
html[data-ios] .AuthorInfo-name {
 font-weight:500
}
html[data-android] .AuthorInfo-name {
 font-weight:700
}
html[data-theme=dark] .AuthorInfo-name {
 color:gray
}
.AuthorInfo-badge {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 margin-top:2px;
 font-size:14px
}
.AuthorInfo-badgeText {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 color:#646464
}
html[data-theme=dark] .AuthorInfo-badgeText {
 color:#999
}
.AuthorInfo--plain .AuthorInfo-content {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 margin-left:10px
}
.AuthorInfo--plain .AuthorInfo-badge>:first-child {
 margin-top:0
}
.AuthorInfo--plain .AuthorInfo-badge>:first-child:before {
 content:"\FF0C"
}
.AuthorInfo-detail {
 overflow:hidden
}
.PushNotifications-menu {
 width:360px;
 padding:0;
 overflow:hidden
}
.PushNotifications-header {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .PushNotifications-header {
 border-bottom:1px solid #444
}
.PushNotifications-tab {
 position:relative;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 height:48px;
 cursor:pointer;
 box-shadow:none!important
}
.PushNotifications-selectedTabIcon {
 fill:#0084ff
}
html[data-theme=dark] .PushNotifications-selectedTabIcon {
 fill:#3a76d0
}
.PushNotifications-tab:not(:last-child):after {
 position:absolute;
 left:120px;
 width:1px;
 height:20px;
 margin:auto;
 background:#ebebeb;
 content:""
}
html[data-theme=dark] .PushNotifications-tab:not(:last-child):after {
 background:#444
}
.PushNotifications-list {
 height:350px;
 overflow-x:hidden;
 overflow-y:auto
}
.PushNotifications-item {
 position:relative;
 padding:15px;
 font-size:14px;
 line-height:24px;
 color:#1a1a1a
}
html[data-theme=dark] .PushNotifications-item {
 color:#999
}
.PushNotifications-item a {
 color:#175199
}
.PushNotifications-item a:hover,html[data-theme=dark] .PushNotifications-item a:hover {
 color:#144785
}
html[data-theme=dark] .PushNotifications-item a {
 color:#175199
}
.PushNotifications-item:after {
 position:absolute;
 right:0;
 bottom:100%;
 left:0;
 height:1px;
 padding:0 16px;
 background-color:#ebebeb;
 content:"";
 background-clip:content-box
}
html[data-theme=dark] .PushNotifications-item:after {
 background-color:#444
}
.PushNotifications-newItem {
 background:#f6f6f6
}
html[data-theme=dark] .PushNotifications-newItem {
 background:#2e2e2e
}
.PushNotifications-followTitle {
 position:relative;
 height:54px;
 font-size:14px;
 line-height:54px;
 color:#8590a6;
 text-align:center
}
html[data-theme=dark] .PushNotifications-followTitle {
 color:#606a80
}
.PushNotifications-followTitle:after {
 position:absolute;
 right:0;
 bottom:0;
 left:0;
 margin:0 16px;
 border-bottom:1px solid #ebebeb;
 content:""
}
html[data-theme=dark] .PushNotifications-followTitle:after {
 border-bottom:1px solid #444
}
.PushNotifications-followItem {
 display:block
}
.PushNotifications-followItem:hover {
 background-color:#f6f6f6
}
html[data-theme=dark] .PushNotifications-followItem:hover {
 background-color:#2e2e2e
}
.PushNotifications-followItem .AuthorInfo-name {
 font-family:inherit
}
.PushNotifications-followItem .AuthorInfo-badge {
 color:#8590a6
}
html[data-theme=dark] .PushNotifications-followItem .AuthorInfo-badge {
 color:#606a80
}
.PushNotifications-followItem:after {
 content:none
}
.PushNotifications-followItem a {
 color:#1a1a1a
}
html[data-theme=dark] .PushNotifications-followItem a {
 color:#999
}
.Notifications-footer {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 width:100%;
 height:40px;
 padding:0 16px;
 line-height:40px;
 background:#fff;
 border-top:1px solid #ebebeb;
 box-sizing:border-box
}
html[data-theme=dark] .Notifications-footer {
 background:#1a1a1a;
 border-top:1px solid #444
}
.PushNotifications-redbot {
 position:absolute;
 top:50%;
 width:4px;
 height:4px;
 margin-left:8px;
 background-color:#f1403c;
 border-radius:50%;
 -webkit-transform:translateY(-2px);
 transform:translateY(-2px)
}
html[data-theme=dark] .PushNotifications-redbot {
 background-color:#b7302d
}
.PushNotifications-count {
 position:absolute;
 bottom:50%;
 left:50%;
 padding:0 4px;
 font-size:11px;
 color:#fff;
 background-color:#f1403c;
 border:2px solid #fff;
 border-radius:20px
}
html[data-theme=dark] .PushNotifications-count {
 color:#ebebeb;
 background-color:#b7302d;
 border:2px solid #1a1a1a
}
.PushNotifications-actor:not(:last-child):after {
 content:"\3001";
 color:#0084ff
}
html[data-theme=dark] .PushNotifications-actor:not(:last-child):after {
 color:#3a76d0
}
.Tag {
 position:relative;
 display:inline-block;
 height:30px;
 padding:0 12px;
 font-size:14px;
 line-height:30px;
 color:#0084ff;
 vertical-align:top;
 border-radius:100px;
 background:rgba(0,132,255,.1)
}
.Tag:hover {
 background-color:rgba(0,132,255,.15)
}
html[data-theme=dark] .Tag:hover {
 background-color:rgba(58,118,208,.15)
}
.Tag--removable {
 padding-right:28px
}
html[data-theme=dark] .Tag {
 color:#3a76d0;
 background:rgba(58,118,208,.1)
}
.Tag-remove {
 position:absolute;
 top:0;
 right:10px;
 bottom:0;
 margin-top:auto;
 margin-bottom:auto;
 cursor:pointer;
 padding:0;
 background:none;
 border:none;
 outline:none;
 color:inherit
}
.Tag-remove .Zi {
 display:block
}
.TagInput .Input-wrapper {
 display:block
}
.TagInput .Input {
 -webkit-box-flex:0;
 -ms-flex:none;
 flex:none;
 height:30px;
 margin-top:2px;
 margin-bottom:2px;
 margin-left:8px
}
.TagInput.TagInput--empty .Input {
 width:100%;
 margin-left:0
}
.TagInput .Tag {
 margin-top:2px;
 margin-right:4px;
 margin-bottom:2px
}
.TagInput .Popover {
 display:block
}
input[type=range].RangeInput {
 width:220px;
 height:12px;
 padding:0;
 margin:0 10px;
 vertical-align:middle;
 background:transparent;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none
}
input[type=range].RangeInput:focus {
 outline:none
}
input[type=range].RangeInput::-webkit-slider-runnable-track {
 height:5px;
 cursor:pointer;
 background:#f6f6f6;
 border-radius:2px
}
html[data-theme=dark] input[type=range].RangeInput::-webkit-slider-runnable-track {
 background:#2e2e2e
}
input[type=range].RangeInput::-webkit-slider-thumb {
 width:12px;
 height:12px;
 margin-top:-4px;
 cursor:pointer;
 background:#d3d3d3;
 border-radius:50%;
 -webkit-appearance:none;
 appearance:none
}
html[data-theme=dark] input[type=range].RangeInput::-webkit-slider-thumb {
 background:#2e2e2e
}
input[type=range].RangeInput::-moz-range-track {
 height:5px;
 cursor:pointer;
 background:#f6f6f6;
 border-radius:2px
}
html[data-theme=dark] input[type=range].RangeInput::-moz-range-track {
 background:#2e2e2e
}
input[type=range].RangeInput::-moz-range-thumb {
 width:12px;
 height:12px;
 cursor:pointer;
 background:#d3d3d3;
 border:none;
 border-radius:50%
}
html[data-theme=dark] input[type=range].RangeInput::-moz-range-thumb {
 background:#2e2e2e
}
input[type=range].RangeInput::-ms-track {
 width:100%;
 height:5px;
 color:transparent;
 cursor:pointer;
 background:transparent;
 border-color:transparent
}
input[type=range].RangeInput::-ms-fill-lower,input[type=range].RangeInput::-ms-fill-upper {
 background:#f6f6f6;
 border-radius:2px
}
html[data-theme=dark] input[type=range].RangeInput::-ms-fill-lower,html[data-theme=dark] input[type=range].RangeInput::-ms-fill-upper {
 background:#2e2e2e
}
input[type=range].RangeInput::-ms-thumb {
 width:12px;
 height:12px;
 cursor:pointer;
 background:#d3d3d3;
 border:none;
 border-radius:50%
}
html[data-theme=dark] input[type=range].RangeInput::-ms-thumb {
 background:#2e2e2e
}
input[type=range].RangeInput::-ms-tooltip {
 display:none
}
input[type=range].RangeInput .Zi {
 vertical-align:middle;
 display:inline-block;
 fill:#8590a6
}
html[data-theme=dark] input[type=range].RangeInput .Zi {
 fill:#606a80
}
.Mask {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:1;
 transition:opacity .2s ease-in
}
.Mask-hidden {
 pointer-events:none;
 opacity:0
}
.Mask-mask {
 position:absolute;
 z-index:-1;
 width:100%;
 height:100%;
 opacity:.4;
 box-sizing:border-box
}
.Mask-mask--black {
 background:#1a1a1a
}
html[data-theme=dark] .Mask-mask--black {
 background:#999
}
.Mask-mask--white {
 background:hsla(0,0%,100%,.95)
}
html[data-theme=dark] .Mask-mask--white {
 background:rgba(26,26,26,.95)
}
.Mask-content {
 position:absolute;
 top:50%;
 left:50%;
 z-index:5;
 color:#fff;
 text-align:center;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
html[data-theme=dark] .Mask-content {
 color:#1a1a1a
}
.Mask-content--full {
 width:100%;
 height:100%
}
.VideoCoverEditor-Modal .Modal-inner {
 width:400px;
 height:480px;
 overflow:hidden
}
.VideoCoverEditor-title {
 font-size:20px;
 font-weight:500;
 color:#1a1a1a
}
html[data-theme=dark] .VideoCoverEditor-title {
 color:#999
}
.VideoCoverEditor-tabs {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:calc(100% - 80px);
 margin:0 auto
}
.VideoCoverEditor-tabItem {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 font-weight:500;
 font-size:20px;
 color:#444;
 cursor:pointer
}
.VideoCoverEditor-tabItem:not(:last-child):after {
 content:" |";
 float:right;
 font-weight:100;
 color:#ebebeb
}
html[data-theme=dark] .VideoCoverEditor-tabItem:not(:last-child):after {
 color:#444
}
html[data-theme=dark] .VideoCoverEditor-tabItem {
 color:gray
}
.VideoCoverEditor-tabItem.active {
 color:#0084ff
}
html[data-theme=dark] .VideoCoverEditor-tabItem.active {
 color:#3a76d0
}
.VideoCoverPicker-coverSelect {
 text-align:center
}
.VideoCoverPicker-coverList {
 position:relative;
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-top:36px
}
.VideoCoverPicker-coverItem {
 position:relative;
 width:112px;
 height:63.5px;
 margin:0 8px 8px 0;
 box-sizing:border-box;
 background:rgba(26,26,26,.03);
 cursor:pointer;
 border:3px solid #fff
}
.VideoCoverPicker-coverItem.actived {
 border-color:#0084ff
}
html[data-theme=dark] .VideoCoverPicker-coverItem.actived {
 border-color:#3a76d0
}
html[data-theme=dark] .VideoCoverPicker-coverItem {
 background:hsla(0,0%,60%,.03);
 border:3px solid #1a1a1a
}
.VideoCoverPicker-coverItem img {
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
.VideoCoverPicker-coverItem:nth-child(3n+0) {
 margin-right:0
}
.VideoCoverPicker-coverSelect .BounceLoading {
 position:absolute;
 top:50%;
 left:50%;
 -webkit-transform:translate(-50%,-120%);
 transform:translate(-50%,-120%)
}
.VideoCoverPicker-coverSelectBtn {
 width:220px;
 height:34px;
 margin:62px auto 0
}
.VideoCoverPicker-coverSelectBtn.disabled {
 opacity:.5
}
.VideoCoverFileInput {
 margin-top:40px
}
.VideoCoverFileInput-uploader {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 box-sizing:border-box;
 height:220px;
 border:2px dashed #ebebeb;
 border-radius:10px;
 cursor:pointer
}
.VideoCoverFileInput-uploader:hover {
 border-color:#8590a6
}
.VideoCoverFileInput-uploader:hover .Zi {
 fill:#999
}
html[data-theme=dark] .VideoCoverFileInput-uploader:hover .Zi {
 fill:#646464
}
html[data-theme=dark] .VideoCoverFileInput-uploader:hover {
 border-color:#606a80
}
.VideoCoverFileInput-uploader input {
 display:none
}
html[data-theme=dark] .VideoCoverFileInput-uploader {
 border:2px dashed #444
}
.VideoCoverFileInput-uploader-icon {
 text-align:center;
 display:block
}
.VideoCoverFileInput-uploader-icon .Zi {
 vertical-align:middle;
 fill:#ebebeb
}
html[data-theme=dark] .VideoCoverFileInput-uploader-icon .Zi {
 fill:#444
}
.VideoCoverFileInput-uplaodImg .Zi {
 fill:#999
}
html[data-theme=dark] .VideoCoverFileInput-uplaodImg .Zi {
 fill:#646464
}
.VideoCoverFileInput-uploader-text {
 margin-top:10px;
 font-size:18px;
 line-height:30px;
 text-align:center;
 color:#444
}
html[data-theme=dark] .VideoCoverFileInput-uploader-text {
 color:gray
}
.VideoCoverFileInput-uploader-tip {
 font-size:14px;
 line-height:30px;
 text-align:center;
 color:#999
}
html[data-theme=dark] .VideoCoverFileInput-uploader-tip {
 color:#646464
}
.VideoCoverCrop-range {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 margin:22px auto 30px;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.VideoCoverCrop .RangeInput {
 margin-top:4px
}
.VideoCoverCrop-uplaodImgFooter {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row
}
.VideoCoverCrop-uplaodImgFooter button {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.VideoCoverCrop-uplaodImgFooter button:not(:last-child) {
 margin-right:20px
}
.VideoCoverPickerPending {
 margin-top:100px;
 text-align:center
}
.VideoCoverPickerPending p {
 line-height:1.78;
 font-size:18px;
 color:#999
}
html[data-theme=dark] .VideoCoverPickerPending p {
 color:#646464
}
.VideoCoverPickerPending-nowUpdate {
 margin-top:135px
}
.Mask-mask {
 opacity:.03
}
.QuestionAsk-title {
 font-size:15px
}
.QuestionAsk-section {
 margin-bottom:12px
}
.QuestionAsk-section.QuestionAsk-DetailSection {
 margin-top:24px
}
.QuestionAsk-section .Popover {
 display:block
}
.QuestionAsk-section .TagInput {
 line-height:0
}
.QuestionAsk-sectionHeader {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding-left:13px;
 margin-bottom:8px;
 color:#8590a6
}
html[data-theme=dark] .QuestionAsk-sectionHeader {
 color:#606a80
}
.QuestionAsk-label {
 color:#444
}
html[data-theme=dark] .QuestionAsk-label {
 color:gray
}
.QuestionAsk-sectionHeaderRight {
 margin-left:auto
}
.QuestionAsk-sectionHeaderRight .Editable-control:last-child {
 margin-right:13px
}
.QuestionAsk-warning,html[data-theme=dark] .QuestionAsk-warning {
 color:#ff9607
}
.QuestionAsk-Modal {
 width:595px
}
.QuestionAsk-error,.QuestionAsk-Modal .Modal-footer {
 color:#f1403c
}
html[data-theme=dark] .QuestionAsk-error,html[data-theme=dark] .QuestionAsk-Modal .Modal-footer {
 color:#b7302d
}
.QuestionAsk-questionItems {
 line-height:26px;
 border:1px solid #ebebeb;
 border-radius:3px;
 box-sizing:border-box
}
html[data-theme=dark] .QuestionAsk-questionItems {
 border:1px solid #444
}
.QuestionAsk-questionItem {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 padding:8px 0;
 margin-left:-8px;
 margin-right:-8px;
 color:#333333;
}
.QuestionAsk-questionItem.QuestionAsk-questionItemClose {
 color:#8590a6;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .QuestionAsk-questionItem.QuestionAsk-questionItemClose {
 color:#606a80;
 border-bottom:1px solid #444
}
.QuestionAsk-questionTitle {
 margin-right:14px
}
.QuestionAsk-questionAnswerCount {
 margin-left:auto;
 color:#8590a6;
 white-space:nowrap
}
html[data-theme=dark] .QuestionAsk-questionAnswerCount {
 color:#606a80
}
.QuestionAsk-anonymous {
 color:#8590a6;
 cursor:pointer
}
html[data-theme=dark] .QuestionAsk-anonymous {
 color:#606a80
}
.QuestionAsk-anonymousCheckbox {
 margin-right:8px;
 vertical-align:text-top
}
.QuestionEdit-reasonSelect {
 margin-right:8px
}
.QuestionEdit-why {
 color:#175199
}
.QuestionEdit-why:hover,html[data-theme=dark] .QuestionEdit-why:hover {
 border-bottom:1px solid #175199
}
html[data-theme=dark] .QuestionEdit-why {
 color:#175199
}
.QuestionAsk-orgQuestionIcon {
 margin-left:8px
}
.QuestionAsk-brandSelector {
 width:100%
}
.QuestionAsk-brandSelector .Select-button {
 position:relative;
 padding:0 12px;
 width:100%
}
.QuestionAsk-brandSelector .Select-arrow {
 position:absolute;
 top:12px;
 right:12px
}
.QuestionAsk-brandSelector .Icon {
 margin-left:5px
}
.QuestionAsk-brandSelector--no-arrow .Select-arrow {
 display:none
}
.QuestionAsk-brandOption {
 padding:0 12px;
 width:488px
}
.QuestionAsk-brandOption .Icon {
 margin-left:5px
}
.QuestionAsk-buttonGroup {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 margin-top:28px
}
.QuestionAsk-buttonGroup .Button {
 width:232px;
 margin-top:28px
}
.QuestionAsk-buttonGroup .Button+.Button {
 margin-left:24px
}
.QuestionAsk-noBrandModal {
 text-align:center
}
.QuestionAsk-link {
 color:#0084ff
}
html[data-theme=dark] .QuestionAsk-link {
 color:#3a76d0
}
.QuestionAsk-onUploadModal,.QuestionAsk-videoAlert,.QuestionEdit-onUploadModal,.QuestionEdit-videoAlert {
 margin:50px 16px 0;
 font-size:20px;
 text-align:center;
 color:#444
}
html[data-theme=dark] .QuestionAsk-onUploadModal,html[data-theme=dark] .QuestionAsk-videoAlert,html[data-theme=dark] .QuestionEdit-onUploadModal,html[data-theme=dark] .QuestionEdit-videoAlert {
 color:gray
}
.QuestionEdit-reason {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 cursor:pointer;
 line-height:48px;
 box-shadow:inset 0 -1px 0 0 #f6f6f6
}
.QuestionEdit-reason:last-child {
 margin-bottom:16px
}
.QuestionEdit-reason svg {
 fill:#8590a6
}
html[data-theme=dark] .QuestionEdit-reason svg {
 fill:#606a80
}
html[data-theme=dark] .QuestionEdit-reason {
 box-shadow:inset 0 -1px 0 0 #2e2e2e
}
.QuestionAsk-Modal .Editable-videoUploader-uploadPosterButton {
 bottom:-90px
}
.QuestionCategorySelect {
 -webkit-box-orient:vertical;
 -ms-flex-direction:column;
 flex-direction:column
}
.QuestionCategory,.QuestionCategorySelect {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-direction:normal
}
.QuestionCategory {
 -webkit-box-orient:horizontal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding-bottom:15px;
 padding-top:26px
}
.QuestionCategory:hover {
 cursor:pointer
}
.QuestionCategory+.QuestionCategory {
 border-top:1px solid #ebebeb
}
html[data-theme=dark] .QuestionCategory+.QuestionCategory {
 border-top:1px solid #444
}
.QuestionCategory-content {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 width:320px
}
.QuestionCategory-title {
 font-size:17px;
 color:#1a1a1a
}
html[data-theme=dark] .QuestionCategory-title {
 color:#999
}
.QuestionCategory-desc {
 margin-top:10px;
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .QuestionCategory-desc {
 color:#606a80
}
.QuestionCategory-link,html[data-theme=dark] .QuestionCategory-link {
 color:#175199
}
.QuestionCategory-arrow {
 margin-left:22px;
 color:#bfbfbf;
 -webkit-transform:rotate(-90deg);
 transform:rotate(-90deg)
}
html[data-theme=dark] .QuestionCategory-arrow {
 color:gray
}
.QuestionCategory-buttonGroup {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 margin-top:48px
}
.QuestionCategory-buttonGroup .Button {
 width:168px
}
.QuestionAsk-error {
 color:#f1403c
}
html[data-theme=dark] .QuestionAsk-error {
 color:#b7302d
}
.SearchBar-topSearchItem {
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 font-size:14px;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding:4px 0;
 height:32px;
 box-sizing:border-box;
 margin:2px 0
}
.SearchBar-hotIcon {
 margin-left:5px
}
.SearchBar-historyItem {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 font-size:14px;
 padding:6px 0;
 line-height:24px
}
.SearchBar-historyItem,.SearchBar-historyItemContent {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.SearchBar-historyItemContent.blueFont,html[data-theme=dark] .SearchBar-historyItemContent.blueFont {
 color:#175199
}
.SearchBar-historyLabel {
 padding:7px 0;
 margin-right:16px;
 margin-left:16px;
 font-size:14px;
 color:#8590a6;
 border-bottom:1px solid #ebebeb;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
html[data-theme=dark] .SearchBar-historyLabel {
 color:#606a80;
 border-bottom:1px solid #444
}
.SearchBar-historyIconWrapper {
 position:relative
}
.SearchBar-historyIconWrapper svg {
 fill:#8590a6
}
html[data-theme=dark] .SearchBar-historyIconWrapper svg {
 fill:#606a80
}
.SearchBar-historyIconWrapper:hover,html[data-theme=dark] .SearchBar-historyIconWrapper:hover {
 color:#175199
}
.SearchBar-historyIconWrapper:hover svg,html[data-theme=dark] .SearchBar-historyIconWrapper:hover svg {
 fill:#175199
}
.SearchBar-historyIconShade {
 position:absolute;
 width:100%;
 height:100%;
 cursor:pointer
}
.SearchBar-historyLabelDeleteAll {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.SearchBar-historyDelete {
 display:none
}
.SearchBar-historyItem:hover .SearchBar-historyDelete {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.SearchBar-historyDeleteAll {
 cursor:pointer
}
.SearchBar {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.SearchBar-toolWrapper {
 position:relative;
 z-index:104;
 width:326px
}
.SearchBar-tool {
 position:relative;
 float:left;
 overflow:hidden
}
.SearchBar-tool .Popover {
 display:block
}
.SearchBar-groupItem--topSearch {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 padding:10px
}
.SearchBar-groupItem--hisotry {
 display:block
}
.SearchBar-menu {
 width:400px;
 padding-bottom:0;
 overflow-x:hidden
}
.SearchBar-menu.SearchBar-hasValueMenu .AutoComplete-group:last-child .Menu-item {
 height:40px;
 padding:0;
 margin-top:8px;
 line-height:40px;
 color:#8590a6
}
.SearchBar-menu.SearchBar-hasValueMenu .AutoComplete-group:last-child .Menu-item:not(.is-active) {
 background:#f6f6f6
}
html[data-theme=dark] .SearchBar-menu.SearchBar-hasValueMenu .AutoComplete-group:last-child .Menu-item:not(.is-active) {
 background:#2e2e2e
}
html[data-theme=dark] .SearchBar-menu.SearchBar-hasValueMenu .AutoComplete-group:last-child .Menu-item {
 color:#606a80
}
.SearchBar-menu.SearchBar-noValueMenu {
 padding-bottom:8px
}
.SearchBar-menu em {
 color:#8590a6;
 font-style:normal
}
html[data-theme=dark] .SearchBar-menu em {
 color:#606a80
}
.SearchBar-menu .blueFont em,html[data-theme=dark] .SearchBar-menu .blueFont em {
 color:#175199
}
.SearchBar-contentResult,.SearchBar-defaultResult,.SearchBar-peopleResult,.SearchBar-topicResult {
 display:block;
 padding:10px 0;
 font-size:14px;
 box-sizing:border-box
}
.SearchBar-label {
 padding:7px 0;
 margin-right:16px;
 margin-left:16px;
 font-size:14px;
 color:#8590a6;
 border-bottom:1px solid #ebebeb
}
.SearchBar-label--history {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
html[data-theme=dark] .SearchBar-label {
 color:#606a80;
 border-bottom:1px solid #444
}
.SearchBar-peopleResult {
 padding:13px 0
}
.SearchBar-peopleResult .AuthorInfo {
 padding-top:0
}
.SearchBar-peopleResult .AuthorInfo-name {
 font-weight:400
}
.SearchBar-peopleResult .AuthorInfo-badge {
 font-size:13px;
 color:#8590a6
}
html[data-theme=dark] .SearchBar-peopleResult .AuthorInfo-badge {
 color:#606a80
}
.SearchBar-userAvatar {
 border-radius:3px
}
.SearchBar-user {
 display:inline-block;
 margin-left:16px
}
.SearchBar-userHeadline {
 margin-top:2px;
 font-size:13px;
 color:#8590a6
}
html[data-theme=dark] .SearchBar-userHeadline {
 color:#606a80
}
.SearchBar-contentSuffix,.SearchBar-topicSuffix {
 margin-left:8px;
 font-size:13px;
 color:#8590a6;
 white-space:nowrap
}
html[data-theme=dark] .SearchBar-contentSuffix,html[data-theme=dark] .SearchBar-topicSuffix {
 color:#606a80
}
.SearchBar-searchLink {
 display:block;
 font-size:14px;
 color:#8590a6;
 text-align:center;
 cursor:pointer
}
html[data-theme=dark] .SearchBar-searchLink {
 color:#606a80
}
.SearchBar-askButton {
 z-index:103;
 padding:0 14px;
 margin-left:16px;
 transition:opacity .3s ease,-webkit-transform .3s ease;
 transition:opacity .3s ease,transform .3s ease;
 transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
 line-height:30px
}
.SearchBar-hiddenAskButton {
 opacity:0;
 -webkit-transform:scale(0);
 transform:scale(0)
}
.SearchBar-input {
 width:326px;
 padding-left:16px;
 transition:width .2s ease,background .3s ease
}
.SearchBar-focusedInput {
 width:400px
}
.SearchBar-searchIcon {
 position:absolute;
 right:-11px;
 top:-17px;
 bottom:-17px;
 background:transparent;
 border:transparent;
 padding:0 12px;
 border-bottom-left-radius:0;
 border-top-left-radius:0;
 transition:fill .3s ease
}
.SearchBar-focusedSearchIcon .Icon {
 fill:#0084ff
}
html[data-theme=dark] .SearchBar-focusedSearchIcon .Icon {
 fill:#3a76d0
}
.SearchBar-hasValueSearchIcon .Icon {
 fill:#fff
}
html[data-theme=dark] .SearchBar-hasValueSearchIcon .Icon {
 fill:#1a1a1a
}
.SearchBar-iconDecorator {
 position:absolute;
 top:0;
 right:-40px;
 width:40px;
 height:36px;
 border-radius:0 3px 3px 0;
 transition:all .3s ease;
 transition-delay:.1s;
 z-index:101;
 background:#0084ff;
 opacity:0
}
html[data-theme=dark] .SearchBar-iconDecorator {
 background:#3a76d0
}
.SearchBar-shownIconDecorator {
 opacity:1;
 -webkit-transform:translateX(-40px);
 transform:translateX(-40px);
 transition-delay:0
}
.SearchBar-menu .Menu-item {
 padding:0 16px
}
.AppHeaderProfileMenu-item {
 height:36px;
 line-height:36px
}
.AppHeader-profileAvatar {
 vertical-align:top
}
.OrgZhihuLogo {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 font-size:18px
}
.OrgZhihuLogo-appName {
 margin-left:15px;
 border-left:1px solid #cfdae6;
 padding-left:10px;
 line-height:28px
}
.OrgAppHeader {
 position:relative;
 z-index:100;
 min-width:1032px;
 overflow:hidden;
 background:#fff;
 box-shadow:0 1px 3px rgba(26,26,26,.1);
 background-clip:content-box
}
html[data-theme=dark] .OrgAppHeader {
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.OrgAppHeader.is-fixed {
 z-index:100
}
.OrgAppHeader-inner {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 position:relative;
 margin:0 auto;
 padding:0 16px;
 width:1000px;
 height:52px;
 transition:-webkit-transform .3s;
 transition:transform .3s;
 transition:transform .3s,-webkit-transform .3s
}
.OrgAppHeader.is-hidden .OrgAppHeader-inner {
 -webkit-transform:translateY(-100%);
 transform:translateY(-100%)
}
.OrgAppHeader-userInfo {
 color:#444
}
.OrgAppHeader-userInfo .Button {
 margin-left:16px
}
html[data-theme=dark] .OrgAppHeader {
 background:#1a1a1a
}
.PrivacyConfirm-modal {
 width:640px;
 height:532px
}
.PrivacyConfirm-modal .Modal-inner {
 border-radius:8px;
 overflow:hidden
}
.PrivacyConfirm-modal .Modal-content {
 padding:0
}
.PrivacyConfirm {
 position:relative;
 font-size:13px;
 line-height:1.54;
 color:#444;
 padding-bottom:80px
}
.PrivacyConfirm a {
 color:#0084ff
}
html[data-theme=dark] .PrivacyConfirm a {
 color:#3a76d0
}
.PrivacyConfirm p {
 margin:10px 0
}
html[data-theme=dark] .PrivacyConfirm {
 color:gray
}
.PrivacyConfirm-inner {
 height:340px;
 overflow:auto;
 padding:0 30px
}
.PrivacyConfirm-title {
 color:#1a1a1a;
 font-size:21px;
 font-weight:600;
 font-synthesis:style;
 text-align:center;
 margin-bottom:24px
}
html[data-ios] .PrivacyConfirm-title {
 font-weight:500
}
html[data-android] .PrivacyConfirm-title {
 font-weight:700
}
html[data-theme=dark] .PrivacyConfirm-title {
 color:#999
}
.PrivacyConfirm-section {
 color:#1a1a1a;
 font-size:16px;
 line-height:1;
 font-weight:600;
 font-synthesis:style;
 border-left:3px solid #0084ff;
 padding-left:8px;
 margin:20px 0 10px
}
html[data-ios] .PrivacyConfirm-section {
 font-weight:500
}
html[data-android] .PrivacyConfirm-section {
 font-weight:700
}
html[data-theme=dark] .PrivacyConfirm-section {
 color:#999;
 border-left:3px solid #3a76d0
}
.PrivacyConfirm-buttons {
 position:absolute;
 bottom:0;
 width:100%;
 background-color:#fff;
 text-align:center;
 padding:20px 0;
 border-top:solid #d3d3d3;
 border-top:.5px solid #d3d3d3
}
html[data-hairline] .PrivacyConfirm-buttons {
 border-top:1px solid #d3d3d3;
 -o-border-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'> <rect x='0' y='0' width='1' height='.5' fill='#d3d3d3'/> </svg>") 1 0 0 0;
 border-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'> <rect x='0' y='0' width='1' height='.5' fill='#d3d3d3'/> </svg>") 1 0 0 0
}
html[data-theme=dark] html[data-hairline] .PrivacyConfirm-buttons {
 border-top:1px solid #2e2e2e
}
.PrivacyConfirm-buttons button {
 width:180px;
 height:40px
}
.PrivacyConfirm-buttons button:first-child:not(:last-child) {
 margin-right:60px;
 background-color:#ebebeb;
 border-color:#ebebeb;
 color:gray
}
html[data-theme=dark] .PrivacyConfirm-buttons button:first-child:not(:last-child) {
 background-color:#444;
 border-color:#444;
 color:gray
}
html[data-theme=dark] .PrivacyConfirm-buttons {
 background-color:#1a1a1a;
 border-top:solid #2e2e2e;
 border-top:.5px solid #2e2e2e
}
.PrivacyConfirm-refuseModal {
 width:390px
}
.PrivacyConfirm-refuseModal .Modal-inner {
 border-radius:8px
}
.PrivacyConfirm-refuseModal .PrivacyConfirm-buttons {
 position:relative;
 margin-top:20px
}
.PrivacyConfirm-refuseModal .Modal-content {
 padding:0
}
.PrivacyConfirm-refuseModal .Modal-content div:first-child {
 padding:0 7.4%
}
.PrivacyConfirm-privacyAnchor {
 outline:none!important
}
.PrivacyConfirm-center {
 text-align:center
}
.AppHeader {
 position:relative;
 z-index:100;
 min-width:1032px;
 overflow:hidden;
 background:#fff;
 box-shadow:0 1px 3px rgba(26,26,26,.1);
 background-clip:content-box
}
html[data-theme=dark] .AppHeader {
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.AppHeader.is-fixed {
 z-index:100
}
html[data-theme=dark] .AppHeader {
 background:#1a1a1a
}
.AppHeader-inner {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:1000px;
 height:52px;
 padding:0 16px;
 margin:0 auto;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 transition:-webkit-transform .3s;
 transition:transform .3s;
 transition:transform .3s,-webkit-transform .3s
}
.AppHeader.is-hidden .AppHeader-inner {
 -webkit-transform:translateY(-100%);
 transform:translateY(-100%)
}
.AppHeader-nav {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 height:30px;
 margin-right:18px;
 margin-left:27px;
 color:#999
}
html[data-theme=dark] .AppHeader-nav {
 color:#646464
}
.AppHeader-navItem {
 padding:0 15px;
 font-size:15px;
 line-height:30px;
 color:#8590a6
}
.AppHeader-navItem:hover,html[data-theme=dark] .AppHeader-navItem:hover {
 color:#175199
}
.AppHeader-navItem.is-active {
 color:#444
}
html[data-theme=dark] .AppHeader-navItem.is-active {
 color:gray
}
.AppHeader-navItem:first-child {
 padding-left:0
}
html[data-theme=dark] .AppHeader-navItem {
 color:#606a80
}
.AppHeader-input {
 width:345px
}
.AppHeader-userInfo {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.AppHeader-messages,.AppHeader-notifications {
 margin-right:40px
}
.AppHeader-login {
 margin-right:16px
}
.AppHeader-downloadPopover {
 padding:16px
}
.AppHeader-downloadPopoverImage {
 width:120px
}
.AppHeader-fakeButton {
 font-size:20px
}
.AppHeader-fakeButton:not(:last-child) {
 margin-right:40px
}
.AdblockBanner {
 position:relative;
 z-index:100;
 min-width:1000px;
 padding:16px;
 line-height:28px;
 color:#8590a6;
 text-align:center;
 background-color:#ebebeb
}
html[data-theme=dark] .AdblockBanner {
 color:#606a80;
 background-color:#444
}
.AdblockBanner-inner {
 width:1000px;
 padding:0 24px;
 margin:0 auto;
 box-sizing:border-box
}
.AdblockBanner-inner a:hover {
 border-bottom:1px solid #8590a6
}
html[data-theme=dark] .AdblockBanner-inner a:hover {
 border-bottom:1px solid #606a80
}
.AdblockBanner-close {
 position:absolute;
 top:16px;
 right:16px
}
.AdblockBanner-close .Icon {
 display:block
}
.App-main {
 display:block
}
.u-ellipsis {
 overflow:hidden;
 text-overflow:ellipsis;
 word-wrap:normal;
 white-space:nowrap
}
.App-loginGuideModal {
 width:400px
}
.App-loginButton,.App-registerButton {
 display:block;
 width:220px;
 height:36px;
 margin:0 auto;
 font-size:14px;
 text-align:center
}
.App-loginButton {
 margin-top:28px;
 color:#fff
}
html[data-theme=dark] .App-loginButton {
 color:#1a1a1a
}
.App-registerButton {
 margin-top:52px;
 margin-bottom:12px;
 color:#8590a6
}
html[data-theme=dark] .App-registerButton {
 color:#606a80
}
.EntrySign-body {
 overflow:hidden
}
.EntrySign-body .AppHeader {
 display:none
}
.SignFlowHomepage {
 background-image:url(https://static.zhihu.com/heifetz/sign_bg.db29b0fbd2f78dd8c1b7.png);
 background-repeat:no-repeat;
 background-color:#b8e5f8;
 background-size:cover;
 width:100%;
 height:100vh;
 overflow:auto;
 padding-right:15px
}
.SignFlowHomepage .Card {
 overflow:visible
}
.SignFlowHomepage-content {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 border-radius:2px;
 min-height:688px;
 height:calc(100% - 42px);
 box-sizing:border-box
}
.SignFlowHomepage-downloadBtn {
 margin-top:30px;
 background:#8590a6;
 border:none;
 color:#fff;
 width:432px;
 height:42px
}
.SignFlowHomepage-downloadBtn:hover {
 background:#8590a6
}
html[data-theme=dark] .SignFlowHomepage-downloadBtn,html[data-theme=dark] .SignFlowHomepage-downloadBtn:hover {
 background:#606a80
}
html[data-theme=dark] .SignFlowHomepage-downloadBtn {
 color:#1a1a1a
}
.SignFlowHomepage-qrImage {
 position:absolute;
 z-index:0;
 left:0;
 right:0;
 height:100%;
 bottom:0;
 transition:opacity .3s,height .3s
}
.SignFlowHomepage-qrImage div {
 width:100%;
 height:100%;
 box-sizing:border-box;
 background-color:#fff;
 background-size:250px 250px;
 background-position:50%;
 background-repeat:no-repeat;
 background-image:url(https://www.zhihu.com/static/revved/img/index/qr-code@2x.2607d448.png);
 box-shadow:0 0 8px 0 rgba(26,26,26,.15);
 border-radius:2px
}
html[data-theme=dark] .SignFlowHomepage-qrImage div {
 background-color:#1a1a1a;
 box-shadow:0 0 8px 0 hsla(0,0%,60%,.15)
}
.SignFlowHomepage-qrImage:after,.SignFlowHomepage-qrImage:before {
 content:"";
 position:absolute;
 bottom:-7px;
 -webkit-transform:translate(-50%) rotate(45deg);
 transform:translate(-50%) rotate(45deg);
 left:50%;
 width:20px;
 height:20px;
 background:#fff;
 border-radius:4px
}
html[data-theme=dark] .SignFlowHomepage-qrImage:after,html[data-theme=dark] .SignFlowHomepage-qrImage:before {
 background:#1a1a1a
}
.SignFlowHomepage-qrImage:after {
 box-shadow:0 0 8px 0 rgba(26,26,26,.15);
 z-index:-1
}
html[data-theme=dark] .SignFlowHomepage-qrImage:after {
 box-shadow:0 0 8px 0 hsla(0,0%,60%,.15)
}
.SignFlowHomepage-qrImageHidden {
 opacity:0;
 height:0;
 bottom:0
}
.SignFlowHomepage-qrImageHidden:after,.SignFlowHomepage-qrImageHidden:before {
 display:none
}
.SignFlowHomepage-footer {
 font-size:12px;
 line-height:21px;
 text-align:center;
 color:#fff;
 text-shadow:0 1px 2px #999
}
html[data-theme=dark] .SignFlowHomepage-footer {
 color:#1a1a1a;
 text-shadow:0 1px 2px #646464
}
.ZhihuIntegrity {
 border-top:1px solid #ebebeb;
 width:420px;
 margin:10px auto;
 padding-top:10px
}
.ZhihuIntegrity>div {
 cursor:pointer;
 display:inline-block;
 position:relative;
 line-height:26px;
 z-index:0
}
.ZhihuIntegrity img {
 position:absolute;
 left:-34px;
 z-index:-1;
 width:138px;
 height:26px
}
html[data-theme=dark] .ZhihuIntegrity {
 border-top:1px solid #444
}
.SignFlowHomepage-footer a:not(:last-child):after,.SignFlowHomepage-footer span:not(:last-child):after {
 content:" \B7   ";
 white-space:pre;
 display:inline-block
}
.SignFlowHomepage-footer a:hover {
 text-decoration:underline
}
.UserStatus {
 width:100%;
 height:60px;
 line-height:60px;
 color:#1a1a1a;
 text-align:center;
 background-color:rgba(133,144,166,.08)
}
.UserStatus,.UserStatus .Button {
 font-size:15px
}
html[data-theme=dark] .UserStatus {
 color:#999;
 background-color:rgba(96,106,128,.08)
}
.UserStatus-warnText {
 margin-left:8px
}
.UserAvatar {
 display:inline-block;
 overflow:hidden;
 vertical-align:top;
 background-color:#fff;
 border:4px solid #fff;
 border-radius:8px
}
html[data-theme=dark] .UserAvatar {
 background-color:#1a1a1a;
 border:4px solid #1a1a1a
}
.UserAvatar-inner {
 vertical-align:top
}
.UserAvatar-holder,.UserAvatar-round {
 width:160px;
 height:160px
}
.UserAvatar-round {
 border-radius:50%
}
.UploadImageModal-modal {
 text-align:center
}
.UploadImageModal-modal div {
 display:block
}
.UploadImageModal-container {
 width:100%;
 height:100%;
 margin:0 auto 30px;
 cursor:move
}
.UploadImageModal-container canvas {
 vertical-align:top
}
.UserAvatarEditor {
 cursor:pointer;
 position:relative
}
.UserAvatarEditor-avatar {
 background:#f6f6f6;
 border:4px solid #fff;
 border-radius:8px
}
html[data-theme=dark] .UserAvatarEditor-avatar {
 background:#2e2e2e;
 border:4px solid #1a1a1a
}
.UserAvatarEditor-title {
 font-size:24px;
 color:#1a1a1a
}
html[data-theme=dark] .UserAvatarEditor-title {
 color:#999
}
.UserAvatarEditor-subTitle {
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .UserAvatarEditor-subTitle {
 color:#606a80
}
.UserAvatarEditor-range {
 width:200px;
 margin:20px 10px
}
.UserAvatarEditor-maskInner {
 z-index:4;
 border:4px solid #fff;
 border-radius:8px
}
html[data-theme=dark] .UserAvatarEditor-maskInner {
 border:4px solid #1a1a1a
}
.UserAvatarEditor-maskInnerText {
 white-space:nowrap
}
.UserAvatarEditor-cameraIcon {
 margin-bottom:14px;
 fill:#fff
}
html[data-theme=dark] .UserAvatarEditor-cameraIcon {
 fill:#1a1a1a
}
.UserAvatarEditor-maskRoundInner {
 border-radius:50%
}
.UserCover {
 position:relative;
 height:240px;
 overflow:hidden;
 background:#f6f6f6;
 border-top-right-radius:1px;
 border-top-left-radius:1px;
 transition:height .3s
}
html[data-theme=dark] .UserCover {
 background:#2e2e2e
}
.UserCover--colorBlock {
 height:132px;
 background:#999
}
html[data-theme=dark] .UserCover--colorBlock {
 background:#646464
}
.UserCover-image {
 transition:-webkit-transform 6s ease-out;
 transition:transform 6s ease-out;
 transition:transform 6s ease-out,-webkit-transform 6s ease-out
}
.UserCover-image,.UserCover-image img {
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
.DynamicColorButton {
 color:#d3d3d3;
 transition:color,border-color .3s
}
.DynamicColorButton svg {
 fill:currentColor
}
html[data-theme=dark] .DynamicColorButton {
 color:#2e2e2e
}
.DynamicColorButton--dark {
 color:rgba(26,26,26,.6);
 border-color:rgba(26,26,26,.12)
}
.DynamicColorButton--dark:hover {
 background:rgba(26,26,26,.03)
}
html[data-theme=dark] .DynamicColorButton--dark:hover {
 background:hsla(0,0%,60%,.03)
}
html[data-theme=dark] .DynamicColorButton--dark {
 color:hsla(0,0%,60%,.6);
 border-color:hsla(0,0%,60%,.12)
}
.DynamicColorButton--white {
 color:hsla(0,0%,100%,.7);
 border-color:hsla(0,0%,100%,.24)
}
.DynamicColorButton--white:hover {
 background:hsla(0,0%,100%,.04)
}
html[data-theme=dark] .DynamicColorButton--white:hover {
 background:rgba(26,26,26,.04)
}
html[data-theme=dark] .DynamicColorButton--white {
 color:rgba(26,26,26,.7);
 border-color:rgba(26,26,26,.24)
}
.UserCoverGuide {
 position:absolute;
 z-index:2;
 width:100%;
 height:100%;
 overflow:hidden;
 border-top-right-radius:1px;
 border-top-left-radius:1px
}
.UserCoverGuide.is-active .is-playing {
 opacity:1
}
.UserCoverGuide.is-active .UserCoverGuide-dialog {
 opacity:1;
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
.UserCoverGuide-inner {
 position:relative;
 z-index:2;
 float:right;
 padding:24px
}
.UserCoverGuide-buttonContainer {
 margin-bottom:14px;
 text-align:right
}
.UserCoverGuide-dialog {
 position:relative;
 width:286px;
 padding:22px 16px;
 background-color:#fff;
 border-radius:4px;
 opacity:0;
 -webkit-transform:translateY(-10px);
 transform:translateY(-10px);
 transition:opacity .3s,-webkit-transform .3s;
 transition:opacity .3s,transform .3s;
 transition:opacity .3s,transform .3s,-webkit-transform .3s
}
.UserCoverGuide-dialog:after {
 position:absolute;
 right:60px;
 bottom:100%;
 border-color:transparent transparent #fff;
 border-style:solid;
 border-width:7px;
 content:""
}
html[data-theme=dark] .UserCoverGuide-dialog:after {
 border-color:transparent transparent #1a1a1a
}
html[data-theme=dark] .UserCoverGuide-dialog {
 background-color:#1a1a1a
}
.UserCoverGuide-dialogContent {
 font-size:14px;
 line-height:1.7
}
.UserCoverGuide-dialogContent a {
 color:#175199;
 cursor:pointer
}
.UserCoverGuide-dialogContent a:hover {
 text-decoration:underline
}
html[data-theme=dark] .UserCoverGuide-dialogContent a {
 color:#175199
}
.UserCoverGuide-dialogDescription,.UserCoverGuide-dialogHead {
 margin:0 0 6px
}
.UserCoverGuide-item,.UserCoverGuide-items {
 width:100%;
 height:100%
}
.UserCoverGuide-item {
 position:absolute;
 background-position:50%;
 background-repeat:no-repeat;
 background-size:cover;
 opacity:0;
 transition:opacity .5s
}
.UserCoverEditor {
 position:relative
}
.UserCoverEditor-simpleEditButton {
 position:absolute;
 top:24px;
 right:24px;
 z-index:2
}
.UserCoverEditor-editor {
 position:relative;
 z-index:2
}
.UserCoverEditor-editor canvas {
 vertical-align:top
}
.UserCoverEditor-action {
 position:absolute;
 width:100%;
 height:80px;
 background:#fff;
 border-bottom:1px solid #ebebeb;
 box-shadow:0 1px 3px rgba(26,26,26,.1)
}
html[data-theme=dark] .UserCoverEditor-action {
 box-shadow:0 1px 3px rgba(0,0,0,.3);
 background:#1a1a1a;
 border-bottom:1px solid #444
}
.UserCoverEditor-actionContent {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:100%;
 margin:0 24px
}
.UserCoverEditor-actionContent .Button+.Button {
 margin-left:16px
}
.UserCoverEditor-actionTitle {
 font-size:20px;
 color:#1a1a1a
}
html[data-theme=dark] .UserCoverEditor-actionTitle {
 color:#999
}
.UserCoverEditor-actionDescription {
 font-size:13px;
 color:#8590a6
}
html[data-theme=dark] .UserCoverEditor-actionDescription {
 color:#606a80
}
.UserCoverEditor-rangeInput {
 display:inline-block
}
.UserCoverEditor-cameraIcon {
 margin-bottom:14px;
 fill:#fff
}
html[data-theme=dark] .UserCoverEditor-cameraIcon {
 fill:#1a1a1a
}
.UserCoverEditor-loadingCanvas {
 width:100%;
 height:100%
}
.UserCoverEditor-leftMasker {
 left:0;
 position:absolute;
 z-index:20;
 height:100%;
 width:calc(50% - 240px);
 background-color:hsla(0,0%,100%,.5);
 display:inline-block
}
html[data-theme=dark] .UserCoverEditor-leftMasker {
 background-color:rgba(26,26,26,.5)
}
.UserCoverEditor-rightMasker {
 right:0;
 position:absolute;
 z-index:20;
 height:100%;
 width:calc(50% - 240px);
 background-color:hsla(0,0%,100%,.5);
 display:inline-block
}
html[data-theme=dark] .UserCoverEditor-rightMasker {
 background-color:rgba(26,26,26,.5)
}
.ProfileHeader {
 position:relative;
 width:1000px;
 padding:0 16px;
 margin:10px auto
}
.ProfileHeader-wrapper {
 position:relative;
 width:100%;
 background:#fff;
 box-sizing:border-box
}
html[data-theme=dark] .ProfileHeader-wrapper {
 background:#1a1a1a
}
.ProfileHeader-main {
 position:relative;
 margin:0 20px 24px
}
.ProfileHeader-avatar {
 position:absolute;
 top:-25px;
 left:0;
 z-index:1
}
.ProfileEdit--org .ProfileHeader-avatar,.ProfileHeader--org .ProfileHeader-avatar {
 top:-60px
}
.ProfileHeader-content {
 padding-top:16px;
 padding-left:32px;
 border-left:164px solid transparent
}
.ProfileHeader-contentHead {
 position:relative;
 padding-right:106px;
 margin-bottom:16px
}
.ProfileHeader-contentHead .Button--plain {
 position:absolute;
 top:8px;
 right:0
}
.ProfileHeader-contentHead .Button--plain:hover {
 color:gray
}
.ProfileHeader-contentHead .Button--plain:hover .Icon {
 fill:#999
}
html[data-theme=dark] .ProfileHeader-contentHead .Button--plain:hover .Icon {
 fill:#646464
}
html[data-theme=dark] .ProfileHeader-contentHead .Button--plain:hover {
 color:gray
}
.ProfileHeader-contentHead .FollowStatus {
 position:absolute;
 right:0;
 bottom:0;
 padding:3px 6px
}
.ProfileHeader-contentBody {
 position:relative;
 width:524px;
 overflow:hidden
}
.content-enter {
 top:0;
 opacity:0
}
.content-enter-active {
 opacity:1;
 transition:opacity .3s ease-out
}
.content-leave {
 position:absolute;
 opacity:1
}
.content-leave-active {
 opacity:0;
 transition:opacity .3s ease-out
}
.ProfileHeader-title {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.ProfileHeader-name {
 font-size:26px;
 font-weight:600;
 font-synthesis:style;
 line-height:30px
}
html[data-ios] .ProfileHeader-name {
 font-weight:500
}
html[data-android] .ProfileHeader-name {
 font-weight:700
}
.ProfileHeader-badge {
 margin-left:12px;
 vertical-align:2px
}
.ProfileHeader-badge.is-unverified {
 color:#8590a6
}
.ProfileHeader-badge.is-unverified .Icon {
 margin-right:4px
}
html[data-theme=dark] .ProfileHeader-badge.is-unverified {
 color:#606a80
}
.ProfileHeader-detailValue a,.ProfileHeader-headline a {
 border:none!important
}
.ProfileHeader-detailValue a:hover,.ProfileHeader-headline a:hover,html[data-theme=dark] .ProfileHeader-detailValue a:hover,html[data-theme=dark] .ProfileHeader-headline a:hover {
 color:#175199
}
.ProfileHeader-headline {
 margin-left:12px;
 font-size:18px;
 white-space:nowrap
}
.ProfileHeader-info {
 font-size:14px;
 line-height:20px;
 box-sizing:border-box
}
.ProfileHeader--org .ProfileHeader-info {
 margin-bottom:36px;
 overflow:hidden;
 font-size:18px;
 text-overflow:ellipsis;
 white-space:nowrap
}
.ProfileHeader-divider {
 display:inline-block;
 width:1px;
 height:10px;
 margin:0 8px;
 background:#ebebeb
}
html[data-theme=dark] .ProfileHeader-divider {
 background:#444
}
.ProfileHeader-infoItem {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.ProfileHeader-infoItem:not(:last-child) {
 margin-bottom:10px
}
.ProfileHeader-iconWrapper {
 display:inline-block;
 width:18px;
 height:18px;
 margin-right:12px;
 text-align:center;
 color:#8590a6
}
html[data-theme=dark] .ProfileHeader-iconWrapper {
 color:#606a80
}
.ProfileHeader-arrowIcon.is-active {
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg)
}
.ProfileHeader-contentFooter {
 position:relative;
 padding-top:8px
}
.ProfileHeader-expandButton {
 line-height:1
}
.ProfileHeader-expandButton .Icon {
 margin:0 16px 0 4px
}
.ProfileHeader-buttons {
 position:absolute;
 right:0;
 bottom:0
}
.ProfileHeader-detail {
 width:100%;
 font-size:14px;
 line-height:1.8;
 color:#1a1a1a
}
html[data-theme=dark] .ProfileHeader-detail {
 color:#999
}
.ProfileHeader-detailItem {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin-bottom:18px
}
.ProfileHeader-detailLabel {
 width:60px;
 margin-right:37px;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .ProfileHeader-detailLabel {
 font-weight:500
}
html[data-android] .ProfileHeader-detailLabel {
 font-weight:700
}
.ProfileHeader-detailValue {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 overflow:hidden
}
.ProfileHeader-field {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.ProfileHeader-field:not(:first-child) {
 margin-top:12px
}
.ProfileHeader-itemAvatar {
 width:18px;
 height:18px;
 margin-right:12px
}
.ProfileHeader-defaultCover {
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
.ProfileHeader-tips {
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .ProfileHeader-tips {
 color:#606a80
}
.PageHeader {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 transition:-webkit-transform .3s;
 transition:transform .3s;
 transition:transform .3s,-webkit-transform .3s
}
.PageHeader:not(.is-shown) {
 -webkit-transform:translateY(100%);
 transform:translateY(100%)
}
.ProfileMain-avatar .Avatar {
 display:block;
 cursor:pointer
}
.PageHeader .ProfileMain-header {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 width:1000px;
 height:100%;
 padding:0 16px;
 margin:0 auto
}
.PageHeader .ProfileMain-tabs {
 border-bottom:none
}
.ProfileMain-tabs {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.ProfileMain-tabs .Tabs-meta {
 font-weight:400
}
.ProfileMain-menuToggler {
 font-size:16px;
 color:#1a1a1a
}
html[data-theme=dark] .ProfileMain-menuToggler {
 color:#999
}
.ProfileMain-tabIcon {
 margin-left:4px
}
.Profile-popoverMenuItem {
 height:40px;
 font-size:16px;
 line-height:40px;
 color:#1a1a1a
}
.Profile-popoverMenuItem.is-active {
 background:#f6f6f6
}
html[data-theme=dark] .Profile-popoverMenuItem.is-active {
 background:#2e2e2e
}
html[data-theme=dark] .Profile-popoverMenuItem {
 color:#999
}
.Profile-popoverMenuItem .Link-meta {
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .Profile-popoverMenuItem .Link-meta {
 color:#606a80
}
body:not(.Body--isAppleDevice) .ProfileMain-tabs .is-active {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] body:not(.Body--isAppleDevice) .ProfileMain-tabs .is-active {
 font-weight:500
}
html[data-android] body:not(.Body--isAppleDevice) .ProfileMain-tabs .is-active {
 font-weight:700
}
.ProfileMainPrivacy-mainContentWrapper {
 height:383px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.ProfileMainPrivacy-mainContent {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 margin-top:86px;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 color:#8590a6
}
html[data-theme=dark] .ProfileMainPrivacy-mainContent {
 color:#606a80
}
.ProfileMainPrivacy-mainContentText {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin-top:20px
}
.ProfileMainPrivacy-mainContentLink {
 font-size:15px
}
.ProfileMainPrivacy-authWrapper {
 display:inline-block
}
.ProfileMainPrivacy-pointerWrapper {
 cursor:pointer
}
.ProfileLockStatus {
 position:fixed;
 top:50%;
 left:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
.ProfileLockStatus-title {
 margin:42px 0 10px;
 font-size:20px;
 font-weight:600;
 font-synthesis:style;
 color:#1a1a1a
}
html[data-ios] .ProfileLockStatus-title {
 font-weight:500
}
html[data-android] .ProfileLockStatus-title {
 font-weight:700
}
html[data-theme=dark] .ProfileLockStatus-title {
 color:#999
}
.ProfileLockStatus-subtitle {
 margin-bottom:23px;
 font-size:16px;
 color:#8590a6
}
html[data-theme=dark] .ProfileLockStatus-subtitle {
 color:#606a80
}
.ProfileLockStatus-avatar {
 display:block;
 width:140px;
 height:140px;
 margin:0 auto;
 border-radius:50%
}
.ProfileLockStatus-redirect {
 display:block;
 margin:0 auto;
 text-decoration:underline
}
.ProfileLockStatus-redirect:hover,html[data-theme=dark] .ProfileLockStatus-redirect:hover {
 color:rgba(23,81,153,.72)
}
.ProfileLockStatus-redirect:active,html[data-theme=dark] .ProfileLockStatus-redirect:active {
 color:#175199
}
.ProfileLockStatus-avatar,.ProfileLockStatus-redirect,.ProfileLockStatus-subtitle,.ProfileLockStatus-title {
 text-align:center
}
.OrgCreateButton {
 border:none;
 padding:0
}
.OrgCreateButton-logoutModal p {
 padding:0 24px;
 text-align:center
}
.Footer {
 padding:10px 0 10px 5px;
 font-size:13px;
 line-height:2;
 color:#8590a6
}
html[data-theme=dark] .Footer {
 color:#606a80
}
.Footer-dot:after {
 margin:0 5px;
 content:"\B7"
}
.Footer-item {
 display:inline-block
}
a.Footer-item:hover {
 color:#175199;
 cursor:pointer
}
html[data-theme=dark] a.Footer-item:hover {
 color:#175199
}
.IconGraf {
 margin-bottom:12px
}
.IconGraf:last-child {
 margin-bottom:0
}
.IconGraf-iconWrapper {
 display:inline-block;
 width:28px
}
.IconGraf-icon {
 fill:#8590a6
}
html[data-theme=dark] .IconGraf-icon {
 fill:#606a80
}
.SideItem {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 padding:20px 0;
 margin-bottom:24px
}
.SideItem:last-child {
 margin-bottom:0
}
.SideItem-image {
 padding-top:3px
}
.SideItem--multiline .SideItem-image {
 padding-top:0
}
.SideItem-image img {
 vertical-align:top
}
.SideItem-content {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 padding-left:20px
}
.SideItem-title {
 font-size:15px;
 color:#1a1a1a
}
.SideItem--multiline .SideItem-title {
 font-size:18px
}
html[data-theme=dark] .SideItem-title {
 color:#999
}
.SideItem-description {
 max-height:52px;
 margin-top:2px;
 overflow:hidden;
 font-size:14px;
 color:#8590a6;
 text-overflow:ellipsis
}
.SideItem--multiline .SideItem-description {
 margin-top:8px
}
html[data-theme=dark] .SideItem-description {
 color:#606a80
}
.Publication-title:hover,html[data-theme=dark] .Publication-title:hover {
 color:#175199
}
.Publications-content {
 padding:4px 20px
}
.Publication-item:not(:first-child) {
 display:block;
 border-top:1px solid #f6f6f6
}
html[data-theme=dark] .Publication-item:not(:first-child) {
 border-top:1px solid #2e2e2e
}
.Publication-summary {
 display:-webkit-box;
 line-height:24px;
 color:#1a1a1a;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical
}
html[data-theme=dark] .Publication-summary {
 color:#999
}
.Publication-image {
 width:80px;
 border-radius:3px;
 box-shadow:0 1px 3px rgba(26,26,26,.1)
}
html[data-theme=dark] .Publication-image {
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.FollowshipCard {
 font-size:14px
}
.FollowshipCard .NumberBoard-itemInner {
 padding:12px 0
}
.FollowshipCard-counts:not(:last-child) {
 border-bottom:1px solid #f6f6f6
}
html[data-theme=dark] .FollowshipCard-counts:not(:last-child) {
 border-bottom:1px solid #2e2e2e
}
.FollowshipCard-link {
 color:#175199
}
.FollowshipCard-link:hover,html[data-theme=dark] .FollowshipCard-link:hover {
 border-bottom:1px solid #175199
}
html[data-theme=dark] .FollowshipCard-link {
 color:#175199
}
.FollowshipCard-avatars,.FollowshipCard-item:not(:first-child) {
 margin-top:12px
}
.FollowshipCard-icon {
 margin-right:8px
}
.FollowshipCard-avatar {
 margin-left:8px
}
.FollowshipCard-avatar:first-child {
 margin-left:0
}
.Profile {
 width:auto
}
.Profile-main {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:1000px;
 min-height:100vh;
 padding:0 16px;
 margin:10px auto;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:start;
 -ms-flex-align:start;
 align-items:flex-start
}
.Profile-mainColumn {
 width:885px
}
.Profile-mainColumn .SubTabs-item .Select-button {
 color:inherit
}
body:not(.Body--isAppleDevice) .Profile-mainColumn .List-headerText {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] body:not(.Body--isAppleDevice) .Profile-mainColumn .List-headerText {
 font-weight:500
}
html[data-android] body:not(.Body--isAppleDevice) .Profile-mainColumn .List-headerText {
 font-weight:700
}
body:not(.Body--isAppleDevice) .Profile-mainColumn .SubTabs-item:not(.is-active) {
 font-weight:400
}
.Profile-sideColumn {
 width:296px;
 color:#646464
}
html[data-theme=dark] .Profile-sideColumn {
 color:#999
}
.Profile-sideColumnItems {
 padding:12px 0
}
.Profile-sideColumnItem {
 padding:6px 20px
}
.Profile-sideColumnItemValue {
 margin-top:6px;
 margin-left:29px;
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .Profile-sideColumnItemValue {
 color:#606a80
}
.Profile-sideColumnItemTitle {
 display:block;
 margin-bottom:12px
}
.Profile-analyticsBar {
 color:#8590a6;
 cursor:pointer;
 height:56px;
 line-height:56px;
 padding:0 20px
}
.Profile-analyticsBar a {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
html[data-theme=dark] .Profile-analyticsBar {
 color:#606a80
}
.Profile-analyticsBarHint {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1;
 margin-left:10px
}
.Profile-analyticsBarSeen {
 background:#f36;
 border-radius:50%;
 height:6px;
 margin-left:8px;
 width:6px
}
html[data-theme=dark] .Profile-analyticsBarSeen {
 background:#d92155
}
.Profile-lightList {
 font-size:14px
}
.Profile-lightItem {
 padding-left:5px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:46px;
 font-size:14px;
 border-top:1px solid #ebebeb
}
.Profile-lightItem:hover,.Profile-lightItem:hover .Profile-lightItemValue,html[data-theme=dark] .Profile-lightItem:hover,html[data-theme=dark] .Profile-lightItem:hover .Profile-lightItemValue {
 color:#175199
}
.Profile-lightItem:last-child {
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .Profile-lightItem:last-child {
 border-bottom:1px solid #444
}
html[data-theme=dark] .Profile-lightItem {
 border-top:1px solid #444
}
.Profile-lightItemName {
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1
}
.Profile-lightItemValue {
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .Profile-lightItemValue {
 color:#606a80
}
.Profile-footerOperations {
 width:100%;
 padding:10px 0 10px 5px;
 box-sizing:border-box;
 margin-top:6px;
 font-size:14px;
 line-height:1.8;
 text-align:left;
 border-bottom:1px solid #ebebeb
}
.Profile-footerOperations,.Profile-footerOperations a {
 color:#8590a6
}
html[data-theme=dark] .Profile-footerOperations,html[data-theme=dark] .Profile-footerOperations a {
 color:#606a80
}
html[data-theme=dark] .Profile-footerOperations {
 border-bottom:1px solid #444
}
.Profile-footerDot:after {
 margin-right:5px;
 margin-left:5px;
 content:"\B7"
}
.Profile-sideColumnItemLink {
 cursor:pointer
}
.Profile-sideColumnItemLink:hover,html[data-theme=dark] .Profile-sideColumnItemLink:hover {
 color:#175199
}
.Profile-createOrgAccount {
 display:inline-block;
 width:100%;
 line-height:60px;
 text-align:center;
 color:#175199;
 cursor:pointer
}
html[data-theme=dark] .Profile-createOrgAccount {
 color:#175199
}
.Profile-createOrgAccountTip {
 text-align:center
}
.List .EmptyState {
 padding:70px 0
}
.List-header {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:50px;
 margin:0 20px;
 border-bottom:1px solid #f6f6f6;
 box-sizing:border-box
}
html[data-theme=dark] .List-header {
 border-bottom:1px solid #2e2e2e
}
.List-headerText {
 margin:0;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .List-headerText {
 font-weight:500
}
html[data-android] .List-headerText {
 font-weight:700
}
.List-headerOptions {
 font-size:14px
}
.List-loading {
 padding:200px 0;
 color:#8590a6;
 text-align:center
}
html[data-theme=dark] .List-loading {
 color:#606a80
}
.List-item {
 position:relative;
 padding:16px 20px
}
.List-item+.List-item:after {
 position:absolute;
 left:0;
 right:0;
 top:0;
 margin:0 20px;
 display:block;
 border-bottom:1px solid #f6f6f6;
 content:""
}
html[data-theme=dark] .List-item+.List-item:after {
 border-bottom:1px solid #2e2e2e
}
.List-item--holder {
 padding:24px 0
}
.List-itemMeta {
 margin-bottom:10px;
 color:#8590a6
}
html[data-theme=dark] .List-itemMeta {
 color:#606a80
}
.ContentItem-title {
 font-size:18px;
 font-weight:600;
 font-synthesis:style;
 line-height:1.6;
 color:#1a1a1a;
 margin-top:-4px;
 margin-bottom:-4px
}
html[data-ios] .ContentItem-title {
 font-weight:500
}
html[data-android] .ContentItem-title {
 font-weight:700
}
.ContentItem-title+.ContentItem-meta {
 margin-top:6px
}
.ContentItem-title a:hover,html[data-theme=dark] .ContentItem-title a:hover {
 color:#175199
}
html[data-theme=dark] .ContentItem-title {
 color:#999
}
.ContentItem-meta {
 font-size:15px;
 color:#646464
}
.ContentItem-meta .ColumnItem-meta,.ContentItem-meta .TopicItem-meta {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
html[data-theme=dark] .ContentItem-meta {
 color:#999
}
.ContentItem-avatar {
 display:inline-block;
 margin-right:10px;
 vertical-align:middle
}
.ContentItem-avatar .UserLink-avatar {
 width:38px;
 height:38px;
 vertical-align:top
}
.ContentItem-author {
 padding-top:10px
}
.ContentItem-status {
 margin-top:5px;
 color:#8590a6;
 font-size:14px
}
html[data-theme=dark] .ContentItem-status {
 color:#606a80
}
.ContentItem-statusItem:not(:first-child):before {
 margin:0 5px;
 content:"\B7"
}
.ContentItem-actions {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding:10px 20px;
 margin:0 -20px -10px;
 color:#646464;
 background:#fff;
 clear:both
}
.ContentItem-actions.is-fixed {
 margin:0;
 box-shadow:0 -1px 3px rgba(26,26,26,.1)
}
html[data-theme=dark] .ContentItem-actions.is-fixed {
 box-shadow:0 -1px 3px hsla(0,0%,60%,.1)
}
html[data-theme=dark] .ContentItem-actions {
 color:#999;
 background:#1a1a1a
}
.ContentItem-action {
 margin-left:24px;
 font-size:14px
}
.ContentItem-action:first-child {
 margin-left:0
}
.ContentItem-rightButton {
 margin-left:auto
}
.ContentItem-rightButton .Icon {
 margin-left:8px
}
.ContentItem-more {
 padding:0;
 margin-left:4px;
 color:#175199
}
.ContentItem-more:hover,html[data-theme=dark] .ContentItem-more:hover {
 color:gray
}
.ContentItem-more .Icon {
 fill:currentColor
}
html[data-theme=dark] .ContentItem-more {
 color:#175199
}
.ContentItem-time {
 margin-top:10px;
 font-size:14px;
 color:#8590a6
}
.ContentItem-time a:hover {
 border-bottom:1px solid rgba(133,144,166,.72)
}
html[data-theme=dark] .ContentItem-time a:hover {
 border-bottom:1px solid rgba(96,106,128,.72)
}
html[data-theme=dark] .ContentItem-time {
 color:#606a80
}
.ContentItem-arrowIcon {
 width:9px;
 margin-left:8px
}
.ContentItem-arrowIcon.is-active {
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg)
}
.ContentItem-main {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.ContentItem-image {
 float:left;
 margin-right:16px
}
.ContentItem-head {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 overflow:hidden;
 margin-right:6px
}
.ContentItem-extra {
 -ms-flex-item-align:center;
 -ms-grid-row-align:center;
 align-self:center
}
.ContentItem-cells {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin-top:10px;
 line-height:26px
}
.ContentItem-cell:not(:first-child) {
 margin-left:40px
}
.ContentItem-cell>span:first-child {
 color:#8590a6
}
html[data-theme=dark] .ContentItem-cell>span:first-child {
 color:#606a80
}
.ImageView {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:101;
 overflow:hidden;
 transition:background-color .2s ease-in-out
}
.ImageView.is-active {
 background-color:rgba(26,26,26,.65)
}
.ic-home-question:before {
  content: "\F0E6";
}
.ic-home-note:before {
  content: "\F044";
}
.ic-home-draft:before {
  content: "\F016";
}
.mobile_question_answercomment 
{
  margin-top:10px;
  border-left:1px solid #c3c3c3;
  padding-left:13px;
  font-size:10pt;
}
.mobile_question_answercomment .comment_item 
{
  margin-top:5px;   
}
.mobile_question_answercomment .comment_user
{
    color:#21639a;
}
.mobile_question_answercomment .comment_atuser
{
    color:#21639a;
}
.mobile_question_answercomment .comment_content
{
    color:#999999;
}
.mobile_question_answercomment .comment_count_sty 
{
   margin-top:5px;   
   color:#999999;
   float:right;
}
.mobile_question_answercomment .comment_count_sty span 
{
   float:left;  
}
.mobile_question_answercomment .comment_count_sty img 
{
    float: left;
    margin-top: 4px;
    margin-left: 3px;
}
.index_category_contentsplit 
{
    background-color: #ECECEC;
    height:10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.mquestion_answer_contentsplit 
{
    background-color: #ECECEC;
    height:10px;
}

.mobile_question_empty 
{
  margin-top:20px;   
}

.mobile_question_empty .icon img
{
  width:150px; 
}
.mobile_question_empty .icon 
{
   text-align:center;
}
.mobile_question_empty .des 
{
   margin-top:20px;
   text-align:center;
   color:#999999;
   font-size:10pt;
}
.art_topic 
{
  margin:30px 20px 0px 20px;
  width:380px;
  height:140px;
}
.art_topic_input 
{
  margin-bottom:10px;   
}
.art_topic_input input
{
  width:370px;
  height:30px;
}
.art_topic_tip 
{
    color:#333333;
    font-size:9pt;
}
.station_letter_action 
{
  text-align: right;
  margin-top: 10px;   
}

.station_letter_action  a 
{
  display:inline-block;
  padding:0px 15px 0px 15px;   
}

.station_letter_line
{
     border-right:1px solid rgb(217,217,217);
}

.station_letter_link
{
    color: #3377AA;    
}

.station_letter_red
{
    color: red;    
}

.level_details 
{
   
}

.level_details_title 
{
   font-size:19px;
   margin-right:20px;
   font-weight:bold;
   color:#333333;
}

.icon-question:before {    
  content: "\e60d";
} 

/*学乐测试*/
.test_title 
{
   margin-top:20px;
   text-align:center;
   color:#ff5050;
   font-weight: bold;
   font-size: 20px; 
}

.test_time 
{
   text-align:center;
   color:#ff5050;
   font-weight: bold;
   font-size: 20px; 
}

.test_des_title 
{
  margin-top:20px;
  font-weight: bold;
  font-size:12pt;  
}

.test_des_title2 
{
  margin-top:30px;
  font-size:12pt;
  color:#333333;   
}

.test_des 
{
    margin-top:10px;
    font-size:12pt;
    line-height:170%;
    color:#333333;   
}

.go_test 
{
  margin-top:30px;
  text-align:center;    
}

.btn_go_test 
{
  color:White;   
  display:inline-block;
  background-color:rgb(0,112,192); 
  width:340px;
  height:54px;
  line-height:54px;
  border-radius: 999em;
  -webkit-border-radius: 999em;
  -moz-border-radius: 999em;
  font-size: 18px; 
}
.test_des_bold 
{
  font-weight:bold;
}

.test_des_color 
{
  color:#ff5050;   
}

.related_series 
{
   margin-top:25px;
   margin-bottom:25px;
}
.related_series .related_series_title
{
    font-size: 11pt;
    color: #999999;
    margin-bottom:20px;
}

.related_series .related_series_content 
{
   width: 100%;
   overflow-x: auto;
   overflow-y: hidden;
   white-space: nowrap;
}

.related_series .related_series_content::-webkit-scrollbar, .related_whitepaper_contentt::-webkit-scrollbar {
    display: none;
}

.square_category
{
    padding-top:15px;
}
.square_category .categorys
{
    margin-right:20px;
    margin-top:5px;
}
.square_category .categorys .category_title
{
    display: inline-block;
}
.categorys .category_title .category_item
{
    display:inline-block;
    padding:3px 15px 5px;
    margin-right:5px;
    margin-bottom:5px;
    font-size:17px;
    color:#333333;
    text-align: center;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
}
.categorys .category_title a
{
    color: #141414;
}

.categorys .category_title .item_selected a
{
    color:#ff505a;
}

.category_item a:hover
{
    color:#ff505a;
}

.categorys .category_line
{
    width: 100%;
    height: 1px;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
    background-color: #f0f2f7;
}

.square_category .sub_category_items .category_item 
{
    float: left;
    width: auto;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 14px;
    background-color:#f6f6f6;
    padding: 0px 10px 0px 10px;
}
.square_category .categorys .sub_category_items
{
    width: 100%;
    margin-left: 15px;
}
.sub_category_items .category_item a
{
    color: #444;
}
.square_category .categorys .sub_category_items a:hover
{
    color: #ff505a;
}
.square_category .category_bottom 
{
   height:10px;
}
.square_sub_category
{
    margin-left: 10px;
    color:#333;
    font-size:18px;
}
.category_topics
{
    width:100%;
    font-size:0;
}
.category_topics .single_topic_left
{
    display:inline-block;
    width:calc((100% - 10px)/2);
    height:295px;
    margin-right:10px;
    margin-top:10px;
    padding:0;
    background:#fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: top;
}
.category_topics .single_topic_right
{
    display:inline-block;
    width:calc((100% - 10px)/2);
    height:295px;
    margin-top:10px;
    padding:0;
    background:#fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: top;
}
.category_topics .cover
{
    float:left;
    margin-left:15px;
    margin-top:15px;
    margin-bottom:5px;
}
.category_topics .cover img 
{
    width:60px;
    height:60px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}
.category_topics .name_count
{
    float: left;
    width: calc(100% - 100px);
    height: 60px;
    margin-left: 15px;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
}
.category_topics .name_count .name
{
    font-size:18px;
    font-weight:bold;
    color:#333333;
}
.category_topics .name_count .name a 
{
    color:#333333;
}
.category_topics .name_count .name a:hover 
{
    color:#3377AA;
}
.category_topics .name_count .count
{
    width: 100%;
    margin-top:3px;
    font-size:14px;
    color:#666;
}
.category_topics .hot_articles
{
    width: calc(100% - 30px);
    margin: 15px;
    height: 160px;
    background: #f8f8f8;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-top: 10px;
    padding-bottom: 10px;
}
.category_topics .hot_articles .single_exp
{
    font-size: 15px;
    color: #141414;
    margin-left: 15px;
    margin-right: 15px;
}
.category_topics .hot_articles .single_exp a
{
    color: #3377AA;
}
.category_topics .hot_articles .single_exp a:hover
{
    text-decoration: underline;
}
.category_topics .hot_articles .single_exp span
{
    margin-left: 10px;
    font-size: 13px;
    color: #8590a6;
}
  
.topic_group_bottom
{
    height:80px;
}
  
.related_whitepaper_content 
{
   width: 100%;
   overflow-x: auto;
   overflow-y: hidden;
   white-space: nowrap; 
}

related_whitepaper_item_padding 
{
    margin-left:20px;
}

.related_whitepaper_item 
{
    width:calc((100% - 20px)/2);
    box-sizing: border-box;  
    float:left;
}

.related_whitepaper_item .image 
{
    float:left;
}

.related_whitepaper_item .image img 
{
    width:50px;
    box-sizing: border-box;
    margin-right:10px;
}

.related_whitepaper_item .title 
{
   display:table-cell;
   width:calc(100% - 60px);
   font-size:15px;
   color:#333333;
   white-space:normal;
   word-break:break-all;
   word-wrap:break-word;
   height:50px;
   vertical-align:middle;  
}

.related_series .related_series_item 
{
    width:95px;
    display:inline-block;
    box-sizing: border-box;
}

.related_series .related_series_item .image img
{
     width:95px;
     height:95px;
     background-color:#f2f2f2;
}

.related_series .related_series_item .title
{
    color:#333333;
    font-size:13px;
    margin-top:5px;
    text-align:center; 
    line-height:17px; 
    width:95px;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    height:34px;
}

.related_series .related_series_item .price
{
    margin-top:5px;
    text-align:left; 
    font-size:13px;
    height:17px;
    display: inline-block;
}

.related_series .related_series_item .price .real 
{
    color:#ff5050;  
}

.related_series .related_series_item .price .empty 
{
    color:#999999;
}

.related_series_magin 
{
  margin-right:15px;   
}

.related_series .related_series_item1 .image 
{
     float:left;
}

.related_series .related_series_item1 .image img
{
     width:95px;
     height:95px;
     background-color:#f2f2f2;   
}

.related_series .related_series_item1 .content
{
    float:left;
    margin-left:10px;
    width:calc(100% - 110px);
}

.related_series .related_series_item1 .title 
{
    color:#333333;
    font-size:17px;
    font-weight:bold;
    margin-bottom:5px;
}

.related_series .related_series_item1 .des 
{
  font-size:13px;
  margin-top:5px;
  color:#999999;   
}

.related_series .related_series_item1 .price
{
    font-size:13px;
    margin-top:10px;
}

.related_series .related_series_item1 .price .real 
{
    color:#ff505a;
}

.related_series .related_series_item1 .price .fact 
{
    margin-left:10px;
    color:#999999;
    text-decoration:line-through;
}

.related_series .related_series_item1 .price .empty 
{
    color:#999999;
}

.test_reporting_userinfo 
{
   background-image: url(/Images/test_reporting_head.png);
   background-size: 100% 100%;
   color:White;
   height:200px;
}

.test_reporting_userinfo .left
{
     margin-top:20px;
     float:left;
     padding-left:20px;
}

.test_reporting_userinfo .left .name 
{
  font-size:18px;   
}

.test_reporting_userinfo .left .title 
{
  margin-top:5px;   
  font-size:30px; 
  font-weight:bold;   
}

.test_reporting_userinfo .left .date 
{
  margin-top:5px;   
  font-size:13px;
  color:rgb(249,249,253);    
}

.test_reporting_userinfo .right
{
    margin-top:20px;
    margin-left:10px;
    float:right;
    padding-right:20px;
}

.test_reporting_userinfo .right img 
{
  width:65px;
  height:65px;   
  border-radius: 999em;
  -webkit-border-radius: 999em;
  -moz-border-radius: 999em;
}

.test_reporting_title 
{
     color:#333333;
     font-size:25px;
     font-weight:bold;   
     text-align:center;
     background-color:rgb(220,235,246);
     padding-top:10px;
     padding-bottom:10px;
     margin-top:30px;
     margin-bottom:30px;
}

.test_reporting_margin 
{
   margin-top:30px;  
}

.test_reporting_inland .title 
{
   color:#333333;
   font-size:16px;
   line-height:150%;
   margin-bottom:15px;
   margin-left:20px;
   margin-right:20px;
}

.test_reporting_inland .title2
{
   color:#333333;
   font-size:16px;
   line-height:150%;
   margin-bottom:10px;
   margin-left:20px;
   margin-right:20px;
}

.test_reporting_inland .content
{
   margin-left:20px;
   margin-right:20px; 
}

.test_reporting_foreign .title 
{
   color:#333333;
   font-size:16px;
   line-height:150%;
   margin-bottom:15px;
   margin-left:20px;
   margin-right:20px;
   text-align:center;
}

.test_reporting_foreign .image 
{
   
}

.test_reporting_foreign .image img
{
  width:100%;  
}

.test_reporting_advice .title 
{
   color:#333333;
   font-size:16px;
   line-height:150%;
   margin-bottom:20px;
   margin-left:20px;
   margin-right:20px;
}

.test_reporting_advice .content 
{
   color:#333333;
   font-size:16px;
   margin-left:20px;
   margin-right:20px;
}

.test_reporting_advice .content .item 
{
   position:relative;
   margin-bottom:10px;  
}

.test_reporting_advice .content .num 
{
   position:absolute;
   display:inline-block;
   top:0;
}

.test_reporting_advice .content .value 
{
   display:inline-block; 
   width:calc(100% - 25px);
   margin-left:25px;
}

.test_reporting_recommended .title 
{
   color:#333333;
   font-size:16px;
   line-height:150%;
   margin-bottom:20px;
   text-align:center;
}

.test_reporting_recommended .content
{
   color:#333333;
   font-size:30px;
   text-align:center;
   margin-bottom:20px;
}

.test_reporting_recommended .action 
{
    text-align:center;
    margin-bottom:30px;
}

.test_reporting_recommended .action a
{
    display:inline-block;
    font-size:18px;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    width:60%;
    height:40px;
    background-color:#ff5a50;
    color:White;
    text-align:center;
    line-height:37px;
}

.test_reporting_happyreading div
{
     height:150px;
     background-color:#f7f7f7;
     text-align:center;
     line-height:150px;
     font-size:30px;
     color:#8e8e8e;
}

.test_reporting_result1 
{
   color:#333333;
   margin-left:20px;
   margin-right:20px;
   margin-bottom:10px;
   position:relative;
}

.test_reporting_result1 .left 
{
  display:inline-block;
  font-size:40px;
  font-weight:bold;
  color:#ff5a50;
}

.test_reporting_result1 .right 
{
  display:inline-block;   
  font-size:25px;   
  margin-left:10px;
  position:absolute;
  bottom:5px;
}

.test_reporting_result2
{
   color:#333333;
   font-size:16px;
   line-height:150%;
   margin-left:20px;
   margin-right:20px;
}

.lance_range_item 
{
  font-size:16px;  
  background-color:#f7f7f7;
  margin-bottom:5px; 
  padding:5px 10px 5px 10px;
}

.lance_range_item .left 
{
   float:left;
   color:#646464; 
}

.lance_range_item .right 
{ 
   float:right;
   color:#5B5B5B; 
   font-weight:bold;
}
.test_reporting_advice .num_border 
{
    border-radius:50%;
    height:15px;
    width:15px;
    display:inline-block;
    border:1px solid #ff5a50;
}

.test_reporting_advice .num_value
{
    display:block;
    color:#ff5a50;
    height:15px;
    line-height:15px;
    text-align:center;
    font-size:13px;
}

.newbooklist_title 
{
    padding-top:20px;
    font-size:20px;
    font-weight:bold;
    margin-left:20px;
    margin-right:20px; 
}

.newbooklist_intro
{
   margin-top:15px;
   font-size:15px;  
   margin-left:20px;
   margin-right:20px; 
   line-height:22px;
}

.newbooklist_item 
{
    margin-left:20px;
    margin-right:20px; 
}

.newbooklist_split 
{
   height:10px;
   background-color:#ECECEC;
   margin-top:20px;
   margin-bottom:20px;
}

.newbooklist_item_no 
{
   margin-top:20px;
   text-align:center;    
}

.newbooklist_item_no img 
{
   width:52px;
   height:52px;
}

.newbooklist_item_title
{
    margin-top:15px;
    font-size:20px;
    font-weight:bold;
    text-align:center;  
}

.newbooklist_item_suitable 
{
   margin-top:5px;  
   font-size:15px; 
   text-align:center;  
}

.newbooklist_item_bookname 
{ 
   margin-top:20px;
   font-size:15px; 
   text-align:center;  
}

.newbooklist_item_img 
{
   margin-top:15px;
    position:relative;
    text-align:center; 
}

.newbooklist_item_img img
{
  width:calc(100% - 100px);
}

.newbooklist_item_price 
{
   position:absolute;
   bottom:0px;
   right:50px;
   font-size:13px;
   color:White;
   background-color:#ff5050;
   padding:5px 10px 5px 10px;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
}

.newbooklist_item_des 
{
  margin-top:25px;   
  font-size:15px;
  line-height:170%;
}

.nbk_des_title 
{
  color:#ff5050;  
  margin-top:10px;
}

.newbooklist_bottom 
{
   height:50px;
   background-color:#ECECEC;
   margin-top:20px;
}

.newbooklist_intro_limitclass
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;    
}

.newbooklist_intro_linkclass 
{
    margin-top:10px;
    text-align:center;
}

.newbooklist_intro_linkclass a 
{
    font-size:13px;
    color:#6a7ba0;
	padding:8px 20px 8px 20px;
}

.article_add_topic 
{
   margin:30px 0px 0px 0px;
   width:500px;
}

.article_add_topic .title
{
    font-size:12pt;
    margin:0px 20px 20px 20px;
}

.article_add_topic .search_input 
{
    margin:0px 20px 20px 20px;
}

.article_add_topic .search_input input[type="text"]
{    
    float: left;
    margin-right: 10px;
    padding: 0px 0px 0px 5px;
    box-sizing: border-box;
    font-size: .928em;
    border: 1px solid #eee;
    background: #fff;
    -webkit-appearance: none;
    padding: 12px 10px;
    width: calc(100% - 100px);
    font-size: 14px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.article_add_topic .search_input input[type="button"]
{
     float:left;
     background-color:White;
     width:80px;
     height:30px; 
     border-style:solid;
     border-width:1px;
     border-color:#FF5A60;
     border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color:#FF5A60;
    cursor: pointer;
}

.article_add_topic .result_content 
{
   margin:0px 20px 30px 20px;
   min-height:150px;
}

.article_add_topic .search_content 
{
    margin:0px 20px 30px 20px;
    min-height:150px;
}

.article_add_topic .split 
{
   height:10px;
   background-color:#f7f7f7;
}

.article_add_topic .gongzonghao 
{  
    margin:15px 20px 15px 20px;
    font-size:12pt;
}

.article_add_topic .result_content a, .article_add_topic .search_content a
{
    float:left;
    margin-right:5px;
    margin-bottom:10px;
    padding:3px 15px;
     border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;   
}

.article_add_topic .link_normal2 
{
    border: 1px solid #999999;
    color: #999999;
}

.course_info 
{
   background-color:Black;
   filter:alpha(opacity:35);
   opacity:0.35;
   -moz-opacity:0.35;
   -khtml-opacity: 0.35;
   color:White;
   margin-bottom:30px;
   margin-top:30px;
   border-radius: 6px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px; 
}

.course_info .title 
{
  text-align:center; 
  font-size:20px;
  padding-top:10px;  
}

.course_info .content 
{
  padding-top:10px; 
  padding-bottom:10px;  
  text-align:center;
  font-size:13px;  
}

.course_info .content div 
{  
  display:inline-block;
  width:48%; 
}

.course_info .content .line 
{
   width:1px;
   height:45px;
   background-color:White; 
   display:inline-block;
}

.course_progress .flower, .course_progress
{
   text-align:center; 
}

.course_progress .sunlight img
{
    width:66px; 
    float:right; 
    margin-right:calc(100% - (100% - 190px)/2 - 190px - 66px);
}

.course_progress .flower_default
{
    width:350px;
    height:100%;
    display:inline-block;
    position:relative; 
}

.course_progress .flower_default .img_default
{
    width:190px; 
    position:absolute;
    left:calc((100% - 190px)/2); 
    top:0;
    bottom:0;
}

.course_progress .flower_default .div_color 
{
    width:190px; 
    position:absolute;
    left:calc((100% - 190px)/2);  
    bottom:0;
    overflow:hidden;
}

.course_progress .flower_default .img_color
{
    position:absolute;
    width:100%; 
    left:0; 
    right:0;
    bottom:0;
}

.course_progress .flowerpot 
{
    margin-top:327px;
    width:133px;
    height:98px;
    text-align:center;   
    color:#333333;
    background-image: url(/Images/course_progress_flowerpot.png);
    background-repeat: no-repeat;
    background-size:133px 98px;
   -moz-background-size:133px 98px;
   display:inline-block;
   margin-right:10px;
}

.course_progress .flowerpot div 
{
     width:133px;
     height:98px;
     display:table-cell;
     vertical-align:middle;
}

.estimated_date 
{  
    position:absolute;
    border-top:1px solid #333333;
    text-align:left;
    padding-top:5px;
    width:80px;
    left:0; 
 }
 
 .today_date 
 {
    position:absolute;
    border-top:1px solid #333333;
    text-align:right;
    padding-top:5px;
    width:80px;
    right:20px; 
 }
 
 .div_punch_card 
 {
   background-color:rgb(107, 107, 107);
   text-align:center;  
 }
 
 .div_punch_card .punch_card_img
 {
     width:85%;
     margin-top:40px;  
 }
 
 .div_punch_card .punch_card_tip 
 {
    margin-top:20px;
    text-align:center;
    padding-bottom:50px;  
 }
 
  .div_punch_card .punch_card_tip img
  {
       width:40px;
  }
  
  .course_guide .image img
  {
       width:100%;
  }
  
  .course_guide .details 
  {
      text-align:center; 
      margin-top:40px;
  }
  
  .course_guide .details button
  { 
      height:44px;
      width:100%;
      background-color:white;
      font-size:12pt;
      color:#ff5050;
      border-radius: 999em;
      -webkit-border-radius: 999em;
      -moz-border-radius: 999em; 
      cursor:pointer;
  }
  
  .course_guide .relate_phone button 
  {
      border:1px solid red;   
      height:44px;
      width:100%;
      background-color:#ff5050;
      font-size:12pt;
      color:white;
      border-radius: 999em;
      -webkit-border-radius: 999em;
      -moz-border-radius: 999em; 
      cursor:pointer;
  } 
  
   .course_guide .relate_phone 
  {
      text-align:center; 
      margin-top:20px;
  }
  
  .course_login .title
  {
     color:#333333;
     text-align:center;
     font-size:20px;
     margin-top:60px;
  }
  
  .course_login .phone 
  {
      margin-top:40px;
      border-bottom:1px solid rgb(227, 233, 239);
  }
  
   .course_login .phone input 
  {
      font-size:11pt;
      height:35px;
      width:100%;
      background-color:White;
      border:0px;
  }
  
  .course_login .verification_code 
  {
      text-align:left;
      margin-top:15px;
      border-bottom:1px solid rgb(227, 233, 239);
  }
  
  .course_login .verification_code input 
  {
     font-size:11pt;   
     height:35px;
     width:calc(100% - 120px); 
     background-color:White;
     border:0px;
  }
  
   .course_login .verification_code button 
  {
     font-size:11pt;  
     height:35px; 
     width:100px; 
     border:0px;
     background-color:White;
     color:rgb(0, 136, 232);
	 text-align:right;
	 margin:0;
	 padding:0;
  }
 
  .course_login .login 
  {
     text-align:center;
     margin-top:40px;
  }
  
  .course_login .login button 
  {
     font-size:11pt;
     background-color:rgb(0, 136, 232); 
     color:White;
     width:100%;
     height:44px; 
     border:0px;
  }
  
  .login_successful .image 
  {
      text-align:center;
      margin-top:100px;
  }
  
  .login_successful .image img 
  {
     width:80px;     
  }
  
   .login_successful .tip 
  {
      margin-top:10px;
      text-align:center;
      color:#333333;
      font-size:12pt;
  }
  
  .journeys_title 
  {
      font-size:18pt;
      font-weight:bold;
      color:#333333;
  }
  
   .journeys_introduce 
  {
      font-size:12pt;
      margin-top:10px;
  }
  
   .journeys_content 
  {
      margin-top:40px;
  }
  
   .journeys_content .journeys_content_item
  {
      float:left;
      width:210px;
      text-align:center;
      margin-bottom:30px;
  }
  
  .journeys_content .journeys_content_item .grade
  {
      display:inline-block;
      width:156px;
      height:95px;
      color:White;
      text-align:center;
      line-height:95px;
      font-size:30pt;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px; 
  }
  
  .journeys_content .journeys_content_item .pointer
   {
       cursor:pointer;
   }
  
   .journeys_content .journeys_content_item .color1
   {
       background-color:#d9d9d9;
   }
   
   .journeys_content .journeys_content_item .color2
   {
       background-color:#4472c4;
   }
  
   .journeys_content .journeys_content_item .validity
  {
      margin-top:5px;
      text-align:center;
      color:#999999;
      height:17px;
  }
  
   .journeys_content .journeys_content_item .date
  {
      text-align:center;
      color:#333333;
      height:17px;
  }
  .single_note_topics 
  {
       float:left;
       margin-top:10px;
       margin-left:15px;
       margin-right:15px;
       padding:3px 10px 3px 10px;
       background-color:#f2f2f2;
       border-radius: 999em;
      -webkit-border-radius: 999em;
      -moz-border-radius: 999em;
  }
  
  .single_note_right 
  {
      float:left;
      margin-top:5px;
      margin-left:5px;
      margin-right:5px;
  }
  
  .single_note_right img
  {
     width:15px;
     height:15px;  
  }
  
  .single_note_topicsandroundtable 
  {
      float:left;
      padding:3px 10px 3px 10px;
      background-color:#f2f2f2;
      border-radius: 999em;
      -webkit-border-radius: 999em;
      -moz-border-radius: 999em;
      max-width:calc((100% - 50px)/2);
  }
  
  .single_note_topicsandroundtable img, .single_note_topics img
  {
      float:left;
      width:14px;
      height:14px;
      margin-right:5px;
      margin-top:3px;
  }
  
  .single_note_topicsandroundtable span, .single_note_topics span
  {
     line-height:20px;
     color:#666;
     display:-webkit-box;
     -webkit-line-clamp:1;
     -webkit-box-orient:vertical; 
     overflow:hidden;
     text-overflow:ellipsis;
     font-size:12px;
  }
  
  .related_topics 
  {
       float:left;
       margin-left:15px;
       margin-right:15px;
       padding:5px 0px 5px 0px;
  }
  
   .related_topics img
  {
      float:left;
      width:14px;
      height:14px;
      margin-right:5px;
      margin-top:3px;
  }
  
  .related_topics span
  {
     line-height:20px;
     color:#ff505a;
     font-size:13px;
  }
  
  .cancel_related_topics 
  {
       float:right;
       margin-right:15px;
       padding:5px 0px 5px 0px;
       line-height:20px;
       color:#999999;
       font-size:13px;
  }
  
  .single_note_topic_w 
  {
    width: calc(100% - 19px);    
  }
  
  .single_note_edusubjects 
  {
      padding-top:20px; 
      margin-bottom:10px;
  }
  .single_note_edusubjects .item_edusubject 
  {
      float:left;
      margin-right:15px;
      margin-bottom:10px;
      font-size:13px;
      color:#1D89FF;
      background-color: #f2f2f2;
      padding:4px 10px 4px 10px;
      border-radius: 999em;
      -webkit-border-radius: 999em;
      -moz-border-radius: 999em;
  }
  .single_note_title 
  {
     font-size:25px;   
     font-weight:bold;
     margin-bottom:20px;
  }
  .single_note_content 
  {
     margin-top:20px;  
     font-size:17px;
     line-height:150%;
  }
  .single_note_line
  {
     border-bottom: 1px solid #e5e3e3;
     height: 1px;
  }
   .single_note_line2
  {
     border-bottom: 1px solid #e5e3e3;
     height: 1px;
     margin-left:30px;
     margin-right:30px;
     margin-bottom:40px;
  }
  .single_noteimage_item 
  {
    margin-top:15px;  
  }
  .note_image_all 
  {
    padding-left: 15px;
    padding-right: 15px;   
  }
  .anli_resource_item 
  {
      float:left;
      width:200px;
      height: 200px;
      margin-bottom:10px;
  }
  .anli_resource_book 
  {
      display:block;
      margin-left: 15px;
      margin-right: 15px;
      background-color:#f4f4f4; 
      padding:10px; 
  }
  .anli_resource_book .book_left 
  {
      float:left;
  }
  .anli_resource_book .book_right 
  {
      float:left;
      margin-left:10px;
  }
  .anli_resource_book .book_right .book_name
  {
      color:#333333;
      font-size:15px;
      margin-bottom:5px;
  }
   .anli_resource_book .book_right .book_count
  {
      color:#999999;
      font-size:12px;
      margin-bottom:3px;
  }
  .anli_resource_book .book_right .book_des
  {
      color:#999999;
      font-size:12px;
  }
   .anli_resource_book .book_left img
  {
      width:50px;
      height:75px;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
  }
  .anli_resource_item img
  {
      width:100%;
      height: 100%;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
  }
  .anli_resource_filmanimation 
  {
      margin-left: 15px;
      margin-right: 15px;
      padding:10px; 
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -moz-box-shadow: 2px 2px 10px #909090;
      -webkit-box-shadow: 2px 2px 10px #909090;
      box-shadow:2px 2px 10px #909090;
  }
  .anli_resource_filmanimation .book_left 
  {
      display:inline-block;
      vertical-align:middle;
  }
  .anli_resource_filmanimation .book_left .has_cover img
  {
      width:36px;
      height:48px;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
  }
  .anli_resource_filmanimation .book_left .has_cource_cover img
  {
      width:36px;
      height:36px;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
  }
  .anli_resource_filmanimation .book_left .no_cover 
  {
      width:36px;
      height:36px;
      background-color:#f4f4f4;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
  }
  .anli_resource_filmanimation .book_left .no_cover img
  {
      margin-left:8px;
      margin-top:8px;
      width:20px;
      height:20px;
  }
  .anli_resource_filmanimation .book_right 
  {
      display:inline-block;
      margin-left:10px;
      vertical-align:middle;
  }
  .anli_resource_filmanimation .book_right .filmanimation_name
  {
      color:#333333;
      font-size:15px;
      font-weight:bold;
      margin-bottom:5px;
  }
  .anli_resource_filmanimation .book_right .filmanimation_des
  {
      color:#999999;
      font-size:12px;
  }
  .note_round_table, .note_topic
  {
     display:inline-block;
     margin-top:20px; 
     background-color:#f2f2f2;  
     padding-left:10px;
     padding-right:10px;
     height:26px;
     border-radius: 13px;
     -webkit-border-radius: 13px;
     -moz-border-radius: 13px;
     margin-left:15px;
     margin-right:15px;
  }
  .note_round_table img
  {
      display:inline-block;
      width:13px;
      height:13px;
      vertical-align:middle;
  }
  .note_round_table span 
  {
     margin-left:5px;
     display:inline-block;
     font-size:13px;
     color:#666666;
     vertical-align:middle;
     line-height:26px;
  }
  .note_topic img
  {
      display:inline-block;
      width:13px;
      height:13px; 
      vertical-align:middle;
  }
  .note_topic span 
  {
      margin-left:5px;
      display:inline-block;
      font-size:13px;
      color:#666666;
      vertical-align:middle;
      line-height:26px;
  }
  .note_create_time 
  {
      margin-top:20px;
      margin-left: 15px;
      font-size:13px;
      color:#666666;
  }
  .single_noteimage_item .item_no
  {
      font-size:17px;
      font-weight:bold;
  }
  .single_noteimage_item .item_image 
  {
     margin-top:15px;
     position:relative;
  }
  .single_noteimage_item .item_image img 
  {
     width:100%;  
  }
  .single_noteimage_item  .item_image .item_image_tag 
  {
     position: absolute;
  }
 .item_content1 
 {
     text-align:center;
     font-size:15px;
     color:#999999;
     margin-top:10px;
     margin-bottom:5px;
     line-height:150%;
 }
  .item_content2
 {
     height:20px;
 }
  .single_note_summarytitle 
  {
     margin-top:15px;
     margin-bottom:15px;
     font-size:17px;
     font-weight:bold;
  }
  .single_note_summary 
  {
     margin-bottom:20px;
     font-size:17px;
  }
  .single_note_onlynames 
  {
     margin-top:20px;  
     font-size:15px;
     color:#1d89ff;
  }
  .single_note_onlynames .item_onlyname img 
  {
     width:15px;
     height:15px;   
     margin-right:3px;
  }
  .single_note_onlynames .item_onlyname 
  {
     float:left;
     margin-right:10px;
     margin-bottom:10px;
     line-height:20px;
  }
  .single_note_margin15 
  {
     margin-top:15px;
  }
  .single_note_margin20
  {
     margin-top:20px;
  }
  .single_note_addcomment
  {
    text-align:center;   
  }
  .single_note_addcomment div
  {
     display:inline-block;
     text-align:center;
     font-size:17px;
     line-height:30px;
     color:#ff505a;
     margin-top:40px;
     margin-bottom:40px;
     width:120px;
  }
  .single_note_addcomment2 
  {
     text-align:center;
  }
  .single_note_padding 
  {
     height:20px;  
  }
  .single_note_split 
  {
      height:10px;
      background-color:#ececec;
  }
  .related_note_title 
  {  
      padding-top:10px;
      height:35px;
  }
  .related_note_title span
  {
      font-size:17px;
      margin-left:15px;
      color:#333333;
      line-height:35px;
  }
  
  .related_note_content table
  {
      width:100%;
  }
  .related_note_content .related_notes_item 
  {
    width:calc(100% - 5px);
    height:100%; 
    background-color:White;
    margin-top:5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    overflow:hidden;
  }
  .related_note_content .related_notes_item .item_img img 
  {
     width:100%;  
  }
  .related_note_content .related_notes_item .item_title 
  {
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
     margin-left:5px;   
     margin-top:10px;
     margin-bottom:10px;
     font-size:15px;
     font-weight:bold;
  }
  .related_note_content .related_notes_item .item_info_left 
  {
      margin-left:5px;
      float:left;
      font-size:13px;
      color:#333333;
  }
  .related_note_content .related_notes_item .item_info_left img
  {
     border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
  }
  .related_note_content .related_notes_item .item_info_right 
  {
      margin-right:5px;
      float:right;
      font-size:13px;
      color:#999999;
  }
  .note_content_padding 
  {
    padding-left:15px;
    padding-right:15px;   
  }
  .note_content_padding2
  {
    padding-left:30px;
    padding-right:30px;   
  }
  .single_note_video
  {
    position:relative;
    text-align:center;   
  }
  .single_note_video .video_img
  {
    width:100%; 
    display:block;
  }
  .single_note_video .video_icon 
  {
     width:60px;
     height:60px;
     position:absolute; top:calc((100% - 60px)/2); left:calc((100% - 60px)/2); display:block;
  }
  .single_note_round1 
  {
    width:20px;
    height:20px;
    margin-top:3px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
  }
   .single_note_round2
  {
     width:6px;
     height:6px;
     margin-top:7px;
     margin-left:7px;
    background-color: White;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
  }
  .single_note_tagname
  {
     color:White;
     background-color:rgba(0, 0, 0, 0.5);
     border:1px solid White;
     padding:3px 10px 3px 10px;
     border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    font-size:13px;
  }
  .newbooklist_coupon
  {
      margin-left:15px;
      margin-right:15px;
      margin-top:20px;
  }
  .newbooklist_coupon .coupon_item
  {
      width:105px;
      height:55;
      background-color:#ffefeb;
      float:left;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      overflow:hidden;
      margin-bottom:5px;
      margin-top:5px;
  }
  
  .newbooklist_coupon .coupon_item .coupon_state
  {
       background-color:#ff5a50;
       width:25px;
       height:55px;
       float:right;
       text-align:center;
       color:White;
       font-size:12px;
  }
  
  .newbooklist_coupon .coupon_item .coupon_des 
  {
      width:80px;
      height:55px;
      float:left;
      text-align:center;
      color:#ff5a50;
      font-size:12px
  }
  
  .newbooklist_coupon .coupon_item .coupon_des .coupon_table
  {
       width:100%;
       height:100%;
       display: table;
  }
  
  .newbooklist_coupon .coupon_item .coupon_des .coupon_table .coupon_cell
  {
        display:table-cell; 
        vertical-align:middle;  
        text-align: center;
  }
  
  .newbooklist_coupon .coupon_item .coupon_state .coupon_table
  {
        width:100%;
        height:100%;
        display: table;
  }
  
   .newbooklist_coupon .coupon_item .coupon_state .coupon_table div
  {
        display:table-cell; 
        vertical-align:middle;  
        text-align: center;
  }
  .newbooklist_tip 
  {
        height:30px;
        background-color:#fcf1dc;
        font-size:13px;
  }
  .newbooklist_tip img
 {
   width:20px;
   height:20px; 
   margin-left:20px;
   margin-bottom:5px;  
 }
 .course_list_img img 
 {
   width:100%;   
 }
 .course_title 
 {
   color:#FF6347;
   text-align:center;
   font-size:30px;
   font-weight:bold;
   padding-top:30px;
 }
 .course_des 
 {
   text-align:center;
   color:#717171;
   font-size:15px;
   margin-top:5px;
 }
 .course_action 
 {
    margin-top:30px;
 }
 .course_action_left 
 {
    float:left;
    margin-left:20px;
    width:calc((100% - 60px)/2);
 }
 .course_action_left img
 {
   width:100%;    
 }
 .course_action_right 
 {
    margin-left:20px;
    margin-right:20px;
    float:right;
    width:calc((100% - 60px)/2);
 }
 .course_action_right img
 {
    width:100%;    
 }
 .course_note_split 
 {
   height:10px;
   background-color:#f7f7f7;
   margin-top:30px;
   margin-bottom:30px;
 }
  .course_note_title 
 {
    text-align:center;
    font-size:25px;
    font-weight:bold;
 }
 
.article_for_shoppingbook {
    display:block;
    border:1px solid #ececec;
    padding:8px 8px 4px 8px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.article_for_shoppingbook .image
{
    float:left;
    display:block;
}
.article_for_shoppingbook .image img
{
    width:95px;
    height:95px;
    background-color:#f2f2f2;
}
.article_for_shoppingbook .content
{
    float:left;
    display:block;
    margin-left:10px;
    width:calc(100% - 110px);
}
.article_for_shoppingbook .title
{
    display:block;
    color:#333333;
    font-size:16px;
    font-weight:bold;
    margin-bottom:8px;
    line-height:120%;
}
.article_for_shoppingbook .des
{
    display:block;
    font-size:15px;
    margin-top:5px;
    color:#333333;
    line-height:120%;
}
.article_for_shoppingbook .price
{
    margin:8px 0px 0px 0px;
    padding:0px;
    display:block;
    height:auto;
}
.article_for_shoppingbook .price .real
{
    margin:0px;
    padding:0px;
    font-size:17px;
    font-weight:bold;
    color:#ff505a;
}
.article_for_shoppingbook .price .fact
{
    margin:0px 0px 0px 10px;
    padding:0px;
    font-size:13px;
    color:#999999;
    text-decoration:line-through;
}
.article_for_shoppingbook .price .empty
{
    color:#999999;
}
.shoppingbook_clear
{
    display:block;
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
    over-flow: hidden;
}

/**小程序书单**/

.summer_booklist .booklist_title 
{
  padding-top:20px;
  margin: 0px 20px 0px 20px;
  text-align: center;
  font-size: 18pt;
  font-weight: bold;
}

.summer_booklist .booklist_category {
  text-align: center;
  color: #999;
}

.summer_booklist .booklist_bookCount {
  text-align: center;
}

.summer_booklist .booklist_finishCount {
  text-align: center;
}

.summer_booklist .big_font {
  font-size: 18pt;
  font-weight: bold;
}

.summer_booklist .main_list .bookitem {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.summer_booklist .main_list .name {
  font-size: 12pt;
  font-weight: bold;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.summer_booklist .main_list .cover {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 90px;
  height: 135px;
}

.summer_booklist .main_list .cover img {
  width: 90px;
  height: 135px;
}

.summer_booklist .main_list .info {
  float: left;
  margin-left: 15px;
  min-height: 135px;
  position: relative;
  width: calc(100% - 105px);
}

.summer_booklist .main_list .author {
  font-size: 10pt;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-bottom: 3px;
}

.summer_booklist .bottom_action {
  width: 100%;
  position: absolute;
  bottom: 0px;
}

.summer_booklist .bookitem .delete {
  float: left;
  width: 40px;
  height: 30px;
}

.summer_booklist .bookitem .delete img {
  float: right;
  width: 20px;
  height: 20px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.summer_booklist .bottomItemView {
  float: right;
  border: 0.5px solid #999;
  width: 80px;
  height: 30px;
  border-radius: 4px;
  text-align: center;
}

.summer_booklist .bottomItemView span {
  font-size: 10pt;
  line-height: 30px;
  color: #999;
}

.summer_booklist .recommendBottom {
  position: fixed;
  bottom: 0px;
  width: 100%;
  background-color: #1d89ff;
  margin: 0px;
  padding: 0px;
}

.summer_booklist .recommendView {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0px;
  padding: 0px;
}

.summer_booklist .recommendItemView {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  margin: 0px;
  padding: 0px;
}

.summer_booklist .recommendItemText {
  font-size: 12pt;
  margin-left: 10rpx;
  color: white;
}

.summer_booklist .bottomfinish {
  position: absolute;
  right: 0;
  bottom: 0px;
}

.summer_booklist .bottomfinish text, .bottomfinish_nologin span {
  font-size: 10pt;
  color: #1d89ff;
}

.summer_booklist .bottomfinish_nologin {
  position: absolute;
  right: 0;
  bottom: 0px;
}

.summer_booklist .hand_save {
  width: 90%;
  height: 50px;
  padding: 0px;
  background-color: #1d89ff;
  text-align: center;
  margin-top: 30px;
  margin-left: 5%;
  border-radius: 5px;
}

.summer_booklist .hand_save_text {
  font-size: 12pt;
  color: white;
  line-height: 50px;
}

.summer_booklist .blue_hover {
  background-color: #3eb6fb;
}

.summer_booklist .act_bottomView {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 10px 20px 10px 20px;
}

.summer_booklist .act_bottomItemView {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-left: 10rpx;
  padding-right: 10rpx;
  width: 100%;
  height: 35px;
}

.summer_booklist .act_bottomItemView span {
  font-size: 10pt;
  line-height: 30px;
  color: #999;
}

.summer_booklist .booklist_item {
  margin-top: 25px;
  padding: 0px 20px 25px 20px;
  /* border-bottom: 1px solid #e5e3e3; */
}

.summer_booklist .booklist_book_title {
  text-align: center;
}

.summer_booklist .booklist_book_title img {
  width: 50px;
  height: 50px;
}

.summer_booklist .booklist_book_image .center {
  position: relative;
  text-align: center;
  height: 240px;
}

.summer_booklist .booklist_book_image .center img {
  width: 180px;
  height: 240px;
}

.summer_booklist .booklist_book_name {
  text-align: center;
  font-size: 16pt;
  font-weight: bold;
  cursor:pointer 
}

.summer_booklist .booklist_book_author {
  margin-top: 5px;
  text-align: center;
  font-size: 10pt;
  color: #666;
  cursor:pointer 
}

.summer_booklist .oneLine {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.summer_booklist .booklist_book_reason {
  font-size: 11pt;
  color: #333;
}

.summer_booklist .content_margin10 {
  margin-top: 10px;
}

.summer_booklist .content_margin {
  margin-top: 15px;
}

.summer_booklist .content_margin25 {
  margin-top: 25px;
}

.summer_booklist .hand_save {
  width: 90%;
  height: 50px;
  padding: 0px;
  background-color: #1d89ff;
  text-align: center;
  margin-top: 30px;
  margin-left: 5%;
  border-radius: 5px;
}

.summer_booklist .hand_save_text {
  font-size: 12pt;
  color: white;
  line-height: 50px;
}

.summer_booklist .booklist_book_reason img {
  width: 15px;
  height: 15px;
}

.summer_booklist .booklist_book_reason .r_image {
  float: left;
  width: 25px;
}

.summer_booklist .booklist_book_reason .r_text {
  float: left;
  width: calc(100% - 25px);
}

.summer_booklist .booklist_book_delete {
  position: absolute;
  right: 0;
  bottom: 0px;
  font-size: 10pt;
  height: 30px;
  width: 30px;
  line-height: 30px;
  color: #999;
}

.summer_booklist .mark_bottomView {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 20px 20px 0px 20px;
}

.summer_booklist .mark_bottomItemView {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-left: 10rpx;
  padding-right: 10rpx;
  width: 100%;
  height: 35px;
  border-radius: 6px;
  border: 0.5px solid #999;
  background-color: white;
}

.summer_booklist .mark_bottomItemView span {
  font-size: 10pt;
  line-height: 30px;
  color: #999;
}

.summer_booklist .green_bottomView {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 20px 20px 0px 20px;
}

.summer_booklist .green_bottomItemView {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-left: 10rpx;
  padding-right: 10rpx;
  width: 100%;
  height: 35px;
  border-radius: 6px;
  border: 0.5px solid #00b26a;
  background-color: #00b26a;
}

.summer_booklist .green_bottomItemView span {
  font-size: 10pt;
  line-height: 15px;
  color: white;
  margin-left: 3px;
}

.summer_booklist .bottomItemImage {
  width: 15px;
  height: 15px;
}

.summer_booklist .booklist_red {
  color: red;
}

.summer_booklist .booklist_green {
  color: #00b26a;
}

.summer_booklist .reclanguage_ph {
  color: #999;
  font-size: 12pt;
}

.summer_booklist .reclanguage_ph2 {
  color: #999;
  font-size: 10pt;
}

.summer_booklist .booklist_des {
  width: 100%;
  height: 80px;
}

.summer_booklist .booklist_des textarea {
  background-color: #e5e5e5;
  width: calc(100% - 10px);
  border-radius: 5px;
  border-color: #e5e5e5;
  padding: 5px;
  height: 70px;
  color: #333;
  font-size: 12pt;
  line-height: 20px;
}

.summer_booklist .writeSummaryView {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  padding-left: 10rpx;
  padding-right: 10rpx;
  height: 35px;
}

.summer_booklist .btn_summary_image {
  width: 20px;
  height: 20px;
}

.summer_booklist .btn_summary {
  font-size: 13pt;
  color: #21639a;
  margin-left: 10rpx;
  margin-top: 8rpx;
}

.summer_booklist .summary_show_view {
  width: calc(100%-40px);
  text-align: left;
  margin-left: 20px;
  margin-right: 20px;
}

.summer_booklist .summary_text {
  text-align: center;
  font-size: 11pt;
  color: #999;
}

.summer_booklist .btn_modify_summary_image {
  width: 15px;
  height: 15px;
}

.summer_booklist .btn_modify_summary_view {
  float: right;
  height: 30px;
  margin-top: 5px;
}

.summer_booklist .btn_modify_summary {
  font-size: 10pt;
  color: #999;
  margin-left: 5px;
  line-height: 30px;
}

.summer_booklist .btn_remark {
  color: #999;
  margin-left: 10rpx;
  margin-top: 8rpx;
}

.summer_booklist .booklist_book_remark .r_image img {
  width: 15px;
  height: 15px;
}

.summer_booklist .booklist_book_remark .r_image {
  float: left;
  width: 25px;
}

.summer_booklist .booklist_book_remark .r_text {
  float: left;
  width: calc(100% - 25px);
}

.summer_booklist .finish_user_picture {
  float: left;
  height: 100%;
  padding: 0px;
  margin: 0px 20px 0px 0px;
}

.summer_booklist .finish_user_picture .li {
  display: inline-block;
  width: 31px;
  height: 100%;
  margin: 0px -10px 0px 0px;
  padding: 0px;
}

.summer_booklist .finish_user_picture .li:first-child {
  margin-left: -3px;
}

.summer_booklist .finish_user_picture .li img {
  border: 2px solid #fff;
  background-color: #fff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

.summer_booklist .finish_count {
  float: left;
  line-height: 31px;
}

.summer_booklist .finish_info {
  margin: 10px 0px 0px 0px;
  text-align: center;
  font-size: 10pt;
  color: #999;
  height: 31px;
}

.summer_booklist .finish_info_content {
  display: inline-block;
  height: 100%;
}

.summer_booklist .manage_in {
  height: 28px;
  margin-left:20px;
  margin-right:20px; 
}

.summer_booklist .manage_member {
  float: left;
  line-height: 28px;
  margin-top: 3px;
  margin-right: 10px;
  color: #999;
  font-size: 12pt;
}

.summer_booklist .manage_act {
  position: absolute;
  right: 0px;
  top: 3px;
  line-height: 28px;
  margin-right: 20px;
  color: #999;
  font-size: 10pt;
}

.summer_booklist .invitation_member {
  float: right;
  color: #ff505a;
  border: 1px solid red;
  line-height: 28px;
  padding-left: 7px;
  padding-right: 7px;
  border-radius: 5px;
  font-size: 10pt;
  background-color: white;
}

.summer_booklist .join {
  height: 28px;
  margin-left:20px;
  margin-right:20px; 
}

.summer_booklist .join_count {
  float: left;
  line-height: 28px;
  margin-right: 20px;
  color: #999;
  font-size: 12pt;
}

.summer_booklist .join_act {
  float: right;
  color: #ff505a;
  border: 1px solid red;
  line-height: 28px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 5px;
  font-size: 10pt;
  background-color: white;
}

.summer_booklist .joined_act {
  float: right;
  text-align: center;
  border: 1px solid #999;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5px;
  background-color: white;
}

.summer_booklist .joined_act img {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.summer_booklist .joined_act span {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  font-size: 10pt;
  line-height: 28px;
}

.summer_booklist .child_input {
  text-align: center;
}

.summer_booklist .child_input .child_input_des {
  font-size: 10pt;
}

.summer_booklist .child_input input {
  margin-top: 15px;
  text-align: left;
  background-color: #e5e5e5;
  width: calc(100% - 10px);
  border-radius: 5px;
  border-color: #e5e5e5;
  padding: 5px;
  height: 25px;
  color: #333;
  font-size: 10pt;
  line-height: 25px;
}

.summer_booklist .child_name_show {
  position: relative;
  text-align: center;
}

.summer_booklist .child_name_showcontent {
  display: inline-block;
}

.summer_booklist .child_name_show .child_name {
  display: inline-block;
  vertical-align: top;
  color: #999;
  font-size: 10pt;
  margin-top: 2px;
  margin-right: 3px;
}

.summer_booklist .child_name_show .modify_child_name {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 20px;
  font-size: 10pt;
  color: #999;
  margin-right: 20px;
}

.summer_booklist .booklist_padding {
  height: 20px;
}

.summer_booklist .booklist_padding2 {
  height: 15px;
}

.summer_booklist .booklist_padding3 {
  height: 10px;
}

.summer_booklist .avgFinishCount {
  margin-top:5px; 
  text-align:center;
  color:#333333;
}
.summer_booklist .btn_modify_Booklist {
  padding-left:5px;
  padding-right:5px;  
  width:20px;
  height:20px;
  padding-top:3px;
  padding-bottom:3px;  
}
.summer_booklist .ui_split10 {
  height: 10px;
  background-color: #e5e3e3;
}
/**图书动态**/
.summer_booklist_dynamic 
{
  min-height: 100%;
}

.summer_booklist_dynamic .title_summary {
  padding: 15px 15px 5px 15px;
  font-size: 13pt;
  color: #333;
}

.summer_booklist_dynamic .title_summary1 {
  padding: 0px 15px 15px 15px;
  font-size: 10pt;
  color: #999;
}

.summer_booklist_dynamic .book_comment_head {
  margin: 15px 20px 0px 20px;
}

.summer_booklist_dynamic .book_comment_head_img {
  float: left;
}

.summer_booklist_dynamic .book_comment_head_img img {
  width: 40px;
  height: 40px;
  border-radius: 20px;
}

.summer_booklist_dynamic .book_comment_head_info {
  float: left;
  margin-left: 10px;
}

.summer_booklist_dynamic .book_comment_head_info_text {
  font-size: 10pt;
  line-height: 40px;
  color: #999;
}

.summer_booklist_dynamic .book_comment_head_time {
  float: right;
  line-height: 40px;
  font-size: 10pt;
  color: #999;
}

.summer_booklist_dynamic .book_comment_content {
  margin: 10px 20px 15px 20px;
  font-size: 12pt;
  color: #333;
}

.summer_booklist_dynamic .book_line {
  height: 1px;
  background-color: #e5e3e3;
}

.summer_booklist_dynamic .margin-top15 
{
  margin-top:15px; 
}

.write_book_comment 
{
   float:right;
   height:30px;
   line-height:30px;
   color:#999999;
}

.write_book_comment img 
{
  width:16px;
  height:16px;   
  margin-left:12px;
}

.dianji
{
 -webkit-tap-highlight-color:rgba(255,255,255,0)   
}

.download_app_text 
{
    color: #1D89FF;
}

.download_app_text2 
{
    color: #333333;
}

.exp_rec_topictitle 
{
  font-size:17px;
  font-weight:bold;
  color:#333333;   
}

.exp_rec_topicitem 
{
   margin-bottom:12px;    
}

.exp_rec_topicitem img
{
    display:inline-block;
    width: 15px;
    height: 15px;
    margin-right:5px;
    margin-top:3px;
    vertical-align:top;
}

.exp_rec_topicitem span 
{
  display:inline-block;
  font-size:16px;
  font-weight:bold; 
  color:#333333;  
}

.wx_rectopic_item 
{
   margin-bottom:12px;
}

.wx_rectopic_item .wx_topicitem_left 
{
   float:left;   
}

.wx_rectopic_item .wx_topicitem_left img
{
    display:inline-block;
    width: 15px;
    height: 15px;
    margin-right:5px;
    margin-top:3px;
    vertical-align:top;
}

.wx_rectopic_item .wx_topicitem_left span 
{
  display:inline-block;
  font-size:16px;
  font-weight:bold; 
  color:#333333;  
}

.wx_rectopic_item .wx_topicitem_right 
{
   float:right;   
}

.wx_rectopic_item .wx_topicitem_right img
{
    display:inline-block;
    width: 13px;
    height: 13px;
}

.wx_rectopic_item .wx_topicitem_right span 
{
   display:inline-block;
   font-size:13px;
   color:#999999;   
}

.exp_rec_topicitem_info 
{
   display:inline-block;
   width: calc(100% - 25px);
}

.exp_rec_topicitem_info .exp_rec_topicitem_title 
{
   font-size:16px;
   font-weight:bold; 
   color:#333333;  
}

.exp_rec_topicitem_info .exp_rec_topicitem_count 
{
   font-size:13px;
   color:#999999;  
}

.exp_rec_topicMore 
{
  font-size:15px;   
  text-align:center;   
  color: #1D89FF;
  height:44px;
  line-height:44px;
}

.exp_reply_block 
{
   background-color:#f7f7f7;
   height:10px;  
}

.wx_topic_head 
{
   background-color:#f2f2f2;
   padding-left:20px; 
   padding-right:20px;
   padding-bottom:20px;
}

.wx_topic_title 
{
   padding-top:20px; 
   font-size:25px;
   font-weight:bold;
   color:#333333;   
}

.wx_topic_count 
{
  margin-top:5px;   
  color:#666666;
  font-size:13px;
}

.wx_topic_describe 
{
  margin-top:15px;  
  color:#666666;
  font-size:15px;
}

.wx_topic_downloadapp 
{
   margin-bottom:20px;  
   padding-right:20px;
   float:right;
}

.wx_topic_downloadapp a 
{
  font-size:15px;   
}

.wx_topic_feed 
{
  padding-left:20px;
  padding-right:20px;   
}

.wx_topic_feedhead .wx_user_img img
{
    width:40px;
    height:40px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.wx_topic_feedhead .wx_user_img 
{
    float:left;
}

.wx_topic_feedhead .wx_user_info 
{
    float:left;
    margin-left:5px;
}

.wx_topic_feedhead .wx_feed_type 
{
    float:right;  
    line-height:40px;
    font-size:13px;
    color:#999999;
}

.wx_topic_feedhead .wx_user_info .wx_user_name 
{
    font-size:15px;
    color:#333333; 
}

.wx_topic_feedhead .wx_user_info .wx_user_age 
{
    margin-top:2px;
}

.wx_user_ageitem 
{
    float:left; 
    margin-right:5px;  
}

.wx_user_ageitem img 
{
   width:10px;
   height:10px;
   margin-right:2px;
}

.wx_user_ageitem span 
{
   font-size:13px;
   color:#999999;   
}

.wx_topic_feedtitle 
{
  font-size:17px;
  font-weight:bold;
  color:#333333;
  margin-top:15px;   
}

.wx_topic_feedcontent 
{
  font-size:16px;
  color:#333333;
  margin-top:10px;
  line-height:150%;
}

.wx_image_item 
{
  float:left;   
}

.wx_padding 
{
  margin-right:10px;   
}

.wx_topic_feedImage 
{
   margin-top:15px;  
}

.wx_image_item
{
  width:calc((100% - 20px)/3);
  height:calc((100% - 20px)/3);
}

.wx_image_item img
{
   width:100%;
   height:100%;
}

.wx_topic_feedaction 
{
  margin-top:15px;   
}

.wx_feedaction_item 
{
  float:left;   
  margin-right:15px;
}

.wx_feedaction_item img 
{
  display:inline-block;
  width:20px;
  height:20px;   
  margin-right:3px;
}

.wx_feedaction_item span 
{
  display:inline-block;
  font-size:13px;   
}

.wx_actiontext_default
{
     color:rgb(186,186,186);
}

.wx_actiontext_selected
{
     color:#ff5050;
}

.wx_topicrelated_questionmore 
{
  text-align:center;   
  color: #333333;
  height:44px;
  line-height:44px;
  font-size:15px;
}

.wx_single_note_download 
{
  background-color:#f7f7f7;  
  text-align:center; 
  padding-top:50px;
  padding-bottom:50px;
}

.wx_blue_button
{
    line-height:40px;
    display: block;
    background: #167ffb;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-style: normal;
}

.mexperience_reply_title
{
    margin-bottom: 20px;
    font-size: 17px;
    color: #333333;
    font-weight:bold;
}

.mexperience_reply_all 
{
    margin: 0px 0px;
}

.mexperience_reply_head
{
    float: left;
    width: 20px;
    height: 20px;
}

.mexperience_reply_head img
{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.mexperience_reply_username
{
    font-size:10pt;
    color: #999999;
}

.mexperience_reply_username a
{
    font-size: 15px;
    color: #999999;
    line-height:20px;
}

.mexperience_reply_userinfo
{
    float: left;
    line-height: 20px;
}

.mexperience_reply_left 
{
  float:left;
  margin-right:10px;   
}

.mexperience_reply_right 
{
  float:right;
  width:calc(100% - 30px);   
}

.mexperience_reply_content a {
    font-size: 16px;
    color: #333333;
    line-height: 28px;
}

.mexperience_reply_time 
{
    float:left;
    margin-top:5px;
    color: #999999;
    font-size:13px;  
    line-height:22px; 
}

.mexperience_reply_comment 
{
    float:left;
    margin-top:5px;  
}

.mexperience_reply_comment a 
{
    color: #999999;
    font-size:13px;
    line-height:22px;
}

.posts_action .exp_reply3
{
   background-image: url(/Images/mexperience_reply_chat.png); 
}

.mexperience_reply_action 
{
    float:right; 
}

.mexperience_reply_action a 
{
   padding:3px 5px 3px 5px;   
}

.mexperience_reply_action a img 
{
    width:22px;
    height:22px;  
}

.mexperience_reply_more a img 
{
    width:36px;
    height:22px;  
}

.single_notebook_item 
{
   width:calc((100% - 20px)/3);
   height:calc((100% - 20px)/3*4/3); 
   float:left;
   margin-bottom:20px;
   cursor:pointer;
}

.single_notebook_item .book_img 
{
    width:100%;
    height:100%; 
}

.single_notebook_item img 
{
    width:100%;
    height:100%; 
}

.book_p
{
  margin-right:10px;   
}

.single_notebook_item .book_n 
{
     width:100%;
     text-align:center;
     display:block;
     display:-webkit-box;
     max-height:20px;
     overflow:hidden;
     text-overflow:ellipsis;
     -webkit-line-clamp:1;
     -webkit-box-orient:vertical;
     margin-top:5px;
}

.course_intro 
{
   text-align:center;
   height:30px;
   margin-top:30px;
   font-size:16px;
}

.course_intro span 
{
   display:inline-block;
   vertical-align: middle;
   line-height:30px;
   color:#333333;
}

.course_intro img
{
   display:inline-block;
   margin-top:1px;
   width:20px;
   height:20px;
}

.mfind_resources_categoryname 
{
   font-size:20px;
   font-weight:bold;
   padding-top:20px; 
   margin-left:20px; 
   color:#333333;
}

.mfind_resources_count 
{
    font-size:13px;
    color:#999999;
    margin-left:20px;
    margin-top:3px;
}

.mfind_resources_item 
{
  margin-top:15px;
  margin-bottom:15px;  
}

.mfind_resources_image 
{
    float:left;  
    margin-left:20px;  
}

.mfind_resources_image img 
{
   width:60px;
   height:80px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;  
}

.mfind_resources_content 
{
    float:right;
    margin-left:10px; 
    margin-right:20px;
    width:calc(100% - 110px);
}

.mfind_resources_content .mfind_resources_itemname 
{
    font-size:16px;
    font-weight:bold;
    color:#333333;
}

.mfind_resources_content .mfind_resources_itemcount 
{
    font-size:13px;
    color:#999999;
    margin-top:5px;
}

.mfind_resources_content .mfind_resources_itemdes 
{
    font-size:13px;
    color:#333333;
    margin-top:10px;
}

.mfind_resources_content .mfind_resources_itemdes .img 
{
     float:left;
}

.mfind_resources_content .mfind_resources_itemdes .img img 
{
    width:10px;   
}

.mfind_resources_content .mfind_resources_itemdes .intro 
{
     float: left;
     width: calc(100% - 15px);
     line-height: 170%;
     margin-left: 5px;
}
.mfind_resources_tags 
{
    margin-top:5px;
}
.mfind_resources_tags .tag_item 
{
   float:left;
   margin-top:5px;
   margin-right:5px;
   color:#ff5a50;
   border:1px solid #F0C0C0;
   font-size:11px;
   padding:0px 5px 0px 5px;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   height:19px;
   line-height:19px;
}

.mfind_resources_split 
 {
   height:10px;
   background-color:#f7f7f7;
   margin-top:20px;
 }
 
 .single_newresource_sty 
 {
    color:#1D89FF; 
 }
 
 .mfind_resources_line
{
    background-color: rgb(236,236,236);
    height: 1px;
}
.resource_topic_item 
{
  float:left;
  width:calc(50% - 20px);
  margin:20px 10px 0px 10px 
}

.resource_topic_item img
{
  width:100%;
}

.edit_article_topic 
{
   float:left;
   margin-top: 25px;
   margin-left:10px;  
}
.edit_article_topic img 
{
    width:20px;
}
.add_article_topic 
{
    float: left;
    color: #1D89FF;
    padding: 3px 10px 3px 10px;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    border:1px solid #1D89FF;
}
.course_action_left2
{
    float:left;
    margin-left:20px;
    margin-right:5px;
    width:calc((100% - 60px)/3);
}
.course_action_left2 img
{
    width:100%;
}
.course_action_center2
{
    margin-left:5px;
    margin-right:5px;
    float:left;
    width:calc((100% - 60px)/3);
}
.course_action_center2 img
{
    width:100%;
}
.course_action_right2
{
    margin-left:5px;
    margin-right:20px;
    float:right;
    width:calc((100% - 60px)/3);
}
.course_action_right2 img
{
    width:100%;
}
.idea_images 
{
    margin-left:15px;
    margin-right:5px;  
}
.idea_images .idea_item_image
{
    float:left;
    width:calc((100% - 50px)/3);
    margin-right:10px;
    margin-bottom:10px;
}
.idea_images .idea_item_image img
{
    width:100%;
}
.idea_books 
{
   margin-left:15px;
   margin-right:15px;  
   margin-top:10px;
}
.all_nav_stybg 
{
    background-color:#333333;
    height:100%;
}
.all_nav_sty .all_nav_content
{
    display:inline-block;
    text-align:left;
    height:100%;
    width:100%;
}
.all_nav_sty .nav_logo_head
{
    display:inline-block;
    height:100%;
    cursor:pointer;
}
.all_nav_sty .nav_logo_head .nav_logo_img
{
   display:inline-block;
   vertical-align:middle;
   height:100%;
}
.all_nav_sty .nav_logo_head .nav_logo_img img 
{
    margin-top: 8px;
    width: 18px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.all_nav_sty .nav_logo_head .nav_logo_name
{
    display:inline-block;
    vertical-align:middle;
    font-size: 10.5pt;
    color: White;
}
.all_nav_sty .nav_logo_head .nav_logo_name .site_name
{
    font-size: 10.5pt;
}
.all_nav_sty .nav_logo_head .nav_logo_name .site_des
{
    margin-left:5px;
}
.all_nav_sty .nav_logo_head .nav_logo_describe
{
    display:inline-block;
    vertical-align:middle;
    font-size:12px;
    color:#f0f0f0;
}
.nav_logo_search 
{
    display:inline-block;
    vertical-align:middle;
    margin-top:13.5px;
}
.nav_right_line 
{
   height:20px;
   width:1px;
   background-color:#D5D5D5;
}
.partial_home_tab
{
   text-align:center;  
   width: 590px;
}
.partial_home_tab .center
{
    display:inline-block;
    text-align:left;
}
.partial_home_tab .home_tab_title 
{
    margin-top:25px;
}
.partial_home_tab .home_tab_title .name
{
    display:inline-block;
    font-size:26px; 
}
.partial_home_tab .home_tab_title .des
{
    display:inline-block;
    color:#8F8E94;
    font-size:14px;
    margin-left:10px;
}
.home_tab 
{
    margin-top:15px;  
}
.home_tab .home_tab_item
{
    float:left;
    cursor:pointer;
}
.home_tab .home_tab_item_s 
{
    margin-top:5px;
    height:3px;
    margin-left:20px;
    margin-right:20px;
}
.home_tab .home_tab_item_c 
{
    display: table;
    width:calc(570px/5);
    height:70px;
    text-align:center;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.home_tab .home_tab_item_c .v_center
{
    display: table-cell; 
    vertical-align: middle; 
}
.home_tab .home_tab_item_c .name
{
    font-size:18px;
    font-weight:bold;
    color:White;
}
.home_tab .home_tab_item_c .des
{
    color:White;
    font-size:12px;
    margin-top:5px;
}
.home_peanut_essay 
{
   margin-top:25px;  
}
.home_peanut_essay .title 
{
    display:inline-block;
    font-size:16px;
    color:#333333;
}
.home_peanut_essay .des 
{
    display:inline-block;
    font-size:14px;
    color:#8F8E94;
    margin-left:5px;
}
.home_peanut_essay .content 
{
    margin-top:15px;
}
.home_peanut_essay .content_item
{
    margin-right:25px;
    cursor:pointer;
}
.home_peanut_essay .content_item img 
{
    width:15px;
    height:15px;
    display:inline-block;
}
.home_peanut_essay .content_item span 
{
    color:#333333;
    display:inline-block;
    font-size:14px;
}
.home_peanut_essay .content_item_f 
{
    float:left;
}
.home_peanut_essay .content_item_t
{
   margin-top:10px;
   float:left;
}
.peanut_essay_more 
{
   margin-top:10px;
   float:left;
   cursor:pointer;
}
.peanut_essay_more img
{
    width:13px;
    height:13px;
    display:inline-block;
    vertical-align: middle;
}
.peanut_essay_more span
{
   color:#8F8E94;
   display:inline-block;
   vertical-align: middle;
   margin-right:3px;
}
.home_peanut_answer 
{
    margin-top:25px;
}
.home_peanut_answer .title
{
    font-size:16px;
    color:#333333;
}

.home_peanut_answer .content 
{
    margin-top:5px;   
}

.home_peanut_answer .content_item
{
    margin-top:10px;
    cursor:pointer;
}
.home_peanut_answer .content_item .img
{
    display:inline-block;
    color:#333333;
    font-size:20px;
    font-weight:bold;
    margin-right:3px;
}
.home_peanut_answer .content_item .name
{
     color:#333333;
    display:inline-block;
    font-size:14px;
}
.home_peanut_recommend 
{
    margin-top:25px;
    font-size:16px;
    color:#333333;
}
.home_peanut_app 
{
    width:100%;
    cursor:pointer;
}
.home_peanut_app img 
{
  width:100%; 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;  
}
#nav_search 
{
    padding: 0;
    margin-bottom: 0px;
}
.home_action 
{
   background-color:White;
   margin-bottom:10px;
}
.home_action .home_action_item 
{
     float:left;
     display: table;
     text-align:center;
     width:calc(100%/3);
     height:94px;
     cursor:pointer;
     color:#444;
}
.home_action .home_action_item:hover 
{
    color:#ff5050;
}
.home_action .column1 
{
    padding-top:10px; 
}
.home_action .column2 
{
    padding-bottom:10px;
}
.home_action .home_action_item img 
{
     width:20px;
     height:20px;
     display:inline-block;
}
.home_action .home_action_item span 
{
     margin-top:8px;
     display:block;
     font-size: 16px;
}
.home_action .home_action_item .v_center
{
    display: table-cell; 
    vertical-align: middle; 
}
.english_guide_hottopic .title 
{
    margin-top: 25px;
    margin-bottom:15px;
    font-size: 16px;
    font-weight:bold;
    color:
    #333333;
}
.english_guide_hottopic .hottopic_item 
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    width:calc((100% - 18px)/3);
    display:inline-block;
    text-align:center;
    cursor:pointer;
}
.english_guide_hottopic .hottopic_item_p
{
    margin-right:5px;
}
.english_guide_hottopic .hottopic_item .img 
{
    margin-top:20px;
}
.english_guide_hottopic .hottopic_item .img img 
{
    width:60px;
    height:60px;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
}
.english_guide_hottopic .hottopic_item .mane 
{
    margin-top:30px;
}
.english_guide_hottopic .hottopic_item .mane img 
{
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
    margin-right:3px;
}
.english_guide_hottopic .hottopic_item .mane span 
{
    display:inline-block;
    font-size:18px;
    font-weight:bold;
    color:#333333;
    vertical-align:middle;
}
.english_guide_hottopic .hottopic_item .count 
{
    margin-top:3px;
    font-size:14px;
    color:#999999;
}
.english_guide_hottopic .hottopic_item .des 
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top:20px;
    margin-left:10px;
    margin-right:10px;
    font-size:14px;
    color:#999999;
}
.english_guide_hottopic .hottopic_item .action 
{
    font-size:12px;
    display:inline-block;
    padding-left:3px;
    margin-top:20px;
    margin-bottom:20px;
    border:1px solid #AAAAAA;
    color:#999999;
    width:75px;
    height:27px;
    line-height:25px;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
}
.english_guide_hottopic .hottopic_item .action span 
{
   display:inline-block; 
   vertical-align:middle;
   line-height: 27px;
}
.english_guide_hottopic .hottopic_item .action img 
{
   display:inline-block;
   width:15px;
   vertical-align:middle;
}
.english_guide_englishtopic .title
{
    margin-top: 35px;
    margin-bottom:15px;
    font-size: 16px;
    color:#ff505a;
}
.english_guide_englishtopic .guide_englishtopic_item 
{
    display:inline-block;
    width:calc((100% - 10px)/2);
    cursor:pointer;
}
.english_guide_englishtopic .guide_englishtopic_item_m 
{
    margin-bottom:25px; 
}
.english_guide_englishtopic .guide_englishtopic_item .img img 
{
    width:50px;
    height:50px;
     border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
}
.english_guide_englishtopic .guide_englishtopic_item .img 
{
     display:inline-block;
     vertical-align:middle;
     margin-right:5px;
}
.english_guide_englishtopic .guide_englishtopic_item .content  
{
     display:inline-block;
     vertical-align:middle;
     width:calc(100% - 70px);
}
.english_guide_englishtopic .guide_englishtopic_item .content .name 
{
     font-size:16px;
     font-weight:bold;
     color:#333333;
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.english_guide_englishtopic .guide_englishtopic_item .content .count 
{
     margin-top:5px;
     font-size:12px;
     color:#333333;
}
.reading_recommend_booklist .title
{
    margin-top: 40px;
    margin-bottom:25px;
    font-size: 16px;
    color:#ff505a;
}
.reading_recommend_booklist .booklist_item 
{
    width:calc((100% - 20px)/2);
    height:109px;
    display:inline-block;
    text-align:center;
    vertical-align:middle;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    cursor:pointer;
}
.reading_recommend_booklist .booklist_item_p
{
    margin-left:15px;   
}
.reading_recommend_booklist .booklist_item .name
{
     margin-top:20px;
     margin-left:20px;
     margin-right:20px;
     font-size:18px;
     font-weight:bold;
     color:White;
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.reading_recommend_booklist .booklist_item .count
{
    margin-bottom:20px;
    margin-top:10px;
    font-size:12px;
    color:White;
}
.new_category_name 
{
    font-size:20px;
    font-weight:bold;
    color:#ff505A;
    margin-bottom:20px;
}
.new_category_list .new_category_item 
{
    float:left;
    width:65px;
    height:25px;
    margin-right:10px;
    margin-bottom:10px;
    text-align:center;
    line-height:25px;
     border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    cursor:pointer;
}
.new_category_list .n 
{
     color:#A5A5A5;
     border:1px solid #ACACAC;
}
.new_category_list .s
{
     color:#ff505a;
     border:1px solid #ff505a;
}
.home_peanut_recommend .title {
    display: inline-block;
    font-size: 18px;
    color: 
    #333333;
}
.home_peanut_recommend .des {
    display: inline-block;
    font-size: 12px;
    color: 
    #8F8E94;
    margin-left: 5px;
}
.app-intro 
{
   margin-top:40px;
}
.app-intro .name 
{
   display:inline-block; 
   vertical-align:middle;
}
.app-intro .img 
{
   display:inline-block; 
   vertical-align:middle;
   width:25px;
}
.app-intro-img div 
{
    margin-top:150px;
    width:898px;
}
.app-intro-img img 
{
    width:100%;
}
.kiddobc_more_out2 
{
    margin:20px;
}
.site_content_width 
{
   width: 1230px;  
}
.site_tab_height 
{
   height:60px;
}
.all_tab_style 
{
   background:#fff;
   background-clip: border-box;
   -webkit-box-shadow: 0 1px 3px rgba(26,26,26,.1);
   box-shadow: 0 1px 3px rgba(26,26,26,.1);
   background-clip: content-box;
   text-align:center;
}
.all_tab_style .all_tab_content 
{
   display:inline-block; 
   text-align:left;
   height:100%;
}
.all_tab_style .all_tab_content .left, .all_tab_style .all_tab_content .left2
{
    float:left;
}
.all_tab_style .all_tab_content .left .logo_title, .all_tab_style .all_tab_content .left2 .logo_title
{
    display:inline-block;
    vertical-align:middle;
    margin-right:23px;
    cursor:pointer;
}
.all_tab_style .all_tab_content .left .logo_title img, .all_tab_style .all_tab_content .left2 .logo_title img 
{
    display:inline-block;
    vertical-align:middle;
    width:90px;
}
.all_tab_style .all_tab_content .right .tab_item, .all_tab_style .all_tab_content .left2 .tab_item 
{
    display:inline-block;
    vertical-align:middle;
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-weight:bold;
    line-height: 22px;
    color: #333333;
    text-align: center;
    padding: 19px 0px;
    margin:0px 17px;
    cursor:pointer;
}
.nav_add_article 
{
    display:inline-block;
    background-color:#ff5050;
    height:33px;
    color:White;
    padding:0px 12px 0px 12px;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    line-height:33px;
    margin-left:5px;
}
.all_tab_style .all_tab_content .right .is-active, .all_tab_style .all_tab_content .left2 .is-active 
{
    font-size: 20px;
    font-weight: 600;
    font-synthesis: style;
}

.all_tab_style .all_tab_content .right 
{
    float:right;
}

.Topstory-tabCard {
    -webkit-box-shadow: none;
    box-shadow: none;
}

Topstory-noMarginCard {
    margin-bottom: 0 !important;
}

.Card {
    margin-bottom: 10px;
    background: #fff;
    overflow: hidden;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.TopstoryTabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #f0f2f7;
    height: 58px;
}

.TopstoryTabs span
{
    color: #999999;
    margin-left: 5px;
    font-size: 13px;
}

.TopstoryTabs-link.is-active {
    color: #ff5050;
}

.TopstoryTabs-link:hover 
{
   color:#ff5050;  
}

.TopstoryTabs-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: bold;
    margin: 0 22px;
    color:#333;
}

.topic-right-item
{
    padding: 6px 10px;
    color:#FF5A60 !important;
    background-color:#f6f6f6;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
    line-height: 32px;    
}

.category-by-ages 
{
   padding: 5px 20px 5px 20px;
   border-bottom: 1px solid #f0f2f7;
}

.category-by-content 
{
   float:left;
   height:38px;
   overflow:hidden;
   width:calc(100% - 72px - 10px);
}

.category-by-more 
{
   float:left;
   width:72px;
   height:26px;
   border:1px solid #9D9D9D;
   color: #999;
   text-align:center;
   border-radius: 999em;
   -webkit-border-radius: 999em;
   -moz-border-radius: 999em;
   cursor:pointer;
}

.category-by-more:hover 
{
    background-color:#f8f8f8;   
}

.category-by-more span 
{
    line-height:26px; 
}

.category-by-more img 
{
    width:15px;
    line-height:26px; 
}

.category-by-ages .category-item 
{
    float: left;
    width: auto;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    padding: 0px 10px 0px 10px;
}

.category-by-ages .category-selected
{
    background-color:#ffecec;
    color:#ff505a;
}

.category-by-ages .category-select
{
    background-color:#f0f2f4;
    color: #444;
}

.category-by-ages .category-select2
{
    color: #333333;
}

.system_username 
{
    color: #666666;   
}
.main-slider {
 overflow:hidden;
 width:885px;
 height:277px;
 background-color:#eee;
 border-radius:5px;
 float:left;
 margin-right:15px
}
.main-slider,
.main-slider .bd li {
 position:relative;
}
.main-slider .bd li .mask {
 position:absolute;
 bottom:0;
 right:0;
 left:0;
 height:80px;
 background-color:rgba(0, 0, 0, 0.30);
}
.main-slider .bd li .mask2 {
 position:absolute;
 bottom:0;
 right:0;
 left:0;
 height:90px;
 background-color:rgba(0, 0, 0, 0.45);
}
.main-slider .bd li .title {
 position:absolute;
 bottom:10px;
 left:0;
 right:0;
 color:#fff;
 font-size:18px;
 font-weight:600;
 padding:20px;
 line-height:1.3;
}
.main-slider .bd li .mask2 .title2 {
 color:#fff;
 font-size:18px;
 font-weight:600;
 padding:20px;
 line-height:1.3;
}
.main-slider .next,
.main-slider .prev {
 background-color:rgba(0, 0, 0, 0.3);
 position:absolute;
 top:108.5px;
 width:50px;
 height:60px;
 font-size:30px;
 color:#fff;
 text-align:center;
 cursor:pointer;
 transition:.5s;
 line-height:60px;
}
.main-slider .next .fa,
.main-slider .prev .fa {
 line-height:55px
}
.main-slider .prev {
 left:-60px;
 -moz-user-select:none; 
-webkit-user-select:none; 
-ms-user-select:none;
user-select:none;
}
.main-slider .next {
 right:-60px;
 -moz-user-select:none; 
-webkit-user-select:none; 
-ms-user-select:none;
user-select:none;
}
.main-slider:hover .next,
.main-slider:hover .prev {
 opacity:1
}
.main-slider:hover .prev {
 left:0
}
.main-slider:hover .next {
 right:0
}
.main-slider li,
.main-slider ul {
 margin:0;
 padding:0;
 list-style:none;
}
.main-slider .supernice {
 position:absolute;
 bottom:10px;
 right:20px
}
.main-slider .supernice ul {
 margin:0;
}
.main-slider .supernice li {
 display:inline-block;
 height:4px;
 width:30px;
 border-radius:990em;
 background-color:hsla(0,0%,100%,.6);
 cursor:pointer;
 margin:3px;
}
.main-slider .supernice li.on {
 background-color:hsla(0,0%,100%,.95)
}
.fa-angle-left::before {
    content: "\e647";
}
.fa-angle-right::before {
    content: "\e659";
}
.gzq_img 
{
  margin-top:30px;
  width:100%;
}
.gzq_img img 
{
   width:100%;
}

.gzq_content 
{
  margin-top:30px;   
}
.gzq_content .gzq_content_title 
{
   margin-top:30px;
   font-size:20px;
   font-weight:bold;
   color:#333333;
}

.gzq_content .gzq_content_item 
{
  margin-top:10px;
  cursor:pointer;
  color: #3377AA;
  font-size:16px;
}
.gzq_end 
{
  margin-top:50px;
  margin-bottom:80px;
  text-align:center;   
}
.gzq_end img 
{
  display:inline-block;
  width:150px;
  height:150px; 
}
.gzq_end span 
{
  margin-top:5px;
  display:block; 
  font-size:12px;
  color:#999999;  
}
.learning_point_list 
{
   margin-top:20px;   
}
.learning_point_list .learning_point_item 
{
   float:left;
   width:calc(100%/4);
   margin-bottom:20px;
   cursor:pointer;
}
.learning_point_list .learning_point_item .image 
{
   text-align:center;
}
.learning_point_list .learning_point_item .image img
{
   display:inline-block;
   width:80px;
   height:80px;
   border-radius: 999em;
   -webkit-border-radius: 999em;
   -moz-border-radius: 999em;
}
.learning_point_list .learning_point_item .name
{
    margin-top:5px;
    text-align:center;
    font-size:17px;
    font-weight:bold;
}
.buy_books img 
{
    width:100%;
}
.hot_list_item .image 
{
   float:left;
}
.hot_list_item .image img 
{
    width:80px;
    height:80px;
}
.hot_list_item .content 
{
    margin-left:10px;
    float:left;
    width:calc(100% - 90px);
}
.hot_list_item .content .title
{
    margin-bottom:5px;
    font-size:15px;
    font-weight:bold;
    color:#333333;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
.hot_list_item .content .price 
{
    color:#ff505a;
    font-size:15px;
    font-weight:bold;
}
.book_look_other .image
{
    float:left;
    margin-left: 20px;
}
.book_look_other .image img 
{
    width:60px;
    height:80px;
}
.book_look_other .content 
{
    margin-left:10px;
    float:left;
    width:calc(100% - 100px);
}
.book_look_other .content .title
{
    margin-bottom:5px;
    font-size:15px;
    font-weight:bold;
    color:#333333;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
.book_look_other .content .summary 
{
    color:#666;
    font-size:13px;
}
.learningpoint_category_item 
{
    float:left;
    width:calc(100%/2);
}
.learningpoint_category_item .item_title
{
    display:inline-block;
    padding:5px 0px;
    color: #3377AA;
    background-color:#f6f6f6;
    margin-bottom:10px;
    min-width:74px;
    text-align:center;
}
.card-section2
{
    padding: 16px 20px 6px 20px;
    position: relative;
}
.hot_list_item2 
{
   cursor:pointer;
}
.hot_list_item2 .image 
{
    float:left;
    margin-left:20px;
   margin-top:20px;
 }
.hot_list_item2 .image img 
{
    width:100px;
    height:100px;
}
.hot_list_item2 .content 
{
    margin-left:10px;
   margin-top:20px;
    float:left;
    width:calc(100% - 150px);
}
.hot_list_item2 .content .title
{
    margin-bottom:5px;
    font-size:18px;
    font-weight:bold;
    color:#333333;
}
.hot_list_item2 .content .summary 
{
    font-size:15px;
    color:#666666;
    margin-top:5px; 
}
.hot_list_item2 .content .price 
{
    display:inline-block;
    color:#ff505a;
    font-size:18px;
    font-weight:bold;
    margin-top:20px;
}
.hot_list_item2 .content .original_price
{
    display:inline-block;
    margin-left: 10px;
    margin-top:20px;
    color: #999999;
    font-size: 13px;
    text-decoration: line-through;
}
.hot_list_item2 .content .sold_out
{
    margin-top:20px;
    color: #999999;
    font-size: 15px;
}
.learningpoint_head .image 
{
    display:inline-block;
}
.learningpoint_head .image img
{
    width:60px;
    height:60px;
}
.learningpoint_head 
{
    padding:20px;  
}
.learningpoint_head .title 
{
    display:inline-block;
    font-size:18px;
    font-weight:bold;
    margin-left:10px;
    color:#333333;
}
.learningpoint_head .content 
{
    margin-top:15px;
    font-size:15px;
    color:#333333;
    line-height:25px;
}
.hot_list_experience 
{
    display:block;
    margin:20px 20px 0px 20px;   
    background-color:#f8f8f8;
    padding:15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor:pointer;
}
.hot_list_experience .title
{
    font-size:15px;
    color:#666666;
}
.hot_list_experience .detail
{
    font-size:13px;
    color: #3377AA;
}
.book_unit_info .image 
{
  float:left;   
}
.book_unit_info 
{
  padding:20px;
}
.book_unit_info .image img
{
  width:200px;
  height:200px;
}
.book_unit_info .info 
{
  float:left;  
  margin-left:20px;
  width:calc(100% - 220px);
  height:200px;
  position:relative;
}
.book_unit_info .info .title 
{
    font-size:20px;
    font-weight:bold;
    color:#333333;
}
.book_unit_info .info .summary 
{
    font-size:15px;
    color:#666666;
    margin-top:5px; 
}
.book_unit_info .info .price 
{
    display:inline-block;
    color:#ff505a;
    font-size:22px;
    font-weight:bold;
    margin-top:20px;
}
.book_unit_info .info .original_price
{
    display:inline-block;
    margin-left: 10px;
    margin-top:20px;
    color: #999999;
    font-size: 13px;
    text-decoration: line-through;
}
.book_unit_info .buy 
{   
    position:absolute;
    bottom:0;
}
.book_unit_info .buy .buy_btn 
{
    background-color:#FF7916;
    width:120px;
    height:35px;
    color:White;
    text-align:center;
    line-height:35px;
    font-size:16px;
    margin-top:25px;
    cursor:pointer;
    border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}
.book_unit_buyway 
{
    margin-top:10px;
}
.book_unit_buyway img 
{
    width:100%;
}
.book_unit_detail 
{
    margin-top:10px;
    padding: 20px;
}
.book_unit_detail .title 
{
    font-size:18px;
    font-weight:bold;
    color:#333333;
}
.book_unit_detail .content
{
    margin-top:15px;
   
}
.book_unit_detail .content p 
{
    margin:0;
    padding:0;   
}
.small_course_item 
{
  float:left;
  width:calc((100% - 20px)/3);  
  min-height:215px; 
  cursor:pointer;
}
.small_course_item .image img 
{
   width:100%;  
   border-top-left-radius:5px;
   border-top-right-radius:5px;
   -webkit-border-top-left-radius: 5px;
   -moz-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -moz-border-top-right-radius: 5px;
}
.small_course_item .title
{
    margin:10px; 
    font-size:15px;
    color:#333333;
}
.big_courses .big_course_item 
{
    margin-top:10px;
}
.big_courses .big_course_item 
{
    padding:20px; 
    cursor:pointer;
}
.big_courses .big_course_item .title 
{
    font-size:25px;
    font-weight:bold;
    color:#333333;
}
.big_courses .big_course_item .age 
{
   font-size:15px;
   color:#ff505a;  
   margin-top:5px; 
}
.big_courses .big_course_item .image 
{
    margin-top:15px;
}
.big_courses .big_course_item .image img
{
    width:100%;
}
.big_courses .big_course_item .des 
{
    margin-top:15px;
    font-size:15px;
    color:#333333; 
    line-height:25px; 
}
.big_courses .big_course_item .more 
{
    text-align:center;
    margin-top:15px; 
}
 .big_courses .big_course_item .more .more_btn 
{
   border:1px solid #AAAAAA;
   display:inline-block;
   color:#959595;
   font-size:13px;     
   border-radius: 999em;
   -webkit-border-radius: 999em;
   -moz-border-radius: 999em;
   padding:5px 10px;
}
.big_courses .big_course_item .more .more_btn span 
{
    display:inline-block;
    vertical-align:middle;
}
.big_courses .big_course_item .more .more_btn img 
{
   width:13px;  
   display:inline-block;
   vertical-align:middle;
}
.peanut_classroom_title 
{
    font-size:30px;
    font-weight:bold;
    color:#333333;
    margin-bottom:20px;   
    margin-top:10px;
}
.peanut_classroom_bottom 
{
    margin-top:20px;  
}
.peanut_classroom_bottom img 
{
    width:100%;
}
.single_course_content 
{
    padding:20px;
    margin-top:10px; 
}
.book_units 
{
   margin-top:20px;
}
.book_units_title 
{
  margin-top:30px;
  margin-left:10px;
  font-size:20px;
  font-weight:bold;
  color:#333333;   
}
.book_units_title2
{
  font-size:20px;
  font-weight:bold;
  color:#333333; 
  padding-left:20px;
  padding-top:20px;  
}
.book_units_more 
{
  float:right;
  line-height:58px;  
  position:absolute;
  right:20px;
  font-size: 16px;
  color: #3377AA; 
}
.whitepaper_article_item .item_title 
{
    color: #3377AA;
    font-size: 14px;
    line-height: 21px;
}
.whitepaper_article_item {
    margin-bottom: 10px;
}
.review_bg 
{
    background-color:rgb(246,246,246); 
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    margin-bottom:20px;
}
.review_bg .review_content1 img
{
   display:inline-block; 
   width:10px;
   vertical-align: middle;
}
.review_bg .review_content1 div
{
   display:inline-block;
   color:#333333;
   margin-left:3px;
   vertical-align: middle;
}
.review_bg .review_content2
{
    color:#333333;
    margin-top:3px;
}
.review_other 
{ 
   text-align:center; 
}
.review_other .content 
{
   display:inline-block;  
   margin-top:150px; 
}
.review_other .img img
{
   width:50px;
}
.review_other .text 
{
   margin-top:5px;
   font-size:20px;
   color:#999999;
}
.selected_topics 
{
    margin:0px 10px 10px 20px;
}
.selected_topics_title 
{
    margin-bottom:10px;
    font-size:12px;
    color:#666666; 
}

.selected_topic_item 
{
    font-size:13px;
    background-color:#ECECEC;
    display:inline-block;
    padding:5px 8px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-right:10px;
    margin-bottom:10px;
}

.recommended_reading_title {
    font-size: 11pt;
    color: #999999;
    margin-bottom: 15px;
    margin-top: 5px;
}
.recommended_reading_item + .recommended_reading_item {
    margin-top: 10px;
}
.recommended_reading_item .title {
    font-size: 16px;
    color: #333333;
    margin-bottom: 5px;
}
.recommended_reading_item .count {
    font-size: 12px;
    color: #999999;
    margin-bottom: 5px;
}
.blog_catalogue_foraddarticle 
{
  position:fixed;   
  top: 168px;
  width: 180px;
}

.blog_catalogue_add div 
{
   color:#ff505a;
   border:1px solid #ff505a;
   background-color:White;
   font-size:14px;
   width:100px;
   height:30px;
   text-align:center;
   line-height:30px;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   cursor:pointer;
}
.tb_add_catalogue 
{
   width:420px;  
}

.tb_add_catalogue .catalogue_input 
{
   width:calc(100% - 40px);
   height:34px;  
   margin-left:15px;
   margin-right:15px;
   border:1px solid #999999;
   border-radius: 17px;
   -webkit-border-radius: 17px;
   -moz-border-radius: 17px;
}
.tb_add_catalogue .catalogue_input #addCatalogueName 
{
    height:32px;
    border:0px;
    margin-left:17px;
    outline:none;
    width:calc(100% - 100px);
}
.tb_add_catalogue .catalogue_input .word_limit 
{
     font-size:12px;
     color:#999999;
}
.tb_add_catalogue .catalogue_input .word_count 
{
     color:#ff505a;
}
.card-header-padding 
{
    background-color: #f6f6f6;
    height:10px;
    display:none;
}
.write_blog_tip
{
    font-size: 15px;
    color: #ff5050;
    font-weight: bold;
    margin-bottom: 15px;
}
.write_blog_tip img
{
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.blog_tip_content
{
    font-size: 15px;
    color: #333333;
    margin-bottom: 25px;
}
.blog_tip_content span
{
    font-weight: bold;
}

.home_feed_noteitem 
{
   display:block;
}

.home_feed_noteitem .title
{
    color: #1a1a1a;
    font-size: 17px;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
    text-align: left;
}
.home_feed_noteitem .content
{
    color: #666666;
    font-size: 11pt;
    line-height: 20px;
    margin-left: 15px;
    margin-right: 15px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.home_feed_noteitem .feed_image, .content_text .feed_image
{
    width: 550px;
    margin-top:5px;
    display: inline-block;
}
.home_feed_noteitem .feed_image .image_item, .content_text .feed_image .image_item
{
    float: left;
    width:160px;
    height:160px;
    margin-bottom: 5px;
}

.home_feed_noteitem .feed_image .image_item img, .content_text .feed_image .image_item img
{
    width:100%;
    height:100%;
    margin-top: 5px;
}
.home_feed_noteitem .image_padding, .content_text .image_padding
{
    margin-right:5px;
}


.home_feed_noteitem .feed_image1
{
    width: 550px;
    margin-top: 5px;
    display: inline-block;
}
.home_feed_noteitem .feed_image1 .image_item1
{
    float: left;
    width: 160px;
    height: 160px;
    margin-bottom: 5px;
}

.home_feed_noteitem .feed_image1 .image_item1 img
{
    width: 100%;
    height: 100%;
    margin-top: 5px;
}
.home_feed_noteitem .image_padding1
{
    margin-right:5px;
}

.home_feed_noteitem .feed_action
{
    margin-left: 15px;
    margin-top: 15px;
    text-align: left;
}
.home_feed_noteitem .feed_action_item
{
    height: 20px;
    display: inline-block;
    margin-right: 15px;
}
.home_feed_noteitem .feed_action_item img
{
    float:left;
    width:20px;
    height:20px;
    margin-right:3px;
}
.home_feed_noteitem .feed_action_item span
{
    float:left;
    height: 20px;
    font-size:13px;
    color:rgb(186,186,186);
    text-align: center;
}
.home_feed_noteitem .single_note_topics
{
    float:left;
    margin-top:10px;
    margin-left:15px;
    margin-right:15px;
    padding:3px 10px 3px 10px;
    background-color:#f2f2f2;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
}
.home_feed_noteitem .single_note_topics img
{
    float:left;
    width:14px;
    height:14px;
    margin-right:5px;
    margin-top:3px;
}
.home_feed_noteitem .single_note_topics span
{
    line-height:20px;
    color:#333333;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:13px;
}
.home_feed_noteitem .bc_rating_star, .experience_userinfo .bc_rating_star
{
    margin-top:10px;
    margin-bottom: 10px;
    display: flex;
}
.home_feed_noteitem .bc_rating_star img, .experience_userinfo .bc_rating_star img {
    width: 12px;
    height: 12px;
    margin-right: 1px;
}
.home_feed_noteitem  .note_content {
    width: 100%;
    text-align: left;
}
.anli_resource_filmanimation {
    margin-bottom: 15px;
}
.home_feed_noteitem .content_text 
{
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.7;
    color: #444;
}
.content_text a
{
    color: #3377AA;
}

.content_text span, .home_feed_noteitem .content_text a span
{
    color: #444;
    font-size: 16px;
}

.home_feed_noteitem .content_text:hover, .home_feed_noteitem .content_text span:hover
{
    color: #666;
}

.home_feed_noteitem .resource_title 
{
    font-weight: bold;
    color: #333333;   
}

.index_exp_contentaction .collection-tag-red img, .exp_contentaction_item .collection-tag-red img, .collection-tag-black img
{
   width:14px;  
   height:14px;
   margin-bottom:2px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.index_exp_contentaction .collection-tag-red span 
{
   line-height:14px;
}
.note_image_more 
{
  margin-top:5px;   
}
.note_image_more a 
{
  color:#21639a;
}
.note_image_more img 
{
  width:12px;
  height:12px;
  margin-bottom:2px;
}

.all_search_more
{
    margin-bottom: 20px;
}
.all_search_more .type_name
{
    display: inline-block;
    font-size: 15px;
    color: #333333;
    font-weight: bold;
    line-height: 20px;
}
.all_search_more .view_more
{
    display: inline-block;
    float: right;
    font: 13px;
    color: #3377AA;
}
.panel-card
{
    border-radius: 4PX;
    cursor: pointer;
    background: #fff;
    font-size: 14px;
}
.panel-card .inner 
{
    height: 80px;
    margin: 10px 20px;
    display: block;
    color: #555;
}
.panel-card a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    touch-callout: none;
    -webkit-touch-callout: none;
    color: #555;
}
.panel-card a:hover 
{
    color: #3377AA;
}
.panel-card .inner .picture {
    position: relative;
    margin: 0 10px 0 0;
    overflow: hidden;
    float: left;
    background: #f8f8fa;
    width: 80px;
    height: 80px;
    border-radius: 4PX;
}
.panel-card .inner .picture .photo {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
.panel-card .inner .picture i {
    font-style: italic;
}
.panel-card .inner .content {
    float: left;
    width: calc(100% - 80px - 10px);
    margin: 3px 0 0;
}
.panel-card .inner .desc {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin: 0;
}
.panel-card .inner p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.panel-card .inner .info {
    margin: 15px 0 0;
    color: #999;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 15px;
}
.panel-card .content .info img {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.panel-card .info .user_name {
    margin-left: 8px;
    margin-right: 5px;
    color: #3377aa;
    line-height: 15px;
}
.panel-card .info .child img
{
    width: 12px;
    height: 12px;
    margin-left: 5px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
.panel-card .info .child span
{
    font-size: 12px;
    color: #999;
    margin-right: 0px;
}

.s_note_roundtable
{
    margin-left: -20px;
    margin-bottom: 15px;
}
.s_note_roundtable img
{
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 6px;
}
.s_note_roundtable .roundtable_title
{
    float: left;
    margin-left: 10px;
}
.s_note_roundtable .roundtable_title span
{
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}
.s_note_roundtable .roundtable_summary
{
    font-size: 15px;
    color: #3377AA;
    font-weight: normal;
    margin-top: 5px;
}
.roungtabl_line
{
    height: 1px;
    background: #ddd;
    margin-bottom: 15px;
}

.s_note_title
{
    font-size:20px;
    font-weight:bold;
    text-align: left;
    color: #333333;
}
.s_note_content
{
   color: #333;
    margin-bottom: 20px;
    font: 16px/1.8 "Microsoft YaHei" ,Arial,Helvetica,sans-serif, "宋体";
    letter-spacing: 1px;
}
.s_note_content pre 
{
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    display: block;
    font: 16px/1.8 "Microsoft YaHei" ,Arial,Helvetica,sans-serif, "宋体";
    margin: 1em 0px;
}
.s_note_content_padding
{
}
.s_note_topics
{
    float:left;
    padding:3px 10px 3px 10px;
    background-color:#f2f2f2;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
}
.s_note_topics:hover
{
    background-color: #eaeaea;
}
.s_note_topics img
{
    float:left;
    width:14px;
    height:14px;
    margin-right:5px;
    margin-top:3px;
}
.s_note_topics span
{
    line-height:20px;
    color:#333333;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:13px;
}
.s_note_time 
{
    text-align: left;
    font-size: 13px;
    color: #999999;
}
.roundtable_css .head {
    padding-top: 20px;
    padding-bottom: 20px;
}

.roundtable_css .head .topic {
    width: 100%;
    height: 28px;
    display: flex;
    margin-bottom: 20px;
}

.roundtable_css .head .topic .collection-tag-red
{
    padding: 0 10px;
    line-height: 28px;
    text-align: center;
}

.roundtable_css .head .topic .single_topic {
    height: 28px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 28px;
    text-align: center;
    color: #ff5050;
    background-color:#FEE9E9;
    font-size: 10px;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    cursor:pointer;
}
.roundtable_css .head .topic .single_topic:hover
{
    background-color:#FEE0E0;
}

.roundtable_css .head .title {
    color: #333;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
}

.roundtable_css .head .introduction 
{
    text-align: left;
    color: #333;
    margin-top: 15px;   
    font-size: 15px;
    line-height: 25px;
}

.roundtable_css .head .intro_expand
{
    display:block;
    overflow:auto;
}

.roundtable_css .head .intro_collapse
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;
}

.roundtable_css .head .introduction_more 
{  
    text-align:center;
    margin-top:10px;
}

.roundtable_css .head .introduction_more a 
{
    color:White;
    display:inline-block;
    padding:0px;
    margin:0px;
    vertical-align:middle;
}

.roundtable_css .head .introduction_more img
{
    width:12px;
    height:12px;
    padding:0px;
    margin:0px;
    display:inline-block;
    vertical-align:middle;
}

.roundtable_css .column_title {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    color: #999999;
    font-size: 15px;
}

.roundtable_css .single_column {
    display: flex;
    text-align: left;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor:pointer;
}

.roundtable_css .single_column .column_no {
    font-style: italic;
    margin-left: 20px;
    font-size: 20px;
    color: #666666;
}

.roundtable_css .single_column .column_name 
{
    margin-left:10px;
    color: #333333;
    font-size: 17px;
}

.roundtable_css .single_column .column_count {
    margin-left:5px;
    color: #3377AA;
    font-size: 13px;
}

.roundtable_column_css .roundtable_column_title {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18pt;
    color: #333333;
    font-weight: bold;
}

.note_single_book {
    background-color: #f4f4f4;
    padding: 10px;
    cursor:pointer;
}
.sb_cover {
    float: left;
}
.sb_cover img {
    width: 50px;
    height: 75px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.sb_info {
    float: left;
    margin-left: 10px;
    text-align: left;
    width: calc(100% - 60px);
}
.sb_info .sb_name {
    font-size: 15px;
    color: #333333;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.sb_info .sb_detail {
    font-size: 12px;
    color: #999999;
    margin-bottom: 3px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.sb_info .sb_authorandpress {
    font-size: 12px;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.note_more_book {
    text-align: left;
    width: 100%;
    white-space: wrap;
    overflow-x: hidden;
}
.note_more_book .mb_item {
    display: inline-block;
    width: 100px;
    vertical-align: top;
    cursor:pointer;
}
.note_more_book .mb_item .mb_cover {
    width: 100%;
}
.note_more_book .mb_item .mb_cover img {
    width: 100%;
    height: 129px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.note_more_book .mb_item .mb_name {
    margin-top: 4px;
    color: #333333;
    font-size: 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.bottom-gap .carousel {
    position: relative;
    background: #fbfbfb;
    overflow: hidden;
    border-radius: 4px;
}

.bottom-gap 
{
 
}

.bottom-gap * {
    box-sizing: border-box;
}

.bottom-gap ul {
    margin: 0;
    position:relative;
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.bottom-gap .carousel .slide li {
    position: absolute;
    z-index:999;
    list-style: none;
    display: list-item;
    text-align: -webkit-match-parent;
    margin-left:calc((100% - 500px)/2);
}

.bottom-gap .carousel .slide li .inner {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 0 0 -40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}

.bottom-gap .carousel .change-pic {
    height: 100%;
    width: 100%;
    position: relative;
    z-index:100;
}

.bottom-gap .carousel .change-pic .left {
    left: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAABGdBTUEAALGPC/xhBQAACuFJREFUeAHVm2tsFccZhmNMjWu7xHXbuG0KODaX2JBASVIDzQ9S3HCpAxjJQlUliqCVAIVKbSUkVMp/+IEEEfCfSxGqCipqWiFAQjQJAlQaXKAiYHExiJqbMWAb4wt9n/V+y3p9Lj5n99iHkT7PzO7MN+/77tx29jjnlaEJOYFmgvnAbS/73Ev1JYL5wO3w2cECS6cl8+2PSZvh0+4F/RtxYr9Rzn8vWC90Ph6gdB2bPyNt8YgdO3YULFmy5P3CwsLpeXl5E0aMGDFRVpqTk1OE0eDz58+fYL29vc2yr549e3a5ra3t7IEDBz5bs2ZNu4r0Uixgynoikc6K4BEXmlzZ12Sjjhw5MvbRo0frurq6PhfRTlm6oRMf+MInvt02aGuEzNpXcniDAQGUCZF/48aNDzs7O/8h9l3pKpCgXhe+aUNt5ssQPyuEMTE8IZqamubrSX6RgEykt2hLbc4LCGO4dHlogjVIrxgpG3X06NHyp0+f/jlStik4o20wgMXFNGTDyC8GXTVfT2iJJsDWFPBnpCgYwAImGdgyLoqJwRDJkxU8ePDgD2LXkxGG6TntARPYXIxgNdxKRhdwiuKOGKtXr/5me3v7n9LDnPlaYAOj8PLgwGy9RcnwwRTG8ah9+/aVaX9wOvO0wrUARrCCWRZZT+knxsqVK0teBjFMSrCCOSpR/GLQ9YqePHmyzxp7WWIwg11mw8d46VJqgYqMPRwV3r17948viwhBnGCHg8slrfnExGD5Krh8+XK9Ghmy1aS1tbVx7dq1K+bNm1d/8+bNKDZ6PXCAi8y/JCubPFiXYtOVv3v37klDuc/Q+8qVOXPm1KrtWVhxcfHsW7du8S4UKsABLnCSwc14Kpk4UNBZURR/4/HjxwdCIUmhMmLMnTuXrfh02duuvVNXV1ebgpu4ReECJ5l/5VH2RWA8+YOpxvXchoaGnxQVFdX5C2QqLbCNS5cuXXP48OFbauOxa22K26dOncpTDR3gcu7cuQ/kyL83gXPcYL0DAMUdHR2n4sod4Q16xoIFC36qNqfIymXfl5USr1ix4l1ttL6Kqjk4yW+xDI62P1FyYEAMegaTTtGZM2cWRQUikZ+AGG+obYRg71CyYcOGSr3qX0xUP517cIOjLOEE2693aP0+kk5jqdTxiTFZ4EwMttyvbtmyZbw2VhdS8TfYsnBTG0l7ifWOwk2bNlXKeSYOdzzMCcQYvW3btopMieEC6IKjRGFvYr1EyRfBegez76t6jd7oIc9AYpjFcBjBEa6ymCsOgrA2f132LU1iGZtMs0EMFIEjXF3Oti9Rti/YcClavHhxmcqHORB2nkCsP9kihoutE66i759cHTXoHQjiDJdTp079PBaZsNeyTAyHDlzF24YNGqCF84f1mHW55Pr165vCkg/Wz0YxwAhXOLvcvT2JzR+8+Hz73r17fwkSCpPPVjHgBFc4y+DuzSMI4mzGFJfqS9m/wwjgr5vNYoATrnCW2TziDBnGDmcevPR8TzvDm35S6aazXQx4wRXOLnc0QAvvEIjJ5fXu7u6WdEWwej4xeDd5Q8ZTYAc6FJsug5E0hqswvS6Dez9BWGHYyo7RucGzpJ4SFECM+fPnfyhffjHwPVofvMszvANNgGzgLbjCWQY+NPB6SGSCbNy48Rdy/JbMegbqF61ateo1fXo8PxDW8F2JJYi39go0E0qOCnEGkXYoKytjt9spe+rGXYp7z5492yNB7iqdNcHl6vB2QZH2TscY42PDTqoi3bx169YP5Os7MmZv9jcsayUzZ84cr/PSfw5fn+jfsjup8vMKuDNK2It4u1RnDtGr8Zf9q6We02T1v4MHD/5IvvsJovyYyZMnT9P6fzJ1r9HXgCuYZN4c4kwiuuAFFbrmZdJM5Obmli5cuPCvOg6cJBe2A+TXP90XLlxomzFjxm8lCi9XwxpicTVB7GdKvQ8fPrwaBUr9XOq7NTU1fzt27Bii0A6CMJ88vXLlSqtE+d2dO3dOKz9sweUKLuPft8y4iLjRK7Dno0KIKLNnz/5UPWWi67NbMRNue2Nj48NZs2YNqyguV4e3nzMzq7d1r66ufpvlKMoR29PTc1uivKN2RssYr6/JxsmqKioqftzc3Jyx85d4POAIV2EYsHVHEF5snJc7xRVaCf4Vz1G617NNFDjCVdbv5c4/h1jX6b569epRFYw02JyinjJBjmmLXWKHrE3Dp2Woh4/LkSFsvJlHnEAPQRjWYed9ZtmyZe+rJ2TkkDlLekoXHMXX3mPgjgZo4QQy3jyi9AR9MT+R7vBIVm+4RYEbHGX++QMNvGDzCNtuDl7L9u7duzwZsTD3h1MUuMFRFveQGUHYQNmw4VNipdbpyA6LYok3HKLACW4yODJFwNk2j0q+CDZs+HjDe0jFnj17fh2LSJTXhloU/STiV3BzOcb9UKX7zoSCUs6HbsU/kFXptxmHoxQglq9komjMn4lVL9VrcIGTy439UMIP3gwb6yW8lLF5KtdsXKOXtcepNp5q+RiiMOGVyaYsX778o1T9BcvDAS5wksENjiwkcIZ7zGBzifUSlqU39+/f/xs1kPGfVPlEYWzzSs555/j169cvDBJMMd8DB7jI4JS0d6iME/y9xHauZboz5fTp01tTBJFWcUQ5dOjQe2qT7yWlixYtektvpQ1pOXMrgR0OsjKZ7UyT9g6VdYL1EmZfTuLpukxC0/Rh59MwwAZbF1HOnz//y+PHj9fpBy7/GWy9WOXADHaXA1zgFHdl0b0BAUEw3m9s6LBETdTxYHVLS0sogLFAZ+oaWMEMdhkcbKjAzXgqmTxQ2CZYhg7dl1XnTXXhmpdBFDCCFcwudjjAZdBDRWX7BRMlT1dZr9nVjZVVjhs3bua1a9f+nqknG9Yv2MAIVhcz2OEAl4Sriu7HDdal2JvgiGWKCckRRfG7J0+e/ETgM776pCBQD5jAJjMxwAx2OMDFeCmZerDKOGIi8otCV5y+a9eu3w/FPiWZKGAAC5hkYOPBmRj+SRROoUIsUeiCzCkTZdPq6+t/pn8KzPiP9OKJQttgAIuLCWxg5AFGKob8OQFRGHs2fBiPTFLM3BWyKbL3du7c+fH9+/dD7RnikY51nbZok7ZdDGABE9hszgBz2vOG6sYN/p7CeGTGZhmzLTbdlCdUvX379o9v3779hc4tu2MRCXMNn/imDdpy26TtMhlYwAS2SOYM+UkYTBRbkvNVmo0OY5UtcbmsSvZDWXVtbe1HJ06c+ETfYBrCHFxTFx/40i+ea/HttkFbtEnbYAALmPxLK5gHHVIq7Hq1OsQIQ5fEeCJmjFtLA27kpEmTCtatWzetqqqqsrS0dIz+y2FMfn5+yciRIwtkHEy9oomxQ9aufzt9oHOLJp3GN128ePG/mzdv/vLSpUvtFJF1yZ65xicNSxP3uMY5qZ2RWqxLyYORS15yYAmriygmDDtADBEQhNiM6yaef1ybH912AgQwSBlBYhMDQUwUYq5jlKEORkhJiL4qCV57rUCS2MgQYyYMhE2cYGximJDmw5oyMYyciWHE/bEJRlkTEj9piUHFIBiupRPMDzFmZP0CmRAWWxnas/pGxMQgtidv5C1vZSIRAhAEA9KXC//X/BH7DfLkTQS7R55AnuAXxIj6iZO26xb765EOFQxIKCdxKptvf0zajGp2L+jChDHSFlPOfy9YL3Q+HqDQjgMOgu0E84HiXtbI24Vg3q5HFv8fSuQ66rp3N2IAAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
}

.bottom-gap .carousel .change-pic .left, .carousel .change-pic .right {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
}

.bottom-gap .carousel .change-pic .right {
    right: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAABGdBTUEAALGPC/xhBQAACtdJREFUeAHVm2tsFccZhvGl4NpucGlTt02BUxswNk6gJKmB5gcpNBjqAkayUKWKVtBKgEKlphJ/Siv+wg8kiID/XIpQVVBR0goBEqIhyEahwQEqAhYXg6i5g8HG977Per/N+vicY/vsnnPMSJ9nZ3f2m/d9d+ab2dnjrDHpSVlRzUSXoy57xT7vqP8guhx1OXhxuMCSacl8+3OOzfBp16L9G3Fyv1HPfy36vsDleICSdWz+jLTl2bt27cpfsWLFOwUFBbPHjh07NTs7e5qsOCsrqxCjwb6+vmdYb29vi+zLzs7OK8+fPz936NChT9avX9+mKr1UizIVPZE4HhXJIy40ObKvycYdO3Zs0tOnTzd2dXWdFtEOWbKpAx/4wie+3TZoK1tm7esws8mAAMqEyLt58+Z7HR0d/xL7rmQVSHBfF75pQ23myRB/VAhjYnhCNDc3L9aT/DQBmVAv0ZbarI4SxnDpdHqSNUivyJWNO378eMmLFy/+FirbETijbTCAxcWUtmHkF4OumqcntEIB8MkI8KekKhjAAiYZ2FIuionBEBkry3/48OGfxK4nJQyTc9oDJrC5GMFquHUYXsIpijtirFu37pttbW1/TQ5z6u8CGxiFlwcHZustOgyeTGEcjztw4EBE64OG1NMK1gIYwQpmWWg9ZYAYa9asmfAyiGFSghXMYYniF4OuV/js2bMD1tjLkoMZ7DIbPsZLp0aWuJGxh6OCe/fu/fllESEaJ9jh4HJJKp6YGExf+VeuXKlTI4Fnk1u3bp2urq6u27Bhw+onT540RQNPYbkHDnCR+adkFYdO1qVYdOXt3bu3LIx1xu3bt08XFRXNl8952IIFC2r0bnI1hSIMcA0HuMBJBjfjqcPEiYrOjKL8G62trYcGeE6yUFtbWyN/b8recG32okWLqtMpClzgJPPPPCp+lRhP/mSqcT6nsbHxp4WFhbX+Cskez5w5kyfDK/xzWSt29OjR2ytXrlwvoE0qpzzB5fz58++qIf/aBM5xk/UOwBe1t7fXJ9khBt2mxdKXq1evfkt+vy8rdvMS5ZVLliz5Wbp6CpzUZpEMjrY+0eHghBj0DIJO4dmzZ5cNYhXwhF7bL23atKlc/lkbYAjzQ1laRYGb2mQqThhgB/QOzd/HAvKPebsWSxe3bds2RWDGy1hemygz0tVT4KZ2h+wl1jsKtmzZUi42qdjccURClB07dpQK1CsZEqULjmqbtYn1Eh1+lax3EH3H6zX6LzEfb4gnMy0KHOEqiznjIAhz89dl31IADC2YJtIwk6LAEa4uZ1uXqNifbLgULl++PCISQTaEE2kw6FoGRemAq+j7g6ujBr0DQZzhUl9f/8tBqFN8IlOiwFW8bdigAVo4f5iPmZcn3LhxY0uK+cd0nwlR4Apnl7u3JrH4wYvPt+/fv//3mIjTcDLdosAVzjK4e3EEQZzFmPJifSn7Txq4x20inaLAFc4yiyPOkGHssOfBS8/3tJq8FRdtmi6kSxS4wtnljgZo4W0CEVxe6+7ufpQm3gmbSSBKaMt8uMJZBvcBgjDDsJSdqH2DzoRI03gRUfSRvES4WNGCz5b5lYsXL34v6AshXOHs+kYDr4eMSkHQXp8rL6xdu/Y7Ass450maKK9v3rz5V0GeTyxBUMQJJG6epUrsV4yaJEHunTt3rkeA+ClEl6xD9oJ88uTJrKyTTi5X+Ps18HbHePOcNBqCqj117bv+e+7cuVOEi7UCUyNrJXrKq9u3b39XYrVY3WRyN6jy8wq4M0pYi3irVCeG6NX482Sch32P1ghnZsyYMUv4GOMDBDl8+PCPFRD/F7RNuLr+4e7EECeIqOAlVbruFTJ0IDHq58yZ84eLFy8yfLtlDBe6dY62HcuWLl36j5ycHGJJoBSLqwliP1Pqffz48bVArQS8+e7duw0S44OrV68+kStiBXEDQbJPnDhRtnDhwo/0U6zvqhw4uVzxbfz7pxnXMxd6BeRC4JaSdIAY8+bN+6CpqemxXLAhTQClh4xRz5g2f/78j8MSA58uV4c3ZUt0RW/pXlVV9QbTUdDxOdL7W1pa6ktLS38iLBWyyTKmWsb2KxLjzZ6enjsj9ZmoPhzhKv+Dlu4IwouN83KnvFTR/bNEzsK+lm4xwA9HuMoGvNz5Y4h1ne5r164dV8W0JN8wYRlNEG2XsYLsVc+YGmbMkE8vuRwtYFscca7TQxCGaYeV4GurVq16RyKmbJPZelgmeobbdhcc4epydqZcHaOFkxDEiyM6nqov5qcMeCryDIrRBzc4yvzxw0aLTvcrQxxxNpmVR/bv3/+bVAiBz0yKQftwg6Ms7iYzXYVlqw0bPjeWa54OfbMo02LACW4yOBIi4OxtH+rYSzZs+Hjzqqx03759v0PRsFKmxYCHfhLxW7i5HON+qNL1/qWxcudDt/IfyCr0u46jYQiicXs2neuMWJjhAieXG2uchB+8bbax4MrCqETReKFepFpjNTCSc/JTI3+VsoiMYJayRVcsXHCAi9otkdn+ClwZGXCPmSyWWC9hWpp+8ODB36uRQD+p2rhx41L5miJjD5PX7fGpWIHGEgPscFCb02VwGrJ3qI6T/L3EVq4RXalsaGjYHqexYZ3Wm2XjsmXLXpcveseEI0eOvB32cjweELDDQRaR2cp0yN6huk6yXkL0ZSceAgShWfqw83G8RodzXj9W+eLkyZO1Fy5c+HW6xAAz2F0OcIFT3JlF1wYlBMFYl9jQYYqaFolEqh49evTFcMiPhjpgBTPYZXCwoQI346nDoROVbRpm6LBjxawzXd1+4csgChjBCmYXu+26DXuo6L4ByUThewXzNau6SbJybe7OvX79+j9HQy+IhQFsYASrixnscLBvL3AbcbIuxSoOR2zuEpAcUZS/debMmQ8FKNDsE4tQgHM9YAKbzMQAM9jhYCvSpATR/d44wxGByC8KXXH2nj17/hjGOiWACM6tYAALmGRg48GZGP4gmrQY8uckf08xUeiCxJRpsll1dXU/1z8FpuRHesMRirbBABYXE9jAyAMMVQz5cxKiEGRt+DAeCVJE7lJZpezt3bt3v//gwYPG4ZAIow5t0SZtuxjAAiawWcwAc8LVqK4nlfw9hfHI7MM0xtwekdFNeUJVO3fufP/OnTufat+yOwzifh/4xDdt0JbbJm1HZGABE9hCiRnykzCZKDYl56k2Cx3GKkviElmF7Eeyqpqaml+cOnXqQ31naQyycc29+MCXfstag2+3DdqiTdoGA1jA5J9awTzsNKLKrle7hxxh6JIYT8SMcWvHgMstKyvL1/vMrIqKivLi4uKJ+s+IiXl5eRNyc3PzZWxMjVFgbJe16d9OH2rfolnbBc2XLl3679atWz+/fPkynyW6ZV2yTtf4TGHH5HwDtu/AfGshWd5fGuKvkRuiWszLdi+imDCsADFEQBByM86beP5xbX502Un20YiNXyNIbmIgiIlCznnMhOA+0oiE6L8lwWuvVRgiNzLkmAkDYRMnOjcxTEjzYU1BBFJmJoYR9+cmGHVNSPwkJQY3RoPhXDLJ/JBjRtYvkAlhudWhPbvfiJgY5PbkjbyVrU4oQgCCZED6S8H/mj9yv0Gesolg1yiTKJP8ghhRP3GO7bzl/vs4DpQMSCAncW423/6cYzNus2vRLkwYI2059fzXou8LXI4HKLDjKAfR7USXo6p7RSNvJ6LLdj60/P/8LzrdOFigxQAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain;
}

.bottom-gap .small-pic {
    margin: 10px 0 0 calc((100% - 500px)/2);
    text-align: center;
}

.bottom-gap .small-pic .each {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 0 5px 0 0;
    border-radius: 4px;
    opacity: .6;
    transition: opacity .8s ease;
    cursor: pointer;
}

.bottom-gap .small-pic .each .img {
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 3px;
}

.bottom-gap .small-pic .each.active {
    box-shadow: 0 3px 8px 0 rgba(255,82,103,.5);
    border: 1px solid #ff2741;
    opacity: 1;
    transition: opacity .8s ease;
}

 .roundtable_picture {
    display: flex;
    flex-wrap: wrap;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 5px;
}
.roundtable_picture .roundtable_picture_item {
    width: 208px;
    height: 208px;
    padding: 0;
    margin-bottom: 5px;
}
.roundtable_picture .roundtable_picture_item .item_img {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border-radius: 4px;
}
.roundtable_more_book {
    margin-top: 20px;
    text-align: left;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling:touch;
}
.roundtable_more_book .mb_item {
    display: inline-block;
    width: 100px;
    vertical-align: top;
}
.roundtable_more_book .mb_item .mb_cover {
    width: 100%;
}
.roundtable_more_book .mb_item .mb_cover img {
    width: 100%;
    height: 129px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.roundtable_more_book .mb_item .mb_name {
    margin-top: 4px;
    color: #333333;
    font-size: 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow:ellipsis;
}
.home_topic_model .topics 
{
    margin-left:20px;
    margin-right:20px;
    margin-top:15px;
}
.home_topic_model .topics .topic_title
{
    float: left;
    width: 40px;
    padding:3px 5px 3px 5px;
    margin-right:5px;   
    font-size:17px;
    font-weight:bold;   
    color:#121212;
}
.home_topic_model .topic_content
{
    float: left;
    width: calc(100% - 60px);
}
.home_topic_model .topics .topic_item 
{
    display:inline-block;
    padding:5px 10px 5px 10px;
    margin-right:5px;
    background-color:#F2F2F2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom:8px;
}
.home_topic_model .topics .topic_item a
{
     font-size:15px;
     color:#333333;
}
.home_topic_model .topics .topic_item a:hover
{
     color:#3377AA;
}
.home_topic_model .topics .topic_more 
{
    display:inline-block;
    padding:5px 10px 5px 10px;
    margin-right:5px;
    background-color:#F2F2F2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom:8px;
}
.home_topic_model .topics .topic_more a
{
    font-size:13px;
    color:#999999;    
}
.home_topic_model .topics .topic_more a:hover
{
     color:#3377AA;
}
.home_topic_model .topics_bottom 
{
   height:20px;
}
.card-header-title
{
    float:left;
}
.card-header-more 
{
    float:right;
}
.card-header-more span
{
    font-size: 13px;
    font-weight:normal;  
    color: #3377AA; 
    display:inline-block;
    vertical-align:middle;
}
.card-header-more img
{
    width:20px;
    height:20px;
    display:inline-block;
    vertical-align:middle;
}
.card-header-question
{
    height: 30px;
    background-color: #ff5050;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
.card-header-question span
{
    font-size: 15px;
    color: White;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 30px;
    text-align: center;
}
.roundtables 
{
   margin-left:20px;
   margin-right:20px;  
}
.roundtables .roundtables_item 
{
    display:block;
    float:left;
    width:calc((100% - 20px)/3);
    height:125px;
     border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.roundtables .roundtables_item .title2 
{
    padding:10px 10px 0px 10px;
    height:calc(125px - 10px - 10px - 24px - 15px);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.roundtables .roundtables_item .title
{
    font-size:16px;
    font-weight:bold;
    color:#121212;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
.roundtables .roundtables_item .title:hover
{
    color: #906651;
}
.roundtables_bottom 
{
  height:20px;  
}
.roundtables .roundtables_item .info 
{
     margin:10px 10px 0px 10px;
}
.roundtables .roundtables_item .info .users
{
    
}
.roundtables .roundtables_item .info .count
{
    font-size:12px;
    color:#666666;
    display:inline-block;
}
.box_shadow .card-section .card-item a:hover{
    text-decoration: underline;
}
.home_feed_title 
{
    width:calc(100% - 57px - 190px - 10px);
}
.home_feed_title2 
{
    width:calc(100% - 57px);
}
.home_feed_no 
{
    float:left;
    font-weight: 600;
    font-synthesis: style;
    line-height: 1.6;
    font-size: 18px;
    color: #999;
    width:57px;
    text-align: center;
}
.a_index_exp_content:hover
{
    text-decoration:underline;
}

.home_topic_model2 .topics 
{
    margin-left:20px;
    margin-right:20px;
    margin-top:15px;
}
.home_topic_model2 .topics .topic_title
{
    padding:3px 5px 3px 5px;
    margin-right:5px;   
    font-size:15px;
    font-weight:bold;   
    color:#121212;
    margin-bottom:5px;
}
.home_topic_model2 .topics .topic_title2
{
    padding:3px 5px 3px 5px;
    margin-right:5px;   
    font-size:14px;
    color:#999;
}
.home_topic_model2 .topics .topic_item 
{
    display: inline-block;
    padding: 5px 10px 5px 10px;
    margin-right: 5px;
    background-color: #F2F2F2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 8px;
}
.home_topic_model2 .topics .topic_item img
{
    width: 15px;
    height: 15px;
    margin-right: 5px;
    margin-bottom: 2px;
}
.home_topic_model2 .topics .topic_item a
{
     font-size: 15px;
     color: #3377AA;
}
.home_topic_model2 .topics .topic_item a:hover
{
    color: #ff505a;
}
.home_topic_model2 .topics .topic_more 
{
    display:inline-block;
    padding:5px 10px 5px 10px;
    margin-right:5px;
    background-color:#F2F2F2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom:8px;
}
.home_topic_model2 .topics .topic_more a
{
    font-size:13px;
    color:#3377AA;    
}
.home_topic_model2 .topics .topic_more a:hover
{
    color: #ff505a;
}
.home_topic_model2 .topics_bottom 
{
   height:20px;
}
.single_roundtable_info .entry
{
    width:100%;
    height: 50px;
    display:inline-block;
}
.single_roundtable_info .entry .entry_left 
{
    float:right;
    margin-right:20px;
}
.single_roundtable_info .entry .entry_left span
{
    margin-left:20px;
    line-height:50px;
    color:#999999;
}
.single_roundtable_info .entry .entry_left a
{
    line-height:50px;
    margin-left:15px;
    color:#999999;
}
.single_roundtable_info .entry .entry_left a:hover 
{
    color:#666666; 
}
.single_roundtable_info .entry .entry_right 
{
    float:left;
    margin-top:10px;
    margin-left:20px;
}
.single_roundtable_info .entry .entry_right .operate_type
{
    display:inline-block;
    width:90px;
    height:30px;
    line-height: 30px;
    color: #ff5050;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    border:1px solid #ff5050;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.single_roundtable_info .entry .entry_right .operate_type img
{
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.complex_search_title 
{
    font-size:13px;
    color:#666666;
    margin-left:20px;
}
.complex_search_more 
{
    text-align:center;
    height:44px;
    cursor:pointer;
}
.complex_search_more span 
{
    display:inline-block;
    vertical-align:middle;
    font-size:13px;
    color:#666;
    line-height:44px;
}
.complex_search_more:hover 
{
    background-color:#f9f9f9;
}
.complex_search_more img 
{
   display:inline-block;
   vertical-align:middle;
   width:20px;
   height:20px;  
}
.complex_search_split 
{
   height:10px;
   width:100%;
   background-color:#f4f4f4;
   margin-bottom:20px;
}
.complex_search_topic 
{
   margin-left:20px;
   margin-right:20px;  
   margin-bottom:20px;
}
.complex_search_topic a 
{
   display:inline-block;
   font-size:13px;
   color:#333333;  
   background-color:#f4f4f4;
   height:28px;
   line-height:28px;
   padding-left:12px;
   padding-right:12px;
   border-radius: 999em;
   -webkit-border-radius: 999em;
   -moz-border-radius: 999em;
   margin-right:8px;
}
.complex_search_topic a:hover
{
   color:#ff5050;
}
.index_exp_feedcontent 
{
    display:block;
    min-height: 25px;
    max-height: 50px;
    white-space: normal;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 25px;
    margin-top: 2px;
    color: #333;
    font-size: 15px;
    margin-top:5px;
}
.index_exp_feedcontent:hover
{
    color: #666;
}
button {
 padding:0;
 font:inherit;
 color:inherit;
 cursor:pointer;
 background:none;
 border:none;
 outline:none;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none
}
body,
button,
p,
pre {
 margin:0
}
h1,
h2,
h3 {
 margin:0;
 font:inherit
}
/**
ol,
ul {
 padding:0;
 margin:0
}**/
/**
li {
 list-style-type:none
}**/
a {
 color:inherit;
 text-decoration:none
}
.a11y-button:focus,
.a11y-input:focus,
.a11y-link:focus {
 outline:none;
 -webkit-transition:-webkit-box-shadow .3s;
 transition:-webkit-box-shadow .3s;
 transition:box-shadow .3s;
 transition:box-shadow .3s,-webkit-box-shadow .3s
}
html[data-focus-visible] .a11y-button:focus,
html[data-focus-visible] .a11y-input:focus,
html[data-focus-visible] .a11y-link:focus {
 -webkit-box-shadow:0 0 0 2px #fff,0 0 0 5px rgba(0,102,255,.3);
 box-shadow:0 0 0 2px #fff,0 0 0 5px rgba(0,102,255,.3)
}
html[data-theme=dark][data-focus-visible] .a11y-button:focus,
html[data-theme=dark][data-focus-visible] .a11y-input:focus,
html[data-theme=dark][data-focus-visible] .a11y-link:focus {
 -webkit-box-shadow:0 0 0 2px #121212,0 0 0 5px rgba(85,142,255,.6);
 box-shadow:0 0 0 2px #121212,0 0 0 5px rgba(85,142,255,.6)
}
.UnknownError {
 height:100%;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 font-size:18px;
 padding:48px
}
.CornerButtons,
.UnknownError {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.CornerButtons {
 position:fixed;
 bottom:0;
 right:12px;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-transition:-webkit-transform .2s ease;
 transition:-webkit-transform .2s ease;
 transition:transform .2s ease;
 transition:transform .2s ease,-webkit-transform .2s ease;
 will-change:transfrom
}
.Button {
 display:inline-block;
 padding:0 16px;
 font-size:14px;
 line-height:32px;
 text-align:center;
 cursor:pointer;
 background:none;
 border:1px solid;
 border-radius:3px
}
.Button,
html[data-theme=dark] .Button {
 color:#8590a6
}
.Button::-moz-focus-inner {
 padding:0;
 border:0
}
.Button:focus {
 outline:none;
 -webkit-transition:-webkit-box-shadow .3s;
 transition:-webkit-box-shadow .3s;
 transition:box-shadow .3s;
 transition:box-shadow .3s,-webkit-box-shadow .3s
}
html[data-focus-visible] .Button:focus {
 -webkit-box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,102,255,.3);
 box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,102,255,.3)
}
html[data-theme=dark][data-focus-visible] .Button:focus {
 -webkit-box-shadow:0 0 0 2px #121212,0 0 0 4px rgba(51,119,255,.6);
 box-shadow:0 0 0 2px #121212,0 0 0 4px rgba(51,119,255,.6)
}
.Button:disabled {
 cursor:default;
 opacity:.5;
 pointer-events:none
}
.Button--grey {
 color:#8590a6;
 border-color:#8590a6
}
html[data-theme=dark] .Button--grey {
 color:#8590a6;
 border-color:#8590a6
}
.Button--grey:hover,
html[data-theme=dark] .Button--grey:hover {
 background-color:rgba(133,144,166,.06)
}
.Button--blue {
 color:#06f;
 border-color:#06f
}
html[data-theme=dark] .Button--blue {
 color:#37f;
 border-color:#37f
}
.Button--blue:hover {
 background-color:rgba(0,102,255,.06)
}
html[data-theme=dark] .Button--blue:hover {
 background-color:rgba(51,119,255,.06)
}
.Button--green {
 color:#11a668;
 border-color:#11a668
}
.Button--green:hover {
 background-color:rgba(17,166,104,.06)
}
html[data-theme=dark] .Button--green {
 color:#11a668;
 border-color:#11a668
}
html[data-theme=dark] .Button--green:hover {
 background-color:rgba(17,166,104,.06)
}
.Button--red {
 color:#f36;
 border-color:#ff5050
}
html[data-theme=dark] .Button--red {
 color:#f36;
 border-color:#f36
}
.Button--red:hover,
html[data-theme=dark] .Button--red:hover {
 background-color:#ff5050
}
.Button--primary.Button--blue {
 color:#fff;
 background-color: #06f;
}
html[data-theme=dark] .Button--primary.Button--blue {
 color:#fff;
 background-color:#37f
}
.Button--primary.Button--blue:hover {
 border-color:#005ce6;
 background-color:#005ce6
}
html[data-theme=dark] .Button--primary.Button--blue:hover {
 border-color:#1a66ff;
 background-color:#1a66ff
}
.Button--primary.Button--green {
 color:#fff;
 background-color:#12b370
}
.Button--primary.Button--green:hover {
 border-color:#109c62;
 background-color:#109c62!important
}
html[data-theme=dark] .Button--primary.Button--green {
 color:#fff;
 background-color:#12b370
}
html[data-theme=dark] html[data-theme=dark] .Button--primary.Button--green {
 color:#fff
}
html[data-theme=dark] .Button--primary.Button--green:hover {
 border-color:#109c62;
 background-color:#109c62!important
}
.Button--primary.Button--red {
 color:#fff;
 background-color:#ff5050
}
html[data-theme=dark] .Button--primary.Button--red {
 color:#fff;
 background-color:#f36
}
.Button--primary.Button--red:hover {
 border-color:#ff5050;
 background-color:#ff5050
}
html[data-theme=dark] .Button--primary.Button--red:hover {
 border-color:#ff1a53;
 background-color:#ff1a53
}
.Button--primary.Button--grey {
 color:#fff;
 background-color:#8590a6
}
html[data-theme=dark] .Button--primary.Button--grey {
 color:#fff;
 background-color:#8590a6
}
.Button--primary.Button--grey:hover {
 border-color:#76839b;
 background-color:#76839b
}
html[data-theme=dark] .Button--primary.Button--grey:hover {
 border-color:#76839b;
 background-color:#76839b
}
.Button--secondary,
html[data-theme=dark] .Button--secondary {
 border-color:transparent
}
.Button--secondary.Button--blue {
 color:#06f;
 background:rgba(0,102,255,.1)
}
html[data-theme=dark] .Button--secondary.Button--blue {
 color:#37f;
 background:rgba(51,119,255,.1)
}
.Button--secondary.Button--blue:hover {
 background-color:rgba(0,102,255,.15)
}
html[data-theme=dark] .Button--secondary.Button--blue:hover {
 background-color:rgba(51,119,255,.15)
}
.Button--secondary.Button--green {
 color:#12b370;
 background:rgba(18,179,112,.1)
}
.Button--secondary.Button--green:hover {
 background-color:rgba(18,179,112,.15)
}
html[data-theme=dark] .Button--secondary.Button--green {
 color:#12b370;
 background:rgba(18,179,112,.1)
}
html[data-theme=dark] .Button--secondary.Button--green:hover {
 background-color:rgba(18,179,112,.15)
}
.Button--secondary.Button--red {
 color:#f36;
 background:rgba(255,51,102,.1)
}
html[data-theme=dark] .Button--secondary.Button--red {
 color:#f36;
 background:rgba(255,51,102,.1)
}
.Button--secondary.Button--red:hover,
html[data-theme=dark] .Button--secondary.Button--red:hover {
 background-color:rgba(255,51,102,.15)
}
.Button--secondary.Button--grey {
 color:#8590a6;
 background:rgba(133,144,166,.1)
}
html[data-theme=dark] .Button--secondary.Button--grey {
 color:#8590a6;
 background:rgba(133,144,166,.1)
}
.Button--secondary.Button--grey:hover,
html[data-theme=dark] .Button--secondary.Button--grey:hover {
 background-color:rgba(133,144,166,.15)
}
.Button--link,
.Button--plain {
 height:auto;
 padding:0;
 line-height:inherit;
 background-color:transparent;
 border:none;
 border-radius:0;
}

.Button--link:hover,
.Button--plain:hover {
 background-color:transparent
}
html[data-theme=dark] .Button--link,
html[data-theme=dark] .Button--plain {
 border:none
}
html[data-theme=dark] .Button--link:hover,
html[data-theme=dark] .Button--plain:hover {
 background-color:transparent
}
.Button--plain:hover,
html[data-theme=dark] .Button--plain:hover {
 color:#76839b
}
.Button--blue.Button--plain:hover {
 color:#005ce6
}
html[data-theme=dark] .Button--blue.Button--plain:hover {
 color:#1a66ff
}
.Button--green.Button--plain:hover,
html[data-theme=dark] .Button--green.Button--plain:hover {
 color:#109c62
}
.Button--red.Button--plain:hover,
html[data-theme=dark] .Button--red.Button--plain:hover {
 color:#ff1a53
}
.Button--grey.Button--plain:hover,
html[data-theme=dark] .Button--grey.Button--plain:hover {
 color:#76839b
}
.Button--link {
 color:#175199
}
html[data-theme=dark] .Button--link {
 color:#6385a6
}
.Button--link:hover {
 color:#144583
}
html[data-theme=dark] .Button--link:hover {
 color:#577898
}
.Button:focus{outline:0;}  
.Button--spread {
 width:100%
}
.Button--withIcon.Button--iconOnly {
 padding:0 4px
}
.Button--withIcon.Button--link,
.Button--withIcon.Button--plain {
 padding:0
}
.Button--withIcon.Button--withLabel .Button-zi {
 margin-right:4px
}
.CornerAnimayedFlex {
 width:40px;
 height:52px;
 -webkit-transition:height .2s ease;
 transition:height .2s ease
}
.CornerAnimayedFlex--hidden {
 height:0
}
.CornerButton {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 background:#fff;
 border-radius:4px;
 width:40px;
 height:40px;
 color:#8590a6;
 -webkit-box-shadow:0 1px 3px rgba(18,18,18,.1);
 box-shadow:0 1px 3px rgba(18,18,18,.1)
}
html[data-theme=dark] .CornerButton {
 background:#121212;
 color:#8590a6;
 -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.CornerButton:hover {
 background:#d3d3d3
}
html[data-theme=dark] .CornerButton:hover {
 background:#2e2e2e
}
.ErrorPage {
 background:#fff
}
html[data-theme=dark] .ErrorPage {
 background:#121212
}
.ErrorPage {
 height:100%;
 left:0;
 position:fixed;
 top:0;
 width:100%
}
.ErrorPage-container {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 margin-top:180px
}
@media (max-width:690px) {
 .ErrorPage-container {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse;
  margin-top:60px
 }
}
.ErrorPage-subtitle,
.ErrorPage-title {
 color:#646464
}
html[data-theme=dark] .ErrorPage-subtitle,
html[data-theme=dark] .ErrorPage-title {
 color:#d3d3d3
}
.ErrorPage-subtitle,
.ErrorPage-title {
 line-height:1.4
}
.ErrorPage-title {
 font-size:40px;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .ErrorPage-title {
 font-weight:500
}
html[data-android] .ErrorPage-title {
 font-weight:700
}
@media (max-width:690px) {
 .ErrorPage-title {
  font-size:30px
 }
}
.ErrorPage-subtitle {
 font-size:18px;
 margin-top:10px
}
.ErrorPage-text {
 -webkit-box-align:start;
 -ms-flex-align:start;
 align-items:flex-start;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 min-width:384px
}
@media (max-width:690px) {
 .ErrorPage-text {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  min-width:auto
 }
}
.ErrorPage-primaryButton {
 margin-top:20px
}
.ErrorPage-errorImageContainer {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 height:250px;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 margin-left:20px;
 width:250px
}
@media (max-width:690px) {
 .ErrorPage-errorImageContainer {
  margin-left:0
 }
}
.ErrorPage-errorImage {
 height:100%;
 -o-object-fit:contain;
 object-fit:contain;
 width:100%
}
.RetryError {
 background:#fff;
 min-height:160px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:100%;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.RetryError-title,
html[data-theme=dark] .RetryError-title {
 color:#8590a6
}
.RetryError-title {
 font-size:22px;
 margin-bottom:16px
}
.ModalButtonGroup--vertical {
 margin-top:40px;
 margin-bottom:16px
}
.ModalButtonGroup--vertical .Button {
 display:block;
 width:150px;
 margin-right:auto;
 margin-left:auto
}
.ModalButtonGroup--vertical .Button+.Button {
 margin-top:28px
}
.Modal-content--buttonGroupOnly .ModalButtonGroup--vertical {
 margin-top:60px
}
.ModalButtonGroup--horizontal {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 margin-top:48px
}
.ModalButtonGroup--horizontal .Button {
 -webkit-box-flex:1;
 -ms-flex:1 1;
 flex:1 1
}
.ModalButtonGroup--horizontal .Button:last-child:first-child {
 width:220px;
 margin-right:auto;
 margin-left:auto;
 -webkit-box-flex:initial;
 -ms-flex:initial;
 flex:initial
}
.ModalButtonGroup--horizontal .Button+.Button {
 margin-left:16px
}
.Modal-wrapper {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:2000;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 overflow-x:hidden;
 overflow-y:auto;
 -webkit-transition:opacity .3s ease-out;
 transition:opacity .3s ease-out
}
.Modal-wrapper.Modal-enter {
 opacity:.01
}
.Modal-wrapper.Modal-enter-active,
.Modal-wrapper.Modal-leave {
 opacity:1
}
.Modal-wrapper.Modal-leave-active {
 opacity:.01
}
.Modal-backdrop {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:0;
 background-color:rgba(18,18,18,.65);
 -webkit-transition:background-color .3s ease-out;
 transition:background-color .3s ease-out
}
html[data-theme=dark] .Modal-backdrop {
 background-color:rgba(0,0,0,.65)
}
.Modal-wrapper--transparent .Modal-backdrop {
 background-color:transparent
}
.Modal {
 position:relative;
 z-index:1;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 width:400px;
 max-height:calc(100vh - 48px);
 margin-right:auto;
 margin-left:auto;
 -webkit-box-shadow:0 5px 20px rgba(18,18,18,.1);
 box-shadow:0 5px 20px rgba(18,18,18,.1);
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 -webkit-transition:max-height .8s ease;
 transition:max-height .8s ease
}
html[data-theme=dark] .Modal {
 -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.Modal:focus {
 outline:none
}
.Modal--large {
 width:536px
}
.Modal--fullPage {
 width:688px;
 height:calc(100vh - 48px)
}
.Modal-enter .Modal {
 -webkit-transform:translateY(20px);
 transform:translateY(20px)
}
.Modal-enter-active .Modal {
 -webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out;
 transition:opacity .3s ease-out,-webkit-transform .3s ease-out;
 transition:transform .3s ease-out,opacity .3s ease-out;
 transition:transform .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out
}
.Modal-enter-active .Modal,
.Modal-leave .Modal {
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
.Modal-leave-active .Modal {
 -webkit-transform:translateY(20px);
 transform:translateY(20px);
 -webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out;
 transition:opacity .3s ease-out,-webkit-transform .3s ease-out;
 transition:transform .3s ease-out,opacity .3s ease-out;
 transition:transform .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out
}
.Modal-inner {
 overflow:auto;
 background:#fff;
 border-radius:2px
}
html[data-theme=dark] .Modal-inner {
 background:#121212
}
.Modal--fullPage .Modal-inner {
 height:100%
}
.Modal-closeButton {
 position:absolute;
 top:8px;
 right:-60px;
 padding:12px
}
.Modal-closeIcon {
 vertical-align:top;
 fill:#fff
}
html[data-theme=dark] .Modal-closeIcon {
 fill:#fff
}
.Modal-title {
 margin-top:40px;
 font-size:24px;
 font-weight:500;
 color:#121212;
 text-align:center
}
html[data-theme=dark] .Modal-title {
 color:#fff
}
.Modal-title.Modal-title--simple {
 font-family:inherit;
 font-size:20px
}
.Modal-subtitle {
 padding:0 38px;
 margin-top:4px;
 font-size:14px;
 line-height:1.5;
 color:#8590a6;
 text-align:center
}
html[data-theme=dark] .Modal-subtitle {
 color:#8590a6
}
.Modal-subtitle a {
 text-decoration:underline
}
.Modal-content {
 -webkit-box-flex:1;
 -ms-flex:1 1;
 flex:1 1;
 padding:0 24px 32px;
 margin-top:24px;
 opacity:1
}
.Modal--fullPage .Modal-content {
 padding:0
}
.Modal-content.Modal-content--spread {
 height:100%;
 margin-top:0
}
.Modal-content.Modal-content--hidden {
 opacity:0;
 -webkit-transition:opacity .3s ease-out;
 transition:opacity .3s ease-out
}
.Modal-footer {
 padding:16px 24px;
 font-size:13px;
 line-height:1.7;
 color:#8590a6;
 background:#f6f6f6;
 border-top:1px solid #ebebeb
}
html[data-theme=dark] .Modal-footer {
 color:#8590a6;
 background:#1b1b1b;
 border-top:1px solid #2e2e2e
}
.Modal-footer a {
 text-decoration:underline
}
.Notification {
 position:fixed;
 top:75px;
 left:50%;
 z-index:499;
 padding:14px 24px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-transform:translate(-50%);
 transform:translate(-50%);
 font-size:14px;
 color:#121212;
 pointer-events:all;
 border-radius:4px;
 -webkit-box-shadow:0 5px 20px rgba(18,18,18,.1);
 box-shadow:0 5px 20px rgba(18,18,18,.1);
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
html[data-theme=dark] .Notification {
 color:#fff;
 -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
@media (max-width:768px) {
 .Notification {
  width:calc(100vw - 32px)
 }
}
@media (min-width:769px) {
 .Notification {
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  max-width:600px;
  min-width:520px
 }
}
.Notification-textSection {
 width:100%;
 display:inline-block
}
@media (max-width:768px) {
 .Notification-textSection {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
 }
}
.Notification-textSection--withButton {
 text-align:left
}
.Notification-textSection--withoutButton {
 text-align:center
}
.Notification-actionsSection {
 white-space:nowrap;
 height:100%;
 margin:auto 0 auto 32px
}
.Notification-wrapper {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:503;
 overflow:hidden;
 pointer-events:none
}
.Notification-white {
 color:#121212;
 background:#fff
}
html[data-theme=dark] .Notification-white {
 color:#fff;
 background:#121212
}
.Notification-red {
 color:#fff;
 background:#f1403c
}
html[data-theme=dark] .Notification-red {
 color:#fff;
 background:#f1403c
}
.Notification-red-ghost {
 color:#f1403c;
 background:#fff
}
html[data-theme=dark] .Notification-red-ghost {
 color:#f1403c;
 background:#121212
}
@-webkit-keyframes spring-in {
 0% {
  -webkit-transform:translate(-50%,-20px);
  transform:translate(-50%,-20px);
  opacity:.01
 }
 to {
  -webkit-transform:translate(-50%);
  transform:translate(-50%);
  opacity:1
 }
}
@keyframes spring-in {
 0% {
  -webkit-transform:translate(-50%,-20px);
  transform:translate(-50%,-20px);
  opacity:.01
 }
 to {
  -webkit-transform:translate(-50%);
  transform:translate(-50%);
  opacity:1
 }
}
@-webkit-keyframes spring-out {
 0% {
  -webkit-transform:translate(-50%);
  transform:translate(-50%);
  opacity:1
 }
 to {
  -webkit-transform:translate(-50%,-20px);
  transform:translate(-50%,-20px);
  opacity:0
 }
}
@keyframes spring-out {
 0% {
  -webkit-transform:translate(-50%);
  transform:translate(-50%);
  opacity:1
 }
 to {
  -webkit-transform:translate(-50%,-20px);
  transform:translate(-50%,-20px);
  opacity:0
 }
}
.Notification-enter {
 -webkit-animation:spring-in .3s;
 animation:spring-in .3s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
.Notification-leave {
 -webkit-animation:spring-out .3s;
 animation:spring-out .3s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
.MobileModal-wrapper {
 position:relative
}
.MobileModal-wrapper--absoluted {
 position:absolute;
 top:0;
 max-height:100vh;
 overflow:hidden;
 z-index:-1
}
.MobileModal {
 background:#fff
}
html[data-theme=dark] .MobileModal {
 background:#121212
}
.MobileModal-content--default {
 padding-top:50px;
 padding-bottom:60px;
 min-height:100vh;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.MobileModal-closeButton {
 position:fixed;
 top:4px;
 right:4px;
 padding:8px;
 z-index:100
}
.MobileModal-closeIcon {
 fill:#121212
}
html[data-theme=dark] .MobileModal-closeIcon {
 fill:#fff
}
.MobileModal-closeIcon {
 display:block
}
.MobileModal-title {
 font-weight:700
}
.MobileModal-title--default {
 position:fixed;
 top:0;
 width:100%;
 padding:0 16px;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .MobileModal-title--default {
 border-bottom:1px solid #2e2e2e
}
.MobileModal-title--default {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 -webkit-box-shadow:0 1px 3px rgba(18,18,18,.05);
 box-shadow:0 1px 3px rgba(18,18,18,.05)
}
html[data-theme=dark] .MobileModal-title--default {
 -webkit-box-shadow:0 1px 3px hsla(0,0%,100%,.05);
 box-shadow:0 1px 3px hsla(0,0%,100%,.05)
}
.MobileModal-title--default {
 margin:0;
 font-size:16px;
 line-height:49px;
 background:#fff
}
html[data-theme=dark] .MobileModal-title--default {
 background:#121212
}
.MobileModal-title--default {
 z-index:99
}
.MobileModal-backdrop {
 position:fixed;
 top:0;
 right:0;
 left:0;
 bottom:0;
 z-index:100;
 background:rgba(18,18,18,.65)
}
html[data-theme=dark] .MobileModal-backdrop {
 background:hsla(0,0%,100%,.65)
}
.MobileModal--plain {
 position:fixed;
 top:50%;
 right:0;
 left:0;
 z-index:100;
 margin:auto;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 width:87.2%;
 -webkit-box-shadow:0 5px 20px 0 rgba(23,81,153,.5);
 box-shadow:0 5px 20px 0 rgba(23,81,153,.5)
}
html[data-theme=dark] .MobileModal--plain {
 -webkit-box-shadow:0 5px 20px 0 rgba(99,133,166,.5);
 box-shadow:0 5px 20px 0 rgba(99,133,166,.5)
}
.MobileModal--plain {
 border-radius:2px;
 overflow:hidden
}
.MobileModal--plain .MobileModal-closeIcon,
html[data-theme=dark] .MobileModal--plain .MobileModal-closeIcon {
 fill:#8590a6
}
.MobileModal-content--plain {
 padding:16px 20px
}
.MobileModal-title--plain {
 text-align:center;
 padding:24px 20px 8px;
 font-size:18px
}
.MobileModal-subtitle {
 font-size:14px;
 padding:0 20px;
 color:#8590a6
}
html[data-theme=dark] .MobileModal-subtitle {
 color:#8590a6
}
.AppAuthentication--appView .Modal-title {
 font-size:18px;
 margin-top:24px
}
.AppAuthentication--appView .Modal-content {
 padding-bottom:16px
}
.AppAuthentication {
 max-width:87.2%
}
.AppAuthentication-buttonContainer {
 padding:0 16px
}
.AppAuthentication-button {
 width:100%;
 margin-bottom:16px;
 padding:5px 0
}
.AppAuthentication-closeButton {
 position:absolute;
 right:16px;
 top:16px;
 font-size:0
}
.RealNameModal p {
 font-size:14px;
 line-height:1.71;
 color:#404040
}
.RealNameModal a {
 color:#175199
}
html[data-theme=dark] .RealNameModal a {
 color:#6385a6
}
.RealNameModal-buttonGroup {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 margin-top:48px
}
.RealNameModal-buttonGroup,
.RealNameModal-buttonGroup div {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.RealNameModal-buttonGroup div {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 width:168px;
 height:36px;
 border-radius:3px;
 border:1px solid #0f88eb;
 background-color:#0f88eb;
 font-size:14px;
 line-height:1;
 color:#fff
}
html[data-theme=dark] .RealNameModal-buttonGroup div {
 color:#121212
}
.SignFlow input[type=number]::-webkit-inner-spin-button,
.SignFlow input[type=number]::-webkit-outer-spin-button {
 margin:0;
 -webkit-appearance:none;
 appearance:none
}
.SignFlow input {
 height:48px
}
.SignFlow input::-webkit-autofill {
 -webkit-box-shadow:0 0 0 1000px #fff inset!important
}
.SignFlow input[type=number] {
 -moz-appearance:textfield
}
.SignFlow .SignFlow-accountInput,
.SignFlow .SignFlow-smsInput {
 width:auto
}
.SignFlow {
 overflow:hidden
}
.SignFlow-submitButton {
 width:100%;
 margin-top:30px;
 height:36px
}
.SignFlow-captchaContainer {
 height:48px;
 margin-top:12px;
 -webkit-transition:height .3s ease;
 transition:height .3s ease
}
.SignFlow-snackBar {
 font-size:13px;
 color:#8590a6
}
html[data-theme=dark] .SignFlow-snackBar {
 color:#8590a6
}
.SignFlow-snackBarLink {
 color:#175199
}
html[data-theme=dark] .SignFlow-snackBarLink {
 color:#6385a6
}
.VessayFormBox-spaceBetweenWrapper {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.VessayFormBox {
 padding:20px 0;
 border-bottom:1px solid hsla(0,0%,100%,.08)
}
.VessayFormBox .VessayFormItem-header {
 color:#fff;
 font-weight:500;
 font-size:14px;
 line-height:24px;
 margin-bottom:10px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.VessayFormBox .VessayFormItem-header .VessayFormItem-headerExtra {
 margin-left:20px
}
.VessayFormBox.VessayToolbox-subtitleContentEdit .VessayFormBox-content {
 background:rgba(0,0,0,.2);
 border:1px solid hsla(0,0%,100%,.08);
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 border-radius:6px
}
.VessayFormBox.contentFlexWrap .VessayFormBox-content .VessayFormItem {
 -ms-flex-preferred-size:50%;
 flex-basis:50%;
 padding-right:12px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 margin-bottom:10px
}
.VessayFormBox.contentFlexWrap .VessayFormBox-content .VessayFormItem:last-of-type {
 margin-bottom:0
}
.VessayFormItem {
 font-size:12px;
 line-height:24px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-wrap:nowrap;
 flex-wrap:nowrap
}
.VessayFormItem .VessayFormItem-title {
 color:hsla(0,0%,100%,.8);
 margin-right:20px
}
.VessayButton {
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 cursor:pointer;
 color:#121212
}
html[data-theme=dark] .VessayButton {
 color:#fff
}
.VessayButton {
 font-size:14px;
 padding:4px 12px;
 line-height:24px;
 border-radius:4px
}
.VessayButton.default {
 background:rgba(18,18,18,.1)
}
html[data-theme=dark] .VessayButton.default {
 background:hsla(0,0%,100%,.1)
}
.VessayButton.default:hover,
html[data-theme=dark] .VessayButton.default:hover {
 background:hsla(0,0%,100%,.3)
}
.VessayButton.default:hover svg.icon {
 color:#06f
}
html[data-theme=dark] .VessayButton.default:hover svg.icon {
 color:#558eff
}
.VessayButton.default:hover svg.icon {
 fill:#06f
}
html[data-theme=dark] .VessayButton.default:hover svg.icon {
 fill:#558eff
}
.VessayButton.primary {
 background:#06f
}
html[data-theme=dark] .VessayButton.primary {
 background:#558eff
}
.VessayButton.text {
 background:transparent
}
.VessayButton.text:hover {
 background:rgba(18,18,18,.08)
}
html[data-theme=dark] .VessayButton.text:hover {
 background:hsla(0,0%,100%,.08)
}
.VessayButton.outline {
 padding:4px 12px;
 background:rgba(0,102,255,.2)
}
html[data-theme=dark] .VessayButton.outline {
 background:rgba(85,142,255,.2)
}
.VessayButton.outline {
 -webkit-box-shadow:0 0 0 1px #06f inset;
 box-shadow:inset 0 0 0 1px #06f
}
.VessayButton.light {
 padding:4px 12px;
 background:hsla(0,0%,100%,.08)
}
.VessayButton.light:hover {
 background:rgba(0,132,255,.2)
}
.VessayButton.sm {
 font-size:12px;
 padding:4px 10px
}
.VessayButton.lg {
 font-size:16px;
 font-weight:500;
 line-height:24px;
 padding:8px 16px
}
.VessayButton .Zi {
 margin-right:8px
}
.VessayButton svg.icon {
 margin-right:4px
}
.VessayButton.alignCenter {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.VessayButton.disabled,
.VessayButton[disabled],
.VessayButton[disabled]:hover {
 cursor:not-allowed;
 background:rgba(18,18,18,.1)
}
html[data-theme=dark] .VessayButton.disabled,
html[data-theme=dark] .VessayButton[disabled],
html[data-theme=dark] .VessayButton[disabled]:hover {
 background:hsla(0,0%,100%,.1)
}
.VessayButton.disabled,
.VessayButton[disabled],
.VessayButton[disabled]:hover,
html[data-theme=dark] .VessayButton.disabled,
html[data-theme=dark] .VessayButton[disabled],
html[data-theme=dark] .VessayButton[disabled]:hover {
 color:hsla(0,0%,100%,.4)
}
.VessayRadioGroup {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 font-weight:500
}
.VessayRadioGroup .VessayButton {
 margin-right:10px
}
.VessayRadioGroup .VessayButton:last-of-type {
 margin-right:0
}
.InputLike {
 padding:4px 10px;
 background:#fff;
 border:1px solid #ebebeb;
 border-radius:3px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 -webkit-transition:background .2s,border .2s;
 transition:background .2s,border .2s
}
html[data-theme=dark] .InputLike {
 background:#121212;
 border:1px solid #2e2e2e
}
.InputLike.is-focus,
html[data-theme=dark] .InputLike.is-focus {
 border-color:#8590a6
}
.InputLike.is-large {
 padding:6px 12px
}
.InputButton {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding-top:0;
 padding-bottom:0
}
.InputButton.is-large {
 padding-top:2px;
 padding-bottom:2px
}
.Popover {
 position:relative;
 display:inline-block
}
.Popover-arrow {
 position:absolute;
 overflow:hidden;
 pointer-events:none
}
.Popover-arrow:after {
 content:"";
 position:absolute;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 width:24px;
 height:24px;
 margin:-12px;
 border:1px solid #ebebeb;
 background:#fff;
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg);
 pointer-events:auto
}
html[data-theme=dark] .Popover-arrow:after {
 border:1px solid #1b1b1b;
 background:#121212
}
.Popover-arrow--top {
 width:32px;
 height:16px;
 margin-top:-2px;
 -webkit-transform:translate(-50%);
 transform:translate(-50%)
}
.Popover-arrow--top:after {
 left:50%;
 top:-8px
}
.Popover-arrow--bottom {
 width:32px;
 height:16px;
 -webkit-transform:translate(-50%,-100%);
 transform:translate(-50%,-100%)
}
.Popover-arrow--bottom:after {
 left:50%;
 bottom:-8px
}
.Popover-arrow--left {
 width:16px;
 height:32px;
 margin-left:-2px;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.Popover-arrow--left:after {
 left:-8px;
 top:50%
}
.Popover-arrow--right {
 width:16px;
 height:32px;
 -webkit-transform:translate(-100%,-50%);
 transform:translate(-100%,-50%)
}
.Popover-arrow--right:after {
 right:-8px;
 top:50%
}
.Popover-content {
 position:absolute;
 background:#fff;
 border:1px solid #ebebeb;
 border-radius:4px;
 -webkit-box-shadow:0 5px 20px rgba(18,18,18,.1);
 box-shadow:0 5px 20px rgba(18,18,18,.1);
 z-index:203
}
html[data-theme=dark] .Popover-content {
 background:#121212;
 border:1px solid #1b1b1b;
 -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.Popover-content-enter {
 opacity:.01
}
.Popover-content-enter-active {
 -webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;
 transition:opacity .2s ease-out,-webkit-transform .2s ease-out;
 transition:transform .2s ease-out,opacity .2s ease-out;
 transition:transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out
}
.Popover-content-enter-active,
.Popover-content-leave {
 opacity:1;
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
.Popover-content-leave-active {
 opacity:.01;
 -webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;
 transition:opacity .2s ease-out,-webkit-transform .2s ease-out;
 transition:transform .2s ease-out,opacity .2s ease-out;
 transition:transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out
}
.Popover-content--fixed {
 position:fixed
}
.Popover-content--top {
 -webkit-transform-origin:bottom center;
 transform-origin:bottom center;
 margin-top:-8px
}
.Popover-content--top.Popover-content--arrowed {
 margin-top:-16px
}
.Popover-content--top.Popover-content--enter,
.Popover-content--top.Popover-content-leave-active {
 -webkit-transform:translateY(8px);
 transform:translateY(8px)
}
.Popover-content--bottom {
 margin-top:8px
}
.Popover-content--bottom.Popover-content--arrowed {
 margin-top:16px
}
.Popover-content--bottom.Popover-content--enter,
.Popover-content--bottom.Popover-content-leave-active {
 -webkit-transform:translateY(-8px);
 transform:translateY(-8px)
}
.Popover-content--left {
 -webkit-transform-origin:right center;
 transform-origin:right center;
 margin-left:-8px
}
.Popover-content--left.Popover-content--arrowed {
 margin-left:-16px
}
.Popover-content--left.Popover-content--enter,
.Popover-content--left.Popover-content-leave-active {
 -webkit-transform:translateX(8px);
 transform:translateX(8px)
}
.Popover-content--right {
 margin-left:8px
}
.Popover-content--right.Popover-content--arrowed {
 margin-left:16px
}
.Popover-content--right.Popover-content--enter,
.Popover-content--right.Popover-content-leave-active {
 -webkit-transform:translateX(-8px);
 transform:translateX(-8px)
}
.AttentionPopover {
 font-size:15px;
 background-color:#06f;
 color:#fff;
 padding:9px 14px;
 border-radius:8px;
 border:none
}
html[data-theme=dark] .AttentionPopover {
 background-color:#37f
}
.AttentionPopover .Popover-arrow {
 border:none
}
.AttentionPopover .Popover-arrow:after {
 border-color:#06f;
 background:#06f
}
html[data-theme=dark] .AttentionPopover .Popover-arrow:after {
 border-color:#37f;
 background:#37f
}
.AttentionPopover .Popover-arrow--top:after {
 border-top-color:#06f
}
html[data-theme=dark] .AttentionPopover .Popover-arrow--top:after {
 border-top-color:#37f
}
.AttentionPopover .Popover-arrow--bottom:after {
 border-bottom-color:#06f
}
html[data-theme=dark] .AttentionPopover .Popover-arrow--bottom:after {
 border-bottom-color:#37f
}
.AttentionPopover .Popover-arrow--left:after {
 border-left-color:#06f
}
html[data-theme=dark] .AttentionPopover .Popover-arrow--left:after {
 border-left-color:#37f
}
.AttentionPopover .Popover-arrow--right:after {
 border-right-color:#06f
}
html[data-theme=dark] .AttentionPopover .Popover-arrow--right:after {
 border-right-color:#37f
}
.Select-button {
 text-align:left;
 padding-right:4px
}
.Select-button.is-large {
 padding-right:6px
}
.Select-plainButton {
 padding:0;
 border:1px solid transparent
}
.Select-arrow {
 margin-left:8px
}
.Select-list {
 overflow:auto;
 position:relative;
 max-height:500px;
 padding:8px 0;
 border-radius:4px
}
.Select-option {
 display:block;
 width:100%;
 height:40px;
 padding:0 20px;
 line-height:40px;
 color:#8590a6;
 text-align:left;
 background:none;
 border:none
}
html[data-theme=dark] .Select-option {
 color:#8590a6
}
.Select-option:focus {
 outline:none;
 -webkit-transition:-webkit-box-shadow .3s;
 transition:-webkit-box-shadow .3s;
 transition:box-shadow .3s;
 transition:box-shadow .3s,-webkit-box-shadow .3s
}
html[data-focus-visible] .Select-option:focus {
 -webkit-box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,102,255,.3);
 box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,102,255,.3)
}
html[data-theme=dark][data-focus-visible] .Select-option:focus {
 -webkit-box-shadow:0 0 0 2px #121212,0 0 0 4px rgba(51,119,255,.6);
 box-shadow:0 0 0 2px #121212,0 0 0 4px rgba(51,119,255,.6)
}
.Select-option:focus {
 background:#f6f6f6
}
html[data-theme=dark] .Select-option:focus {
 background:#1b1b1b
}
.Select-popoverTarget {
 margin-top:0;
 -webkit-transition:opacity .2s ease-out;
 transition:opacity .2s ease-out
}
.Input-wrapper {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 width:180px;
 height:34px;
 padding:4px 10px;
 font-size:14px;
 background:#fff;
 border:1px solid #ebebeb;
 border-radius:3px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 -webkit-transition:background .2s,border .2s;
 transition:background .2s,border .2s
}
html[data-theme=dark] .Input-wrapper {
 background:#121212;
 border:1px solid #2e2e2e
}
.Input-wrapper.Input-wrapper--grey {
 background:#f6f6f6
}
html[data-theme=dark] .Input-wrapper.Input-wrapper--grey {
 background:#1b1b1b
}
.Input-wrapper.Input-wrapper--spread {
 width:100%
}
.Input-wrapper.Input-wrapper--multiline {
 height:inherit
}
.Input-wrapper.Input-wrapper--large {
 height:auto;
 padding:6px 12px
}
.Input-wrapper.Input-wrapper--disabled {
 background:#f6f6f6
}
html[data-theme=dark] .Input-wrapper.Input-wrapper--disabled {
 background:#1b1b1b
}
.Input-wrapper.Input-wrapper--noPadding {
 padding:0
}
.Input-wrapper.is-focus {
 background:#fff;
 border-color:#8590a6
}
html[data-theme=dark] .Input-wrapper.is-focus {
 background:#121212;
 border-color:#8590a6
}
.Input {
 -webkit-box-flex:1;
 -ms-flex:1 1;
 flex:1 1;
 padding:0;
 overflow:hidden;
 font-family:inherit;
 font-size:inherit;
 font-weight:inherit;
 background:transparent;
 border:none;
 resize:none
}
.Input:disabled {
 color:#bfbfbf
}
html[data-theme=dark] .Input:disabled {
 color:#444
}
.Input:focus {
 outline:none
}
input.Input {
 color:#121212;
 height:24px;
 line-height:24px
}
html[data-theme=dark] input.Input {
 color:#fff
}
textarea.Input {
 color:#121212
}
html[data-theme=dark] textarea.Input {
 color:#fff
}
.Input:not(input) {
 line-height:24px
}
.Input:-ms-input-placeholder {
 line-height:normal
}
.Input::-moz-placeholder {
 color:#8590a6
}
.Input::-webkit-input-placeholder {
 color:#8590a6
}
.Input::-ms-input-placeholder {
 color:#8590a6
}
.Input::placeholder {
 color:#8590a6
}
html[data-theme=dark] .Input::-moz-placeholder {
 color:#8590a6
}
html[data-theme=dark] .Input:-ms-input-placeholder {
 color:#8590a6
}
html[data-theme=dark] .Input::-webkit-input-placeholder {
 color:#8590a6
}
html[data-theme=dark] .Input::-ms-input-placeholder {
 color:#8590a6
}
html[data-theme=dark] .Input::placeholder {
 color:#8590a6
}
.Input--validationError::-moz-placeholder {
 color:#f1403c
}
.Input--validationError:-ms-input-placeholder {
 color:#f1403c
}
.Input--validationError::-webkit-input-placeholder {
 color:#f1403c
}
.Input--validationError::-ms-input-placeholder {
 color:#f1403c
}
.Input--validationError::placeholder {
 color:#f1403c
}
html[data-theme=dark] .Input--validationError::-moz-placeholder {
 color:#f1403c
}
html[data-theme=dark] .Input--validationError:-ms-input-placeholder {
 color:#f1403c
}
html[data-theme=dark] .Input--validationError::-webkit-input-placeholder {
 color:#f1403c
}
html[data-theme=dark] .Input--validationError::-ms-input-placeholder {
 color:#f1403c
}
html[data-theme=dark] .Input--validationError::placeholder {
 color:#f1403c
}
.Input-wrapper--multiline .Input {
 overflow:auto
}
.VerificationDialogModalHeader {
 text-align:center
}
.VerificationDialogModalHeader-title {
 margin-top:40px;
 font-size:24px;
 color:#121212
}
html[data-theme=dark] .VerificationDialogModalHeader-title {
 color:#fff
}
.VerificationDialogModalHeader-title {
 margin-bottom:0;
 padding:0
}
.VerificationDialogModalHeader-subTitle {
 margin:2px auto 24px;
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .VerificationDialogModalHeader-subTitle {
 color:#8590a6
}
.VerificationDialogModalHeader-subTitle {
 max-width:240px
}
.VerificationDialogModalHeader-subTitle:first-child:last-child {
 margin-bottom:16px;
 max-width:none;
 text-align:left
}
.VerificationDialogModal-select {
 width:100%;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .VerificationDialogModal-select {
 border-bottom:1px solid #2e2e2e
}
.VerificationDialogModal-selectButton {
 padding:4px 0;
 width:100%;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.VerificationDialogModal-selectPopover {
 width:376px
}
.VerificationDialogModal-code {
 position:relative
}
.VerificationDialogModal-code .CountingDownButton {
 top:16px!important
}
.VerificationDialogModal-input {
 padding-left:0;
 margin-top:16px;
 width:100%;
 border:none!important;
 border-bottom:1px solid #ebebeb!important
}
html[data-theme=dark] .VerificationDialogModal-input {
 border-bottom:1px solid #2e2e2e!important
}
.VerificationDialogModal-checkout {
 text-align:center
}
.VerificationDialogModal-button {
 color:#fff
}
html[data-theme=dark] .VerificationDialogModal-button {
 color:#121212
}
.VerificationDialogModal-button {
 background:#06f
}
html[data-theme=dark] .VerificationDialogModal-button {
 background:#558eff
}
.VerificationDialogModal-button {
 width:220px;
 height:36px;
 border:1px solid #06f
}
html[data-theme=dark] .VerificationDialogModal-button {
 border:1px solid #558eff
}
.VerificationDialogModal-button {
 margin-top:45px;
 font-size:14px;
 border-radius:3px
}
.VerificationDialogModal-button:hover {
 background:#06f
}
html[data-theme=dark] .VerificationDialogModal-button:hover {
 background:#558eff
}
.VerificationDialogModal-button:hover:disabled {
 background-color:#06f
}
html[data-theme=dark] .VerificationDialogModal-button:hover:disabled {
 background-color:#558eff
}
.VerificationDialogModal-tips {
 background:#f6f6f6
}
html[data-theme=dark] .VerificationDialogModal-tips {
 background:#1b1b1b
}
.VerificationDialogModal-tips {
 -webkit-box-shadow:0 -1px 0 0 #ebebeb;
 box-shadow:0 -1px 0 0 #ebebeb
}
html[data-theme=dark] .VerificationDialogModal-tips {
 -webkit-box-shadow:0 -1px 0 0 #2e2e2e;
 box-shadow:0 -1px 0 0 #2e2e2e
}
.VerificationDialogModal-tips {
 margin:30px -24px -32px;
 padding:16px;
 font-size:13px;
 line-height:21px;
 color:#8590a6
}
html[data-theme=dark] .VerificationDialogModal-tips {
 color:#8590a6
}
.VerificationDialogModal-blue {
 color:#06f
}
html[data-theme=dark] .VerificationDialogModal-blue {
 color:#558eff
}
.VerificationDialogModal-options {
 margin-top:16px;
 text-align:right
}
.VerificationDialogModal-cutSmsType:hover {
 color:grey
}
html[data-theme=dark] .VerificationDialogModal-cutSmsType:hover {
 color:#999
}
.VerificationDialogModal-HelpWrapper {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
 margin-top:12px
}
.VerificationDialogModal-HelpText,
html[data-theme=dark] .VerificationDialogModal-HelpText {
 color:#8590a6
}
.VerificationDialogMobileModal-HelpText {
 font-size:13px;
 color:#8590a6
}
html[data-theme=dark] .VerificationDialogMobileModal-HelpText {
 color:#8590a6
}
.VerificationDialogMobileModal-HelpText {
 margin-top:16px
}
.VerificationDialogModal-oneSelection {
 font-size:14px
}
.VerificationDialogModal-smsInputButton {
 position:absolute;
 top:24px;
 right:0;
 padding:4px 0;
 color:#175199
}
html[data-theme=dark] .VerificationDialogModal-smsInputButton {
 color:#6385a6
}
.VerificationDialogModal-smsInputButton {
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.Sticky.is-fixed {
 position:fixed;
 z-index:2;
 -webkit-font-smoothing:subpixel-antialiased
}
.Sticky.is-absolute,
.Sticky.is-fixed {
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.Sticky.is-absolute {
 position:absolute;
 top:auto;
 bottom:0;
 z-index:1;
 margin-bottom:0
}
.Sticky.is-absolute.is-bottom {
 top:0;
 bottom:auto;
 margin-top:0
}
.Sticky.Sticky--CSSSticky {
 position:-webkit-sticky;
 position:sticky
}
.Sticky--holder {
 visibility:hidden
}
.MobileAppHeader {
 border-bottom:1px solid rgba(18,18,18,.06)
}
html[data-theme=dark] .MobileAppHeader {
 border-bottom:1px solid hsla(0,0%,100%,.06)
}
.MobileAppHeader {
 -webkit-box-shadow:0 1px 3px 0 rgba(23,81,153,.05);
 box-shadow:0 1px 3px 0 rgba(23,81,153,.05)
}
html[data-theme=dark] .MobileAppHeader {
 -webkit-box-shadow:0 1px 3px 0 rgba(99,133,166,.05);
 box-shadow:0 1px 3px 0 rgba(99,133,166,.05)
}
.MobileAppHeader {
 background-color:#fff
}
html[data-theme=dark] .MobileAppHeader {
 background-color:#121212
}
.MobileAppHeader {
 background-clip:content-box;
 min-width:100%;
 -webkit-transform:translateY(0);
 transform:translateY(0);
 -webkit-transition:-webkit-transform .3s .3s;
 transition:-webkit-transform .3s .3s;
 transition:transform .3s .3s;
 transition:transform .3s .3s,-webkit-transform .3s .3s;
 overflow:hidden
}
.MobileAppHeader+.Sticky--holder {
 background-color:#fff
}
html[data-theme=dark] .MobileAppHeader+.Sticky--holder {
 background-color:#121212
}
.MobileAppHeader+.Sticky--holder {
 visibility:visible;
 visibility:initial
}
.MobileAppHeader.is-hide {
 min-width:100%;
 -webkit-transform:translateY(-100%);
 transform:translateY(-100%)
}
.MobileAppHeader,
.MobileAppHeader.is-fixed {
 z-index:100;
 width:100%
}
.MobileAppHeader .Icon {
 vertical-align:middle
}
.MobileAppHeader-inner {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:52px;
 line-height:50px;
 -webkit-transition:-webkit-transform .3s;
 transition:-webkit-transform .3s;
 transition:transform .3s;
 transition:transform .3s,-webkit-transform .3s
}
.MobileAppHeader.is-hidden .MobileAppHeader-inner {
 -webkit-transform:translateY(-100%);
 transform:translateY(-100%)
}
.MobileAppHeader-navItem {
 text-align:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 margin:0 12px
}
.MobileAppHeader-navItem .Zi,
html[data-theme=dark] .MobileAppHeader-navItem .Zi {
 fill:#8590a6
}
.MobileAppHeader-expandBtn,
.MobileAppHeader-link {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.MobileAppHeader-logo {
 padding-left:16px;
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex
}
.MobileAppHeader-actions,
.MobileAppHeader-logo {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.MobileAppHeader-actions {
 -ms-flex-negative:0;
 flex-shrink:0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 font-size:16px;
 color:#06f
}
html[data-theme=dark] .MobileAppHeader-actions {
 color:#558eff
}
.MobileAppHeader-authLink {
 padding:0 20px;
 color:inherit
}
.MobileAppHeader-downloadLink {
 position:relative;
 padding-right:16px;
 color:inherit
}
.MobileAppHeader-downloadLink:after {
 position:absolute;
 top:50%;
 right:0;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 display:block;
 width:0;
 height:16px;
 border-left:1px solid #ebebeb
}
html[data-theme=dark] .MobileAppHeader-downloadLink:after {
 border-left:1px solid #2e2e2e
}
.MobileAppHeader-downloadLink:after {
 content:""
}
.MobileAppHeader-moreIconWrapper {
 position:relative;
 margin:0 16px
}
.MobileAppHeader-expandModal {
 width:100%;
 top:0;
 -webkit-transform:unset;
 transform:unset
}
.MobileAppHeader-expandModal .MobileModal-content {
 padding:0
}
.MobileAppHeader-expand {
 background:#fff
}
html[data-theme=dark] .MobileAppHeader-expand {
 background:#121212
}
.MobileAppHeader-expand {
 overflow:hidden
}
.MobileAppHeader-expand a {
 height:56px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 color:#444
}
html[data-theme=dark] .MobileAppHeader-expand a {
 color:#d3d3d3
}
.MobileAppHeader-expand a {
 margin:0 16px
}
.MobileAppHeader-expand svg {
 margin-right:14px
}
.MobileAppHeader-expand a:not(:first-child) {
 border-top:1px solid #ebebeb
}
html[data-theme=dark] .MobileAppHeader-expand a:not(:first-child) {
 border-top:1px solid #2e2e2e
}
.MobileAppHeader-expand a:last-child,
html[data-theme=dark] .MobileAppHeader-expand a:last-child {
 color:#8590a6
}
.MobileAppHeader-expandContainer {
 position:fixed;
 top:52px;
 width:100%;
 z-index:100
}
.MobileAppHeader-expandBackdrop {
 position:fixed;
 top:52px;
 bottom:0;
 left:0;
 right:0;
 z-index:-1;
 background-color:rgba(18,18,18,.65)
}
html[data-theme=dark] .MobileAppHeader-expandBackdrop {
 background-color:hsla(0,0%,100%,.65)
}
.MobileAppHeader-expand-enter {
 height:0
}
.MobileAppHeader-expand-enter a {
 opacity:0
}
.MobileAppHeader-expand-enter .MobileAppHeader-expandBackdrop {
 background-color:rgba(18,18,18,0)
}
html[data-theme=dark] .MobileAppHeader-expand-enter .MobileAppHeader-expandBackdrop {
 background-color:hsla(0,0%,100%,0)
}
.MobileAppHeader-expand-enter.MobileAppHeader-expand-enter-active {
 height:170px;
 -webkit-transition:height .3s ease;
 transition:height .3s ease
}
.MobileAppHeader-expand-enter.MobileAppHeader-expand-enter-active a {
 opacity:1;
 -webkit-transition:opacity .3s cubic-bezier(1,0,1,0);
 transition:opacity .3s cubic-bezier(1,0,1,0)
}
.MobileAppHeader-expand-enter.MobileAppHeader-expand-enter-active .MobileAppHeader-expandBackdrop {
 background-color:rgba(18,18,18,.65)
}
html[data-theme=dark] .MobileAppHeader-expand-enter.MobileAppHeader-expand-enter-active .MobileAppHeader-expandBackdrop {
 background-color:hsla(0,0%,100%,.65)
}
.MobileAppHeader-expand-enter.MobileAppHeader-expand-enter-active .MobileAppHeader-expandBackdrop {
 -webkit-transition:background-color .3s ease;
 transition:background-color .3s ease
}
.MobileAppHeader-expand-leave {
 height:170px
}
.MobileAppHeader-expand-leave a {
 opacity:1
}
.MobileAppHeader-expand-leave .MobileAppHeader-expandBackdrop {
 background-color:rgba(18,18,18,.65)
}
html[data-theme=dark] .MobileAppHeader-expand-leave .MobileAppHeader-expandBackdrop {
 background-color:hsla(0,0%,100%,.65)
}
.MobileAppHeader-expand-leave.MobileAppHeader-expand-leave-active {
 height:0;
 -webkit-transition:height .3s ease;
 transition:height .3s ease
}
.MobileAppHeader-expand-leave.MobileAppHeader-expand-leave-active a {
 opacity:0;
 -webkit-transition:opacity .3s cubic-bezier(0,1,0,1);
 transition:opacity .3s cubic-bezier(0,1,0,1)
}
.MobileAppHeader-expand-leave.MobileAppHeader-expand-leave-active .MobileAppHeader-expandBackdrop {
 background-color:rgba(18,18,18,0)
}
html[data-theme=dark] .MobileAppHeader-expand-leave.MobileAppHeader-expand-leave-active .MobileAppHeader-expandBackdrop {
 background-color:hsla(0,0%,100%,0)
}
.MobileAppHeader-expand-leave.MobileAppHeader-expand-leave-active .MobileAppHeader-expandBackdrop {
 -webkit-transition:background-color .3s ease;
 transition:background-color .3s ease
}
.MobileAppHeader-noScrollBody {
 overflow:hidden
}
.MobileAppHeader-searchBox {
 background-color:hsla(0,0%,92.2%,.72)
}
html[data-theme=dark] .MobileAppHeader-searchBox {
 background-color:rgba(46,46,46,.72)
}
.MobileAppHeader-searchBox {
 border-radius:16px;
 height:32px;
 color:#999
}
html[data-theme=dark] .MobileAppHeader-searchBox {
 color:#999
}
.MobileAppHeader-searchBox {
 width:calc(100vw - 245px);
 margin:0 12px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 font-size:15px;
 padding-right:0
}
.MobileAppHeader-searchBox .Zi--Search {
 margin-right:4px
}
.MobileAppHeader-searchBox .Input {
 -webkit-appearance:none;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.MobileAppHeader-searchResultBox {
 width:calc(100vw - 147px)
}
.MobileAppHeader-searchResultBox .Input::-webkit-search-cancel-button {
 display:none
}
.MobileAppHeader-searchBoxWithUnlogin {
 width:calc(100vw - 280px)
}
.MobileAppHeader-innerWithoutSearchHeader {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.Tooltip {
 position:absolute;
 width:0;
 height:0
}
.Tooltip-enter,
.Tooltip-leave {
 -webkit-transition:opacity .3s;
 transition:opacity .3s
}
.Tooltip-enter {
 opacity:0
}
.Tooltip-enter-active,
.Tooltip-leave {
 opacity:1
}
.Tooltip-leave-active {
 opacity:0
}
.TooltipContent-wrapper {
 position:relative;
 width:0;
 height:0
}
.TooltipContent {
 position:absolute;
 top:0;
 left:0;
 padding:6px 8px;
 color:#fff;
 white-space:nowrap;
 background-color:rgba(18,18,18,.8);
 border-radius:4px;
 font-size:13px;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
html[data-theme=dark] .TooltipContent {
 color:#121212;
 background-color:hsla(0,0%,100%,.8)
}
.TooltipContent.TooltipContent--white {
 background:#fff;
 border:1px solid #ebebeb;
 color:#646464;
 -webkit-box-shadow:0 5px 20px rgba(18,18,18,.1);
 box-shadow:0 5px 20px rgba(18,18,18,.1)
}
html[data-theme=dark] .TooltipContent.TooltipContent--white {
 background:#121212;
 border:1px solid #1b1b1b;
 color:#d3d3d3;
 -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.TooltipContent.TooltipContent--white .TooltipContent-arrow:after {
 background:#fff;
 border:1px solid #ebebeb
}
html[data-theme=dark] .TooltipContent.TooltipContent--white .TooltipContent-arrow:after {
 background:#121212;
 border:1px solid #1b1b1b
}
.TooltipContent--top {
 -webkit-transform:translate(-50%,-100%) translateY(-8px);
 transform:translate(-50%,-100%) translateY(-8px)
}
.TooltipContent--bottom {
 -webkit-transform:translate(-50%) translateY(8px);
 transform:translate(-50%) translateY(8px)
}
.TooltipContent--left {
 -webkit-transform:translate(-100%,-50%) translateX(-8px);
 transform:translate(-100%,-50%) translateX(-8px)
}
.TooltipContent--right {
 -webkit-transform:translateY(-50%) translateX(8px);
 transform:translateY(-50%) translateX(8px)
}
.TooltipContent-arrow {
 overflow:hidden;
 position:absolute
}
.TooltipContent-arrow:after {
 background:rgba(18,18,18,.8);
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 content:"";
 height:32px;
 pointer-events:auto;
 position:absolute;
 width:32px
}
html[data-theme=dark] .TooltipContent-arrow:after {
 background:hsla(0,0%,100%,.8)
}
.TooltipContent--top .TooltipContent-arrow:after {
 -webkit-transform:translate(-8px,-32px) rotate(45deg);
 transform:translate(-8px,-32px) rotate(45deg)
}
.TooltipContent--bottom .TooltipContent-arrow:after {
 -webkit-transform:translate(-8px,8px) rotate(45deg);
 transform:translate(-8px,8px) rotate(45deg)
}
.TooltipContent--left .TooltipContent-arrow:after {
 -webkit-transform:translate(-32px,-8px) rotate(45deg);
 transform:translate(-32px,-8px) rotate(45deg)
}
.TooltipContent--right .TooltipContent-arrow:after {
 -webkit-transform:translate(8px,-8px) rotate(45deg);
 transform:translate(8px,-8px) rotate(45deg)
}
.TooltipContent--top .TooltipContent-arrow {
 height:8px;
 left:50%;
 bottom:0;
 -webkit-transform:translate(-50%,100%);
 transform:translate(-50%,100%);
 width:16px
}
.TooltipContent--bottom .TooltipContent-arrow {
 height:8px;
 left:50%;
 top:0;
 -webkit-transform:translate(-50%,-100%);
 transform:translate(-50%,-100%);
 width:16px
}
.TooltipContent--left .TooltipContent-arrow {
 height:16px;
 right:0;
 top:50%;
 -webkit-transform:translate(100%,-50%);
 transform:translate(100%,-50%);
 width:8px
}
.TooltipContent--right .TooltipContent-arrow {
 height:16px;
 left:0;
 top:50%;
 -webkit-transform:translate(-100%,-50%);
 transform:translate(-100%,-50%);
 width:8px
}
.TooltipContent a {
 color:inherit;
 text-decoration:underline
}
.TooltipContent-children--restricted {
 display:block;
 max-width:250px;
 max-height:150px;
 overflow:auto;
 word-wrap:break-word;
 white-space:normal;
 width:-webkit-max-content;
 width:-moz-max-content;
 width:max-content
}
.GlobalTooltip {
 position:fixed;
 z-index:9999
}
.WechatShareImage {
 display:none
}
.StaticCacheBanner {
 position:relative;
 z-index:100;
 padding:16px 10px;
 line-height:28px;
 color:#8590a6
}
html[data-theme=dark] .StaticCacheBanner {
 color:#8590a6
}
.StaticCacheBanner {
 text-align:center;
 background-color:#ebebeb
}
html[data-theme=dark] .StaticCacheBanner {
 background-color:#2e2e2e
}
.StaticCacheBanner a {
 color:#175199
}
html[data-theme=dark] .StaticCacheBanner a {
 color:#6385a6
}
.StaticCacheBanner a {
 -webkit-transition:border-bottom .2s ease-in;
 transition:border-bottom .2s ease-in
}
.StaticCacheBanner a:hover {
 border-bottom:1px solid rgba(23,81,153,.72)
}
html[data-theme=dark] .StaticCacheBanner a:hover {
 border-bottom:1px solid rgba(99,133,166,.72)
}
.LoadingBar {
 position:fixed;
 top:0;
 right:0;
 left:0;
 z-index:101;
 display:none;
 height:2px;
 pointer-events:none;
 background:#06f;
 -webkit-transform:translateX(-100%);
 transform:translateX(-100%)
}
html[data-theme=dark] .LoadingBar {
 background:#37f
}
.LoadingBar.is-active {
 display:block;
 -webkit-animation:LoadingBarForward 1s ease-in-out .8s infinite;
 animation:LoadingBarForward 1s ease-in-out .8s infinite
}
@-webkit-keyframes LoadingBarForward {
 0% {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)
 }
 40% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
 60% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
 to {
  -webkit-transform:translateX(100%);
  transform:translateX(100%)
 }
}
@keyframes LoadingBarForward {
 0% {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)
 }
 40% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
 60% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
 to {
  -webkit-transform:translateX(100%);
  transform:translateX(100%)
 }
}
.ShortcutHintModal {
 font-size:15px;
 width:auto
}
.ShortcutHintModal .Modal-content {
 margin-top:30px;
 padding:0 0 32px
}
.ShortcutHintModal-content {
 padding:0 20px 16px 0
}
.ShortcutHintModal-hintListContainer {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.ShortcutHintModal-hintList {
 padding:0 30px
}
.ShortcutHintModal-hintList:first-child {
 border-right:1px solid #f0f2f7
}
html[data-theme=dark] .ShortcutHintModal-hintList:first-child {
 border-right:1px solid #2e2e2e
}
.ShortcutHintModal-hintTitle {
 font-weight:700;
 margin-bottom:24px;
 text-align:center
}
.KeyHint {
 margin-bottom:16px
}
.KeyHint,
.KeyHint-keyContainer {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.KeyHint-keyContainer {
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
 margin-right:8px;
 width:120px
}
.KeyHint-key,
html[data-theme=dark] .KeyHint-key {
 color:#8590a6
}
.KeyHint-key {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.KeyHint-separator {
 margin:0 8px
}
.KeyHint-separator--space {
 margin:0 4px
}
.KeyHint-kbd {
 border:1px solid #f0f2f7
}
html[data-theme=dark] .KeyHint-kbd {
 border:1px solid #2e2e2e
}
.KeyHint-kbd {
 border-radius:4px;
 -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.06);
 box-shadow:0 1px 1px 0 rgba(0,0,0,.06);
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 font-family:Menlo,Monaco,Consolas,Andale Mono,lucida console,Courier New,monospace;
 font-size:16px;
 font-weight:700;
 min-width:26px;
 height:26px;
 padding:0 6px;
 text-align:center
}
.Tabs {
 border-bottom:1px solid #f6f6f6
}
html[data-theme=dark] .Tabs {
 border-bottom:1px solid #1b1b1b
}
.Tabs-item {
 display:inline-block;
 padding:0 20px
}
.Tabs-link {
 position:relative;
 display:inline-block;
 padding:14px 0;
 font-size:16px;
 line-height:22px;
 color:#121212;
 text-align:center
}
html[data-theme=dark] .Tabs-link {
 color:#fff
}
.Tabs-link.is-active {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .Tabs-link.is-active {
 font-weight:500
}
html[data-android] .Tabs-link.is-active {
 font-weight:700
}
.Tabs-link.is-active:after {
 position:absolute;
 right:0;
 bottom:-1px;
 left:0;
 height:3px;
 background:#06f;
 content:""
}
html[data-theme=dark] .Tabs-link.is-active:after {
 background:#37f
}
.Tabs-meta {
 margin-left:6px;
 font-size:14px;
 font-weight:300;
 line-height:20px;
 color:#999
}
html[data-theme=dark] .Tabs-meta {
 color:#999
}
.OrgZhihuLogo {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 font-size:18px
}
.OrgZhihuLogo-appName {
 margin-left:15px;
 border-left:1px solid #cfdae6;
 padding-left:10px;
 line-height:28px
}
.OrgAppHeader {
 position:relative;
 z-index:100;
 min-width:1000px;
 overflow:hidden;
 background:#fff
}
html[data-theme=dark] .OrgAppHeader {
 background:#121212
}
.OrgAppHeader {
 -webkit-box-shadow:0 1px 3px rgba(18,18,18,.1);
 box-shadow:0 1px 3px rgba(18,18,18,.1)
}
html[data-theme=dark] .OrgAppHeader {
 -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.OrgAppHeader {
 background-clip:content-box
}
.OrgAppHeader.is-fixed {
 z-index:100;
 width:100%
}
.OrgAppHeader-inner {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 position:relative;
 margin:0 auto;
 padding:0 16px;
 width:1000px;
 height:52px;
 -webkit-transition:-webkit-transform .3s;
 transition:-webkit-transform .3s;
 transition:transform .3s;
 transition:transform .3s,-webkit-transform .3s
}
.OrgAppHeader.is-hidden .OrgAppHeader-inner {
 -webkit-transform:translateY(-100%);
 transform:translateY(-100%)
}
.OrgAppHeader-userInfo {
 color:#444
}
.OrgAppHeader-userInfo .Button {
 margin-left:16px
}
.Menu {
 padding:6px 0
}
.Menu-item {
 display:block;
 width:100%;
 padding:0 20px;
 text-align:left;
 cursor:pointer;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.Menu-item.is-active {
 background:#f6f6f6
}
html[data-theme=dark] .Menu-item.is-active {
 background:#1b1b1b
}
.Menu-item--noActive {
 cursor:default
}
.Menu-divider {
 margin:8px 0;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .Menu-divider {
 border-bottom:1px solid #2e2e2e
}
.Avatar {
 background:#fff;
 border-radius:2px
}
html[data-theme=dark] .Avatar {
 background:#121212
}
.Avatar--medium {
 border-radius:3px
}
.Avatar--large {
 border-radius:4px
}
.Avatar--round {
 border-radius:50%
}
.AppHeaderProfileMenu-container--new {
 border:none;
 border-radius:8px;
 -webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.08);
 box-shadow:0 0 12px 0 rgba(0,0,0,.08);
 overflow:hidden;
 z-index:204
}
.AppHeaderProfileMenu-container--new.Popover-content--bottom {
 margin-top:24px
}
.AppHeaderProfileMenu--new {
 padding:12px
}
.AppHeaderProfileMenu-item {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 height:36px
}
.AppHeaderProfileMenu-item .Zi {
 margin-right:6px
}
.AppHeaderProfileMenu-item.AppHeaderProfileMenu-item--new {
 border-radius:4px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 color:#444
}
html[data-theme=dark] .AppHeaderProfileMenu-item.AppHeaderProfileMenu-item--new {
 color:#d3d3d3
}
.AppHeaderProfileMenu-item.AppHeaderProfileMenu-item--new {
 height:40px;
 padding:0 0 0 10px;
 width:130px
}
.AppHeaderProfileMenu-item.AppHeaderProfileMenu-item--new .Zi {
 margin-right:16px
}
.AppHeaderProfileMenu-item.AppHeaderProfileMenu-item--new:hover {
 color:#444
}
html[data-theme=dark] .AppHeaderProfileMenu-item.AppHeaderProfileMenu-item--new:hover {
 color:#d3d3d3
}
.AppHeader-profileEntry {
 display:relative
}
.AppHeader-profileAvatar {
 vertical-align:top
}
.AppHeader-profileAvatar--new {
 border-radius:50%
}
.AppHeader-profileAvatarRedDot {
 position:absolute;
 background:#f1403c
}
html[data-theme=dark] .AppHeader-profileAvatarRedDot {
 background:#f1403c
}
.AppHeader-profileAvatarRedDot {
 border:2px solid #fff
}
html[data-theme=dark] .AppHeader-profileAvatarRedDot {
 border:2px solid #121212
}
.AppHeader-profileAvatarRedDot {
 border-radius:50%;
 height:8px;
 right:-4px;
 top:-4px;
 width:8px
}
.AppHeaderProfileMenu-redDot,
html[data-theme=dark] .AppHeaderProfileMenu-redDot {
 background:#f1403c
}
.AppHeaderProfileMenu-redDot {
 border-radius:50%;
 margin-left:6px;
 margin-right:-4px;
 height:6px;
 width:6px
}
.AppHeaderProfileMenu-creatorHintPopover {
 position:absolute;
 right:0;
 top:0;
 z-index:-1
}
.AppHeaderProfileMenu-creatorHintToggler {
 height:30px;
 width:30px
}
.AppHeaderProfileMenu-creatorHintToggler--small {
 height:24px;
 width:24px
}
.AppHeaderProfileMenu-creatorHint {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 font-size:14px;
 min-width:336px;
 height:48px;
 padding:0 12px
}
.AppHeaderProfileMenu-creatorHintCreatorIcon,
html[data-theme=dark] .AppHeaderProfileMenu-creatorHintCreatorIcon {
 color:#8590a6
}
.AppHeaderProfileMenu-creatorHintText {
 margin-left:8px
}
.AppHeaderProfileMenu-creatorHintLink {
 color:#175199
}
html[data-theme=dark] .AppHeaderProfileMenu-creatorHintLink {
 color:#6385a6
}
.AppHeaderProfileMenu-creatorHintLink {
 cursor:pointer;
 outline:none;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .AppHeaderProfileMenu-creatorHintLink {
 font-weight:500
}
html[data-android] .AppHeaderProfileMenu-creatorHintLink {
 font-weight:700
}
.AppHeaderProfileMenu-creatorHintCloseContainer {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 color:#d3d3d3
}
html[data-theme=dark] .AppHeaderProfileMenu-creatorHintCloseContainer {
 color:#2e2e2e
}
.AppHeaderProfileMenu-creatorHintCloseContainer {
 cursor:pointer;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin-left:24px
}
.WalleModal-wrapper {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding:0 15px
}
.WalleModal-des {
 font-size:15px;
 line-height:1.4;
 color:#444
}
html[data-theme=dark] .WalleModal-des {
 color:#d3d3d3
}
.WalleModal-img {
 width:auto;
 height:auto;
 max-width:100%;
 max-height:100%;
 margin-top:40px;
 margin-bottom:15px
}
.WalleModal-open {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.WalleModal-content {
 width:60%
}
.WalleModal-title {
 font-size:16px;
 line-height:1.2;
 color:#444
}
html[data-theme=dark] .WalleModal-title {
 color:#d3d3d3
}
@media only screen and (min-device-width:320px) {
 .WalleModal-title {
  font-size:15px
 }
}
.WalleModal-intro {
 font-size:13px;
 line-height:1.38;
 color:#646464
}
html[data-theme=dark] .WalleModal-intro {
 color:#d3d3d3
}
.WalleModal-intro {
 margin-top:3px
}
.WalleModal-btn {
 width:92px;
 height:32px
}
.ztext {
 word-break:break-word;
 line-height:1.6
}
.ztext>:first-child {
 margin-top:0
}
.ztext>:last-child {
 margin-bottom:0
}
.ztext h1,
.ztext h2 {
 clear:left;
 margin-top:2.33333em;
 margin-bottom:1.16667em;
 font-size:1.2em;
 line-height:1.5;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .ztext h1,
html[data-ios] .ztext h2 {
 font-weight:500
}
html[data-android] .ztext h1,
html[data-android] .ztext h2 {
 font-weight:700
}
.ztext h3,
.ztext h4,
.ztext h5,
.ztext h6 {
 clear:left;
 margin-top:1.90909em;
 margin-bottom:1.27273em;
 font-size:1.1em;
 line-height:1.5;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .ztext h3,
html[data-ios] .ztext h4,
html[data-ios] .ztext h5,
html[data-ios] .ztext h6 {
 font-weight:500
}
html[data-android] .ztext h3,
html[data-android] .ztext h4,
html[data-android] .ztext h5,
html[data-android] .ztext h6 {
 font-weight:700
}
.ztext u {
 text-decoration:none;
 border-bottom:1px dashed grey
}
html[data-theme=dark] .ztext u {
 border-bottom:1px dashed #999
}
.ztext b {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .ztext b {
 font-weight:500
}
html[data-android] .ztext b {
 font-weight:700
}
.ztext sup {
 font-size:.8em
}
.ztext sup[data-draft-type=reference] {
 color:#175199
}
html[data-theme=dark] .ztext sup[data-draft-type=reference] {
 color:#6385a6
}
.ztext a:focus {
 outline:none;
 -webkit-transition:-webkit-box-shadow .3s;
 transition:-webkit-box-shadow .3s;
 transition:box-shadow .3s;
 transition:box-shadow .3s,-webkit-box-shadow .3s
}
html[data-focus-visible] .ztext a:focus {
 -webkit-box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,102,255,.3);
 box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,102,255,.3)
}
html[data-theme=dark][data-focus-visible] .ztext a:focus {
 -webkit-box-shadow:0 0 0 2px #121212,0 0 0 4px rgba(51,119,255,.6);
 box-shadow:0 0 0 2px #121212,0 0 0 4px rgba(51,119,255,.6)
}
.ztext a.external,
.ztext a.internal,
.ztext a.ztext-link {
 text-decoration:none;
 cursor:pointer;
 border-bottom:1px solid grey
}
html[data-theme=dark] .ztext a.external,
html[data-theme=dark] .ztext a.internal,
html[data-theme=dark] .ztext a.ztext-link {
 border-bottom:1px solid #999
}
.ztext a.external:hover,
.ztext a.internal:hover,
.ztext a.ztext-link:hover {
 color:#175199;
 border-bottom:1px solid #175199
}
html[data-theme=dark] .ztext a.external:hover,
html[data-theme=dark] .ztext a.internal:hover,
html[data-theme=dark] .ztext a.ztext-link:hover {
 color:#6385a6;
 border-bottom:1px solid #6385a6
}
.ztext a.external>.ellipsis:after,
.ztext a.internal>.ellipsis:after,
.ztext a.ztext-link>.ellipsis:after {
 content:"..."
}
.ztext a.external>.invisible,
.ztext a.internal>.invisible,
.ztext a.ztext-link>.invisible {
 font:0/0 a;
 color:transparent;
 text-shadow:none;
 background-color:transparent
}
.ztext a.external u,
.ztext a.internal u,
.ztext a.ztext-link u {
 border:none
}
.ztext a.member_mention {
 color:#175199
}
html[data-theme=dark] .ztext a.member_mention {
 color:#6385a6
}
.ztext a.member_mention:hover {
 border-bottom:1px solid #175199
}
html[data-theme=dark] .ztext a.member_mention:hover {
 border-bottom:1px solid #6385a6
}
.ztext p {
 margin:1.4em 0
}
.ztext p.ztext-empty-paragraph {
 margin:-.8em 0
}
.ztext p.ztext-empty-paragraph+.ztext-empty-paragraph {
 margin:1.4em 0
}
.ztext hr {
 margin:2em auto;
 width:240px;
 max-width:100%;
 border:none;
 border-top:1px solid #d3d3d3
}
html[data-theme=dark] .ztext hr {
 border-top:1px solid #2e2e2e
}
.ztext img[eeimg] {
 max-width:100%;
 vertical-align:middle
}
html[data-theme=dark] .ztext img[eeimg] {
 -webkit-filter:invert(1);
 filter:invert(1)
}
.ztext img[eeimg="1"] {
 margin:0 3px;
 display:inline-block
}
.ztext img[eeimg="2"] {
 margin:1.4em auto;
 display:block
}
.ztext blockquote {
 margin:1.4em 0;
 padding-left:1em;
 color:#646464;
 border-left:3px solid #d3d3d3
}
html[data-theme=dark] .ztext blockquote {
 color:#d3d3d3;
 border-left:3px solid #2e2e2e
}
.ztext ol,
.ztext ul {
 margin:1.4em 0;
 padding:0
}
.ztext ol ol,
.ztext ol ul,
.ztext ul ol,
.ztext ul ul {
 margin:0
}
.ztext ol>ol,
.ztext ol>ul,
.ztext ul>ol,
.ztext ul>ul {
 display:table-row
}
.ztext ol>ol:before,
.ztext ol>ul:before,
.ztext ul>ol:before,
.ztext ul>ul:before {
 display:table-cell;
 content:""
}
.ztext ul {
 display:table
}
.ztext ul>li {
 display:table-row;
 list-style:none
}
.ztext ul>li:before {
 display:table-cell;
 content:"• ";
 white-space:pre
}
.ztext ol {
 display:table;
 counter-reset:ol
}
.ztext ol>li {
 display:table-row;
 list-style:none
}
.ztext ol>li:before {
 display:table-cell;
 text-align:right;
 counter-increment:ol;
 content:counter(ol) ". ";
 white-space:pre
}
.ztext ol ol {
 counter-reset:ol2
}
.ztext ol ol li:before {
 counter-increment:ol2;
 content:counter(ol2) ". "
}
.ztext ol ol ol {
 counter-reset:ol3
}
.ztext ol ol ol li:before {
 counter-increment:ol3;
 content:counter(ol3) ". "
}
.ztext ol ol ol ol {
 counter-reset:ol4
}
.ztext ol ol ol ol li:before {
 counter-increment:ol4;
 content:counter(ol4) ". "
}
.ztext figure {
 margin:1.4em 0
}
.ztext figure .content_image,
.ztext figure .origin_image {
 margin:0 auto
}
.ztext figure figcaption {
 margin-top:.66667em;
 padding:0 1em;
 font-size:.9em;
 line-height:1.5;
 text-align:center;
 color:#999
}
html[data-theme=dark] .ztext figure figcaption {
 color:#999
}
.ztext figure+figure {
 margin-top:2.24em
}
.ztext figure:not([data-size])>[data-size=small],
.ztext figure[data-size=small] {
 clear:both
}
.ztext figure:not([data-size])>[data-size=left],
.ztext figure[data-size=left] {
 float:left;
 margin:0 20px 20px 0;
 max-width:33%
}
.ztext figure:not([data-size])>[data-size=right],
.ztext figure[data-size=right] {
 float:right;
 margin:0 0 20px 20px;
 max-width:33%
}
.ztext figure[data-size=collapse] {
 margin-bottom:0
}
.ztext figure[data-size=collapse]+figure {
 margin-top:0
}
.ztext .content_image,
.ztext .origin_image {
 display:block;
 max-width:100%;
 margin:1.4em auto
}
.ztext .content_image[data-size=small],
.ztext .origin_image[data-size=small] {
 max-width:40%
}
.ztext .content_image.zh-lightbox-thumb,
.ztext .origin_image.zh-lightbox-thumb {
 cursor:-webkit-zoom-in;
 cursor:zoom-in
}
.ztext code {
 margin:0 2px;
 padding:3px 4px;
 border-radius:3px;
 font-family:Menlo,Monaco,Consolas,Andale Mono,lucida console,Courier New,monospace;
 font-size:.9em;
 background-color:#f6f6f6
}
html[data-theme=dark] .ztext code {
 background-color:#1b1b1b
}
.ztext pre {
 margin:1.4em 0;
 padding:.88889em;
 font-size:.9em;
 word-break:normal;
 word-wrap:normal;
 white-space:pre;
 overflow:auto;
 -webkit-overflow-scrolling:touch;
 background:#f6f6f6;
 border-radius:4px
}
html[data-theme=dark] .ztext pre {
 background:#1b1b1b
}
.ztext pre code {
 margin:0;
 padding:0;
 font-size:inherit;
 border-radius:0;
 background-color:inherit
}
.ztext li pre {
 white-space:pre-wrap
}
.ztext table[data-draft-type=table] {
 border-collapse:collapse;
 font-size:15px;
 margin:1.4em auto;
 max-width:100%;
 table-layout:fixed;
 text-align:left;
 width:100%
}
.ztext table[data-draft-type=table][data-size=small] {
 min-width:260px;
 width:40%
}
.ztext table[data-draft-type=table][data-row-style=striped] tr:nth-child(odd) {
 background:#f6f6f6
}
html[data-theme=dark] .ztext table[data-draft-type=table][data-row-style=striped] tr:nth-child(odd) {
 background:#1b1b1b
}
.ztext table[data-draft-type=table] td,
.ztext table[data-draft-type=table] th {
 border:1px solid #d3d3d3;
 line-height:24px;
 height:24px;
 padding:3px 12px
}
html[data-theme=dark] .ztext table[data-draft-type=table] td,
html[data-theme=dark] .ztext table[data-draft-type=table] th {
 border:1px solid #2e2e2e
}
.ztext table[data-draft-type=table] th {
 background:#ebebeb;
 color:#121212;
 font-weight:500
}
html[data-theme=dark] .ztext table[data-draft-type=table] th {
 background:#2e2e2e;
 color:#fff
}
.ztext-referene-tooltip .TooltipContent-children {
 display:block;
 max-width:250px;
 max-height:150px;
 overflow:auto;
 word-wrap:break-word;
 white-space:normal;
 width:-webkit-max-content;
 width:-moz-max-content;
 width:max-content
}
.ztext .link-box,
.ztext .video-box {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 margin:1.4em 0;
 overflow:auto;
 white-space:normal;
 cursor:pointer;
 border:1px solid #ebebeb;
 border-radius:4px;
 -webkit-box-shadow:0 1px 3px rgba(18,18,18,.1);
 box-shadow:0 1px 3px rgba(18,18,18,.1)
}
html[data-theme=dark] .ztext .link-box,
html[data-theme=dark] .ztext .video-box {
 border:1px solid #2e2e2e;
 -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.ztext .link-box .thumbnail,
.ztext .video-box .thumbnail {
 -ms-flex-negative:0;
 flex-shrink:0;
 width:90px;
 height:90px;
 -o-object-fit:cover;
 object-fit:cover
}
.ztext .link-box .content,
.ztext .video-box .content {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:100%;
 padding:10px 1em;
 overflow:hidden;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -ms-flex-pack:distribute;
 justify-content:space-around
}
.ztext .link-box .title,
.ztext .video-box .title {
 font-size:1.2em;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .ztext .link-box .title,
html[data-ios] .ztext .video-box .title {
 font-weight:500
}
html[data-android] .ztext .link-box .title,
html[data-android] .ztext .video-box .title {
 font-weight:700
}
.ztext .link-box .url,
.ztext .video-box .url {
 overflow:hidden;
 color:grey;
 text-overflow:ellipsis;
 word-wrap:normal;
 white-space:nowrap
}
html[data-theme=dark] .ztext .link-box .url,
html[data-theme=dark] .ztext .video-box .url {
 color:#999
}
.ztext .link-box .label,
.ztext .video-box .label {
 display:none
}
.AutoComplete-UserItem {
 width:188px;
 height:50px;
 padding:9px 0;
 line-height:normal;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.AutoComplete-UserDetail {
 display:inline-block;
 margin-left:8px;
 vertical-align:middle
}
.AutoComplete-UserHeadline,
.AutoComplete-UserName {
 max-width:120px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.AutoComplete-UserName {
 font-size:14px;
 color:#121212
}
html[data-theme=dark] .AutoComplete-UserName {
 color:#fff
}
.AutoComplete-UserHeadline {
 font-size:12px;
 color:#8590a6
}
html[data-theme=dark] .AutoComplete-UserHeadline {
 color:#8590a6
}
.AutoComplete-UserAvatar {
 vertical-align:middle
}
.AutoComplete-DefaultItem {
 line-height:40px
}
.BounceLoading {
 position:relative
}
.BounceLoading .BounceLoading-child {
 position:absolute;
 background-color:#06f;
 border-radius:50%;
 -webkit-transform-origin:center;
 transform-origin:center;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite;
 -webkit-animation-name:Bounce;
 animation-name:Bounce;
 -webkit-animation-timing-function:ease-in-out;
 animation-timing-function:ease-in-out;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
html[data-theme=dark] .BounceLoading .BounceLoading-child {
 background-color:#37f
}
@-webkit-keyframes Bounce {
 0%,
 to {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
 }
 50% {
  -webkit-transform:translateY(100%);
  transform:translateY(100%)
 }
}
@keyframes Bounce {
 0%,
 to {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
 }
 50% {
  -webkit-transform:translateY(100%);
  transform:translateY(100%)
 }
}
.InfiLoader--bounceShown {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 min-height:100px;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.PlaceHolder-inner {
 position:relative;
 overflow:hidden;
 background:#f6f6f6;
 color:#fff
}
html[data-theme=dark] .PlaceHolder-inner {
 background:#1b1b1b;
 color:#121212
}
.PlaceHolder-mask {
 position:relative;
 min-width:100%;
 vertical-align:top;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.PlaceHolder-bg {
 position:absolute;
 width:200%;
 height:100%;
 background:-webkit-gradient(linear,left top,right top,from(#f6f6f6),color-stop(20%,#ebebeb),color-stop(40%,#f6f6f6),to(#f6f6f6));
 background:linear-gradient(90deg,#f6f6f6 0,#ebebeb 20%,#f6f6f6 40%,#f6f6f6);
 -webkit-animation:linear-double 1s linear 1ms infinite forwards;
 animation:linear-double 1s linear 1ms infinite forwards
}
html[data-theme=dark] .PlaceHolder-bg {
 background:-webkit-gradient(linear,left top,right top,from(#1b1b1b),color-stop(20%,#2e2e2e),color-stop(40%,#1b1b1b),to(#1b1b1b));
 background:linear-gradient(90deg,#1b1b1b 0,#2e2e2e 20%,#1b1b1b 40%,#1b1b1b)
}
@-webkit-keyframes linear-double {
 0% {
  -webkit-transform:translateX(-56%);
  transform:translateX(-56%)
 }
 to {
  -webkit-transform:translateX(56%);
  transform:translateX(56%)
 }
}
@keyframes linear-double {
 0% {
  -webkit-transform:translateX(-56%);
  transform:translateX(-56%)
 }
 to {
  -webkit-transform:translateX(56%);
  transform:translateX(56%)
 }
}
.AutoComplete-menu--hidden {
 visibility:hidden
}
.SearchBar-topSearchItem {
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 font-size:14px;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding:4px 0;
 height:32px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 margin:2px 0
}
.SearchBar-hotIcon {
 margin-left:5px
}
.SearchBar-historyItem {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 font-size:14px;
 padding:6px 0;
 line-height:24px
}
.SearchBar-historyItem,
.SearchBar-historyItemContent {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.SearchBar-historyItemContent.blueFont {
 color:#175199
}
html[data-theme=dark] .SearchBar-historyItemContent.blueFont {
 color:#6385a6
}
.SearchBar-historyLabel {
 padding:7px 0;
 margin-right:16px;
 margin-left:16px;
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .SearchBar-historyLabel {
 color:#8590a6
}
.SearchBar-historyLabel {
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .SearchBar-historyLabel {
 border-bottom:1px solid #2e2e2e
}
.SearchBar-historyLabel {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.SearchBar-historyIconWrapper {
 position:relative
}
.SearchBar-historyIconWrapper svg,
html[data-theme=dark] .SearchBar-historyIconWrapper svg {
 fill:#8590a6
}
.SearchBar-historyIconWrapper:hover {
 color:#175199
}
html[data-theme=dark] .SearchBar-historyIconWrapper:hover {
 color:#6385a6
}
.SearchBar-historyIconWrapper:hover svg {
 fill:#175199
}
html[data-theme=dark] .SearchBar-historyIconWrapper:hover svg {
 fill:#6385a6
}
.SearchBar-historyIconShade {
 position:absolute;
 width:100%;
 height:100%;
 cursor:pointer
}
.SearchBar-historyLabelDeleteAll {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.SearchBar-historyDelete {
 display:none
}
.SearchBar-historyItem:hover .SearchBar-historyDelete {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.SearchBar-historyDeleteAll {
 cursor:pointer
}
.AskBrand .Select-button {
 width:124px;
 padding:0 4px 0 12px;
 background-color:#fff
}
.AskBrand .AskBrand-text {
 overflow:hidden;
 text-overflow:ellipsis;
 display:inline-block;
 white-space:nowrap;
 width:74px;
 vertical-align:middle
}
.AskBrand--list {
 max-height:300px
}
.Tag {
 position:relative;
 display:inline-block;
 height:30px;
 padding:0 12px;
 font-size:14px;
 line-height:30px;
 color:#06f;
 vertical-align:top;
 border-radius:100px;
 background:rgba(0,102,255,.1)
}
html[data-theme=dark] .Tag {
 color:#37f;
 background:rgba(51,119,255,.1)
}
.Tag:hover {
 background-color:rgba(0,102,255,.15)
}
html[data-theme=dark] .Tag:hover {
 background-color:rgba(51,119,255,.15)
}
.Tag--removable {
 padding-right:28px
}
.Tag-remove {
 position:absolute;
 top:0;
 right:10px;
 bottom:0;
 margin-top:auto;
 margin-bottom:auto;
 cursor:pointer;
 padding:0;
 background:none;
 border:none;
 color:inherit
}
.Tag-remove:focus {
 outline:none
}
.Tag-remove .Zi {
 display:block
}
.TagInputAlias .Tag {
 margin:0 8px 8px 0
}
.TopicInputAlias-autocomplete {
 display:inline-block
}
.TopicInputAlias-autocomplete .Popover {
 vertical-align:top
}
.TopicInputAlias-autocomplete .Input-wrapper {
 height:30px
}
.TopicInputAlias-input {
 border-radius:20px;
 padding:4px 18px
}
.TopicInputAlias-input.is-focus {
 border-color:#06f
}
html[data-theme=dark] .TopicInputAlias-input.is-focus {
 border-color:#558eff
}
.TopicInputAlias-placeholderButton {
 background:none!important;
 color:#06f!important
}
html[data-theme=dark] .TopicInputAlias-placeholderButton {
 color:#558eff!important
}
.TopicInputAlias-placeholderButton {
 line-height:30px
}
.TopicInputAlias-suggestionContainer {
 max-height:214px;
 min-width:154px;
 overflow:auto;
 font-size:14px
}
.AskTopics-input {
 border-radius:20px;
 border-color:#06f
}
html[data-theme=dark] .AskTopics-input {
 border-color:#558eff
}
.AskTopics-input {
 color:#06f
}
html[data-theme=dark] .AskTopics-input {
 color:#558eff
}
.AskTopics-input {
 padding:2px 18px
}
.MaxLength {
 font-size:14px
}
.MaxLength,
html[data-theme=dark] .MaxLength {
 color:#8590a6
}
.MaxLength.is-error,
html[data-theme=dark] .MaxLength.is-error {
 color:#f1403c
}
.AskFieldTip {
 font-size:15px
}
.AskFieldTip--warning,
html[data-theme=dark] .AskFieldTip--warning {
 color:#ff9607
}
.AskFieldTip--error,
html[data-theme=dark] .AskFieldTip--error {
 color:#f1403c
}
.AskFieldTip .MaxLength {
 font-size:15px
}
.AskTitle {
 position:relative;
 font-size:18px
}
.AskTitle .Popover {
 display:block
}
.AskTitle-text {
 position:absolute;
 z-index:-100;
 opacity:0;
 width:100%;
 line-height:1.34;
 white-space:pre-wrap;
 word-wrap:break-word
}
.AskTitle-input {
 max-height:48px;
 font-size:18px;
 padding:0!important;
 border:none
}
.AskTitle-input.is-focus {
 border:none;
 line-height:1.34
}
.AskTitle-input .Input:not(input) {
 line-height:1.34
}
.AskTitle-suggestionClose {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 padding:8px 12px;
 color:#8590a6
}
html[data-theme=dark] .AskTitle-suggestionClose {
 color:#8590a6
}
.AskTitle-suggestionPopover {
 margin-top:25px
}
.AskTitle-suggestionContainer {
 width:432px;
 max-height:164px;
 overflow:auto
}
.AskTitle-suggestionItem .Menu-item {
 padding:8px 12px
}
.AskTitle-suggestionItemLink {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.AskTitle-suggestionItemDesc {
 padding-left:14px;
 color:#8590a6
}
html[data-theme=dark] .AskTitle-suggestionItemDesc {
 color:#8590a6
}
.AskTitle-suggestionItemDesc {
 -ms-flex-negative:0;
 flex-shrink:0
}
.Editable-toolbar {
 background:#fff;
 border-bottom:1px solid #ebebeb;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
html[data-theme=dark] .Editable-toolbar {
 background:#121212;
 border-bottom:1px solid #2e2e2e
}
.isToolbarSticky .Editable-toolbar,
.Sticky.is-fixed .Editable-toolbar {
 border-top:none!important;
 border-bottom:none!important
}
.isToolbarSticky .Editable-toolbar:after,
.Sticky.is-fixed .Editable-toolbar:after {
 content:" ";
 position:absolute;
 left:0;
 top:100%;
 width:100%;
 pointer-events:none;
 height:3px;
 background:radial-gradient(ellipse at 50%,at 1%,rgba(18,18,18,.1),hsla(0,0%,100%,0) 80%);
 background:radial-gradient(ellipse at 50% 1%,rgba(18,18,18,.1),hsla(0,0%,100%,0) 80%)
}
html[data-theme=dark] .isToolbarSticky .Editable-toolbar:after,
html[data-theme=dark] .Sticky.is-fixed .Editable-toolbar:after {
 background:radial-gradient(ellipse at 50%,at 1%,hsla(0,0%,100%,.1),rgba(18,18,18,0) 80%);
 background:radial-gradient(ellipse at 50% 1%,hsla(0,0%,100%,.1),rgba(18,18,18,0) 80%)
}
.Editable-toolbar-controls {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 padding:6px 10px
}
.Editable-toolbar-controls+.Editable-toolbar-controls {
 border-top:1px solid #ebebeb
}
html[data-theme=dark] .Editable-toolbar-controls+.Editable-toolbar-controls {
 border-top:1px solid #2e2e2e
}
.Editable-toolbar-separator {
 background-color:#ebebeb;
 height:20px;
 margin:0 10px;
 width:1px
}
html[data-theme=dark] .Editable-toolbar-separator {
 background-color:#2e2e2e
}
.Editable-control {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 color:#8590a6;
 cursor:pointer;
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 height:28px;
 margin:0 4px;
 padding:2px;
 white-space:nowrap
}
html[data-theme=dark] .Editable-control {
 color:#8590a6
}
.Editable-control:not(:disabled):hover {
 background-color:rgba(0,102,255,.1);
 border-radius:4px;
 color:#06f
}
html[data-theme=dark] .Editable-control:not(:disabled):hover {
 background-color:rgba(51,119,255,.1);
 color:#37f
}
.Editable-control.is-active {
 color:#06f
}
html[data-theme=dark] .Editable-control.is-active {
 color:#37f
}
.Editable-control span {
 line-height:24px
}
.Editable-control .Zi+span {
 margin-left:6px
}
.Editable-toolbarMenu {
 height:26px;
 margin-left:auto
}
.Editable-toolbarMenuItem {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 line-height:36px
}
.Editable-toolbarMenuItem .Zi {
 margin-right:4px
}
.EditableToolbarMenuCallout {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 background:#fff;
 border-top:1px solid #ebebeb;
 padding:5px 13px
}
.EditableToolbarMenuCallout-closeButton {
 margin-left:auto;
 width:26px;
 height:26px
}
.EditableToolbarMenuCallout-arrowBox {
 position:absolute;
 top:0;
 left:0;
 background:#fff;
 pointer-events:none
}
.EditableToolbarMenuCallout-arrowBox:after,
.EditableToolbarMenuCallout-arrowBox:before {
 bottom:100%;
 left:0;
 border:solid transparent;
 content:" ";
 height:0;
 width:0;
 position:absolute;
 pointer-events:none
}
.EditableToolbarMenuCallout-arrowBox:after {
 border-color:hsla(0,0%,100%,0) hsla(0,0%,100%,0) #fff;
 border-width:8px;
 margin-left:-8px
}
.EditableToolbarMenuCallout-arrowBox:before {
 border-color:hsla(0,0%,80%,0) hsla(0,0%,80%,0) #ebebeb;
 border-width:9px;
 margin-left:-9px
}
.AskDetail {
 min-height:112px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.AskDetail-input {
 font-size:15px
}
.AskDetail-inputWrapper {
 overflow-x:hidden;
 overflow-y:auto;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.AskDetail-actionsWrapper {
 overflow:hidden;
 -ms-flex-negative:0;
 flex-shrink:0
}
.AskDetail-actions {
 float:right
}
.AskDetail-placeholder {
 display:inline-block;
 color:#8590a6
}
.AskOptions-label,
html[data-theme=dark] .AskDetail-placeholder,
html[data-theme=dark] .AskOptions-label {
 color:#8590a6
}
.AskOptions-label {
 cursor:pointer
}
.AskOptions-checkbox {
 margin-right:8px;
 vertical-align:text-top
}
.AskOptions-showAuthorHint {
 margin-left:4px;
 color:#8590a6
}
html[data-theme=dark] .AskOptions-showAuthorHint {
 color:#8590a6
}
.AskOptions-showAuthorHintText {
 width:206px;
 color:#646464
}
html[data-theme=dark] .AskOptions-showAuthorHintText {
 color:#d3d3d3
}
.AskOptions-showAuthorHintText {
 padding:12px;
 font-size:12px;
 line-height:18px;
 background:#fff
}
html[data-theme=dark] .AskOptions-showAuthorHintText {
 background:#121212
}
.AskOptions-showAuthorHintText .Popover-arrow {
 left:1px!important
}
.AskOptions-showAuthorHintText .Popover-arrow:after {
 border:none;
 background:#fff
}
html[data-theme=dark] .AskOptions-showAuthorHintText .Popover-arrow:after {
 background:#121212
}
.AskOptions-showAuthorHintText.Popover-content--right.Popover-content--arrowed {
 margin-left:10px
}
.AskBrandTitle-main {
 color:#121212
}
html[data-theme=dark] .AskBrandTitle-main {
 color:#fff
}
.AskBrandTitle-main {
 font-size:18px;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .AskBrandTitle-main {
 font-weight:500
}
html[data-android] .AskBrandTitle-main {
 font-weight:700
}
.AskBrandTitle-sub,
html[data-theme=dark] .AskBrandTitle-sub {
 color:#999
}
.AskBrandTitle-sub {
 font-size:13px
}
.Ask-form {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.Ask-form,
.Ask-items {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.Ask-items {
 max-height:calc(100vh - 146px);
 min-height:138px;
 overflow:hidden
}
.Ask-items:first-child {
 padding-top:8px
}
.Ask-item {
 -ms-flex-negative:0;
 flex-shrink:0;
 margin-bottom:16px;
 overflow:hidden;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.Ask-item:nth-child(2) {
 -ms-flex-negative:1;
 flex-shrink:1
}
.Ask-titleWrapper {
 display:block
}
.Ask-title {
 overflow:hidden
}
.Ask-footer {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-negative:0;
 flex-shrink:0
}
.Ask-footer-buttonWrapper {
 -webkit-box-flex:1;
 -ms-flex:1 1;
 flex:1 1;
 text-align:right
}
.Ask-header {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 background-color:#f6f6f6
}
html[data-theme=dark] .Ask-header {
 background-color:#1b1b1b
}
.Ask-header {
 padding:18px 24px;
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .Ask-header {
 border-bottom:1px solid #2e2e2e
}
.Ask-header {
 margin:-24px -24px 12px
}
.AskOrgSelect-item {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 color:#bfbfbf
}
html[data-theme=dark] .AskOrgSelect-item {
 color:#444
}
.AskOrgSelect-item {
 padding-bottom:15px;
 padding-top:26px
}
.AskOrgSelect-item+.AskOrgSelect-item {
 border-top:1px solid #ebebeb
}
html[data-theme=dark] .AskOrgSelect-item+.AskOrgSelect-item {
 border-top:1px solid #2e2e2e
}
.AskOrgSelect-item svg {
 -ms-flex-negative:0;
 flex-shrink:0
}
.AskOrgSelect-itemTitle {
 font-size:17px;
 color:#121212
}
html[data-theme=dark] .AskOrgSelect-itemTitle {
 color:#fff
}
.AskOrgSelect-itemDesc {
 margin-top:10px;
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .AskOrgSelect-itemDesc {
 color:#8590a6
}
.SearchBar {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.SearchBar-tool {
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1;
 height:100%;
 position:relative;
 overflow:hidden;
 width:100%;
 z-index:104
}
.SearchBar-tool--focus {
 height:100%;
 left:0;
 position:absolute;
 top:0;
 width:100%
}
.SearchBar-tool .Popover,
.SearchBar-tool>div {
 display:block;
 height:100%;
 width:100%
}
.SearchBar-groupItem--topSearch {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 padding:10px
}
.SearchBar-groupItem--hisotry {
 display:block
}
.SearchBar-menuContainer {
 margin-left:-13px
}
.SearchBar-menu {
 width:400px;
 padding-bottom:0;
 overflow-x:hidden
}
.SearchBar-menu.SearchBar-noValueMenu {
 padding-bottom:8px
}
.SearchBar-menu em,
html[data-theme=dark] .SearchBar-menu em {
 color:#8590a6
}
.SearchBar-menu em {
 font-style:normal
}
.SearchBar-menu .blueFont em {
 color:#175199
}
html[data-theme=dark] .SearchBar-menu .blueFont em {
 color:#6385a6
}
.SearchBar-contentResult,
.SearchBar-defaultResult,
.SearchBar-peopleResult,
.SearchBar-searchLink,
.SearchBar-topicResult {
 display:block;
 padding:10px 0;
 font-size:14px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.SearchBar-label {
 padding:7px 0;
 margin-right:16px;
 margin-left:16px;
 font-size:14px;
 color:#8590a6
}
html[data-theme=dark] .SearchBar-label {
 color:#8590a6
}
.SearchBar-label {
 border-bottom:1px solid #ebebeb
}
html[data-theme=dark] .SearchBar-label {
 border-bottom:1px solid #2e2e2e
}
.SearchBar-label--history {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.SearchBar-peopleResult {
 padding:13px 0
}
.SearchBar-peopleResult .AuthorInfo {
 padding-top:0
}
.SearchBar-peopleResult .AuthorInfo-name {
 font-weight:400
}
.SearchBar-peopleResult .AuthorInfo-badge {
 font-size:13px;
 color:#8590a6
}
html[data-theme=dark] .SearchBar-peopleResult .AuthorInfo-badge {
 color:#8590a6
}
.SearchBar-userAvatar {
 border-radius:3px
}
.SearchBar-user {
 display:inline-block;
 margin-left:16px
}
.SearchBar-userHeadline {
 margin-top:2px;
 font-size:13px;
 color:#8590a6
}
html[data-theme=dark] .SearchBar-userHeadline {
 color:#8590a6
}
.SearchBar-contentSuffix,
.SearchBar-topicSuffix {
 margin-left:8px;
 font-size:13px;
 color:#8590a6
}
html[data-theme=dark] .SearchBar-contentSuffix,
html[data-theme=dark] .SearchBar-topicSuffix {
 color:#8590a6
}
.SearchBar-contentSuffix,
.SearchBar-topicSuffix {
 white-space:nowrap
}
.SearchBar-searchLink {
 display:block;
 font-size:14px;
 color:#06f
}
html[data-theme=dark] .SearchBar-searchLink {
 color:#558eff
}
.SearchBar-searchLink {
 cursor:pointer
}
.SearchBar-askButton {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 -ms-flex-negative:0;
 flex-shrink:0;
 z-index:103;
 padding:0 14px;
 margin-left:16px;
 -webkit-transition:opacity .3s ease,-webkit-transform .3s ease;
 transition:opacity .3s ease,-webkit-transform .3s ease;
 transition:opacity .3s ease,transform .3s ease;
 transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
 line-height:30px
}
.SearchBar-hiddenAskButton {
 opacity:0;
 -webkit-transform:scale(0);
 transform:scale(0)
}
.SearchBar-input {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 padding-left:12px;
 padding-right:0;
 -webkit-transition:width .2s ease,background .3s ease;
 transition:width .2s ease,background .3s ease;
 width:100%
}
.SearchBar-searchButton {
 margin-left:12px;
 padding:0 12px;
 background:transparent;
 border-color:transparent;
 border-bottom-left-radius:0;
 border-top-left-radius:0
}
.SearchBar-searchIcon {
 -webkit-transition:fill .2s ease;
 transition:fill .2s ease
}
.SearchBar-searchIcon.isFocus {
 color:#06f
}
html[data-theme=dark] .SearchBar-searchIcon.isFocus {
 color:#558eff
}
.SearchBar-searchIcon.hasValue {
 color:#fff
}
html[data-theme=dark] .SearchBar-searchIcon.hasValue {
 color:#121212
}
.SearchBar-menu .Menu-item {
 padding:0 16px
}
.ReportsItem,
html[data-theme=dark] .ReportsItem {
 color:#8590a6
}
.ReportsItem {
 font-size:11px;
 line-height:16px;
 text-align:right;
 padding:8px 0;
 margin-right:-8px;
 height:16px
}
.SimpleSearchBar-wrapper {
 margin:auto 0;
 width:296px
}
.SimpleSearchBar-solidSearchButton {
 padding:0 12px;
 border-radius:0 3px 3px 0
}
.SimpleSearchBar-plainSearchButton {
 padding:0 12px;
 border-color:transparent;
 background-color:transparent
}
.SimpleSearchBar-input {
 padding-right:0;
 width:100%;
 background-color:#f6f6f6
}
html[data-theme=dark] .SimpleSearchBar-input {
 background-color:#1b1b1b
}
.AppHeader {
 position:relative;
 z-index:100;
 min-width:1000px;
 overflow:hidden;
 background:#fff
}
html[data-theme=dark] .AppHeader {
 background:#121212
}
.AppHeader {
 -webkit-box-shadow:0 1px 3px rgba(18,18,18,.1);
 box-shadow:0 1px 3px rgba(18,18,18,.1)
}
html[data-theme=dark] .AppHeader {
 -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.AppHeader {
 background-clip:content-box
}
.AppHeader.is-fixed {
 z-index:100;
 width:100%
}
.AppHeader-inner {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:1000px;
 height:52px;
 padding:0 16px;
 margin:0 auto;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-transition:-webkit-transform .3s;
 transition:-webkit-transform .3s;
 transition:transform .3s;
 transition:transform .3s,-webkit-transform .3s
}
.AppHeader.is-hidden .AppHeader-inner {
 -webkit-transform:translateY(-100%);
 transform:translateY(-100%)
}
.AppHeader-Tabs {
 border-bottom:none;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-negative:0;
 flex-shrink:0;
 margin:0 16px
}
.AppHeader-Tab {
 padding:0 14px
}
.AppHeader-TabsLink,
html[data-theme=dark] .AppHeader-TabsLink {
 color:#8590a6
}
.AppHeader-TabsLink {
 font-size:15px
}
.AppHeader-TabsLink.is-active,
.AppHeader-TabsLink:hover {
 color:#444
}
html[data-theme=dark] .AppHeader-TabsLink.is-active,
html[data-theme=dark] .AppHeader-TabsLink:hover {
 color:#d3d3d3
}
.AppHeader-TabsLink:focus {
 outline:none;
 -webkit-transition:-webkit-box-shadow .3s;
 transition:-webkit-box-shadow .3s;
 transition:box-shadow .3s;
 transition:box-shadow .3s,-webkit-box-shadow .3s
}
html[data-focus-visible] .AppHeader-TabsLink:focus {
 -webkit-box-shadow:0 0 0 2px #fff,0 0 0 5px rgba(0,102,255,.3);
 box-shadow:0 0 0 2px #fff,0 0 0 5px rgba(0,102,255,.3)
}
html[data-theme=dark][data-focus-visible] .AppHeader-TabsLink:focus {
 -webkit-box-shadow:0 0 0 2px #121212,0 0 0 5px rgba(85,142,255,.6);
 box-shadow:0 0 0 2px #121212,0 0 0 5px rgba(85,142,255,.6)
}
.AppHeader-navDivider {
 height:15px;
 border-right:1px solid #d3d3d3
}
html[data-theme=dark] .AppHeader-navDivider {
 border-right:1px solid #2e2e2e
}
.AppHeader-navDivider {
 -ms-flex-item-align:center;
 align-self:center
}
.AppHeader-input {
 width:345px
}
.AppHeader-SearchBar {
 height:34px;
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1;
 position:relative
}
.AppHeader-userInfo {
 -ms-flex-negative:0;
 flex-shrink:0;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 margin-left:10px;
 width:296px
}
.AppHeader-messages,
.AppHeader-notifications {
 margin-right:40px
}
.AppHeader-profile {
 position:relative
}
.AppHeader-login {
 margin-right:16px
}
.AppHeader-downloadPopover {
 padding:16px
}
.AppHeader-downloadPopoverImage {
 width:120px
}
.AdblockBanner {
 position:relative;
 z-index:100;
 min-width:1000px;
 padding:16px;
 line-height:28px;
 color:#8590a6
}
html[data-theme=dark] .AdblockBanner {
 color:#8590a6
}
.AdblockBanner {
 text-align:center;
 background-color:#ebebeb
}
html[data-theme=dark] .AdblockBanner {
 background-color:#2e2e2e
}
.AdblockBanner-inner {
 width:1000px;
 padding:0 24px;
 margin:0 auto;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.AdblockBanner-inner a:hover,
html[data-theme=dark] .AdblockBanner-inner a:hover {
 border-bottom:1px solid #8590a6
}
.AdblockBanner-close {
 position:absolute;
 top:16px;
 right:16px
}
.AdblockBanner-close .Icon {
 display:block
}
.u-ellipsis {
 overflow:hidden;
 text-overflow:ellipsis;
 word-wrap:normal;
 white-space:nowrap
}
.App-loginGuideModal {
 width:400px
}
.App-loginButton,
.App-registerButton {
 display:block;
 width:220px;
 height:36px;
 margin:0 auto;
 font-size:14px;
 text-align:center
}
.App-loginButton {
 margin-top:28px;
 color:#fff
}
html[data-theme=dark] .App-loginButton {
 color:#121212
}
.App-registerButton {
 margin-top:52px;
 margin-bottom:12px;
 color:#8590a6
}
html[data-theme=dark] .App-registerButton {
 color:#8590a6
}
.WatermarkHint-modalBody {
 font-size:14px;
 text-align:center
}
.WatermarkHint-modalContent {
 padding-top:16px
}
.WatermarkHint-modalContent .ModalButtonGroup {
 margin-top:32px;
 margin-bottom:0
}
.WatermarkHint-modalTitle {
 font-size:24px;
 margin:32px 0 16px;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .WatermarkHint-modalTitle {
 font-weight:500
}
html[data-android] .WatermarkHint-modalTitle {
 font-weight:700
}
.MentionSuggestions {
 position:absolute;
 z-index:203;
 line-height:1
}
.MentionSuggestions-input {
 width:200px;
 padding:4px 6px;
 font-size:inherit
}
.MentionSuggestions-input .Input {
 height:auto;
 background:transparent
}
.MentionSuggestions-menu {
 width:200px
}
.MentionSuggestions-menu .Menu-item {
 padding:0 10px
}
.uploadImage-container 
{
 margin-top:15px;
 height:64px;
 overflow:hidden;
 width:100%;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.uploadImage-container ul {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin:0;
 padding:0;
}
.uploadImage-container ul li {
 margin-left:8px;
 position:relative
}
.uploadImage-container ul li,
.uploadImage-container ul li img {
 height:64px;
 border-radius:4px
}
.uploadImage-container ul li em {
 padding:0 4px;
 background:#fff
}
html[data-theme=dark] .uploadImage-container ul li em {
 background:#121212
}
.uploadImage-container ul li em {
 opacity:.6;
 border-radius:2px;
 font-size:12px;
 color:#121212
}
html[data-theme=dark] .uploadImage-container ul li em {
 color:#fff
}
.uploadImage-container ul li em {
 position:absolute;
 right:4px;
 bottom:4px;
 font-style:normal
}
.uploadImage-container ul li .uploadImage-cancel {
 position:absolute;
 right:4px;
 top:4px;
 width:16px;
 height:16px;
 border-radius:50%;
 text-align:center;
 padding-top:5px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 cursor:pointer
}
.uploadImage-container ul li span:focus 
{
    outline:none;
}
.uploadImage-container ul li .uploadImage-cancel:before {
 content:"";
 position:absolute;
 width:100%;
 height:100%;
 background:#121212
}
html[data-theme=dark] .uploadImage-container ul li .uploadImage-cancel:before {
 background:#fff
}
.uploadImage-container ul li .uploadImage-cancel:before {
 opacity:.5;
 top:0;
 left:0;
 border-radius:50%
}
.uploadImage-container ul li .uploadImage-cancel svg {
 vertical-align:top;
 position:relative;
 height:12px;
 top:-3px;
 fill:#fff
}
html[data-theme=dark] .uploadImage-container ul li .uploadImage-cancel svg {
 fill:#121212
}
.uploadImage-container .uploadImage-upload {
 position:relative;
 width:64px;
 overflow:hidden
}
.uploadImage-container .uploadImage-upload>span {
 width:64px;
 height:64px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 border:1px solid #bfbfbf;
 background-image: url(/Images/keyboard_more_pic.png);
 background-size:25px 25px;
 background-repeat:no-repeat;
 background-position:center center;
}
html[data-theme=dark] .uploadImage-container .uploadImage-upload>span {
 border:2px dashed #444
}
.uploadImage-container .uploadImage-upload>span {
 border-radius:4px;
 font-size:40px;
 display:block;
 color:#bfbfbf
}
html[data-theme=dark] .uploadImage-container .uploadImage-upload>span {
 color:#444
}
.uploadImage-container .uploadImage-upload>span {
 cursor:pointer;
 text-align:center;
 font-weight:200;
 line-height:54px
}
.uploadImage-container .uploadImage-fileInput {
 position:absolute;
 width:64px;
 height:64px;
 left:0;
 top:0
}
.uploadImage-container .Editable-imageUploader {
 position:absolute;
 left:50%;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 background:#fff
}
html[data-theme=dark] .uploadImage-container .Editable-imageUploader {
 background:#121212
}
.uploadImage-container .Editable-imageUploader {
 width:60px
}
.uploadImage-container .Editable-imageUploader-statusText {
 font-size:12px;
 text-align:center;
 line-height:18px
}
.uploadImage-container .Editable-imageUploader-retry {
 display:none
}
.uploadVideo-container {
 margin-left:24px;
 overflow:hidden;
 width:190px;
 height:105px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 position:relative;
 border-radius:4px
}
.uploadVideo-container .uploadVideo-content,
.uploadVideo-container .uploadVideo-plugin {
 margin:0;
 width:190px;
 height:105px
}
.uploadVideo-container .Editable-videoUploader-status {
 font-size:16px
}
.uploadVideo-container .Editable-videoUploader-size {
 font-size:12px
}
.uploadVideo-container .RichText-video {
 margin:0
}
.uploadVideo-container .VideoCard {
 border:0;
 -webkit-box-shadow:0 0 0;
 box-shadow:0 0 0
}
.uploadVideo-container .VideoCard-play-button,
.uploadVideo-container .VideoCard-play-button svg {
 width:48px!important;
 height:48px!important
}
.uploadVideo-container .uploadVideo-cancel {
 position:absolute;
 right:4px;
 top:4px;
 width:16px;
 height:16px;
 border-radius:50%;
 text-align:center;
 padding-top:5px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 cursor:pointer
}
.uploadVideo-container .uploadVideo-cancel:before {
 content:"";
 position:absolute;
 width:100%;
 height:100%;
 background:#121212
}
html[data-theme=dark] .uploadVideo-container .uploadVideo-cancel:before {
 background:#fff
}
.uploadVideo-container .uploadVideo-cancel:before {
 opacity:.5;
 top:0;
 left:0;
 border-radius:50%
}
.uploadVideo-container .uploadVideo-cancel svg {
 vertical-align:top;
 position:relative;
 height:12px;
 top:-3px;
 fill:#fff
}
html[data-theme=dark] .uploadVideo-container .uploadVideo-cancel svg {
 fill:#121212
}
.WritePin-content {
}
html[data-theme=dark] .WritePin-content {
 border:1px solid #2e2e2e
}
.WritePin-content {
 border-radius:3px;
}
.WritePin-contentWrite .public-DraftEditor-content {
 min-height:200px;
 width:100%
}
.WritePin-contentWrite .public-DraftEditor-content a.member_mention,
.WritePin-contentWrite .public-DraftEditor-content a.UserLink-link {
 color:#175199
}
html[data-theme=dark] .WritePin-contentWrite .public-DraftEditor-content a.member_mention,
html[data-theme=dark] .WritePin-contentWrite .public-DraftEditor-content a.UserLink-link {
 color:#6385a6
}
.WritePin-contentWrite .public-DraftEditor-content a.member_mention:hover,
.WritePin-contentWrite .public-DraftEditor-content a.UserLink-link:hover {
 border-bottom:1px solid #175199
}
html[data-theme=dark] .WritePin-contentWrite .public-DraftEditor-content a.member_mention:hover,
html[data-theme=dark] .WritePin-contentWrite .public-DraftEditor-content a.UserLink-link:hover {
 border-bottom:1px solid #6385a6
}
.WritePin-contentWrite .public-DraftEditorPlaceholder-inner,
html[data-theme=dark] .WritePin-contentWrite .public-DraftEditorPlaceholder-inner {
 color:#8590a6
}
/* 写想法添加图片*/
.WritePin-uploadImage {
 
}
.WritePin-uploadImage ul li {
 height:48px;
 margin-left:7px;
 width:48px;
 list-style:none;
 
}
.WritePin-uploadImage ul li:first-child {
 margin-left:0
}
.WritePin-uploadImage ul li img {
 height:48px;
 width:48px
}
.WritePin-uploadImage .uploadImage-upload {
 width:48px
}
.WritePin-uploadImage .uploadImage-upload>span {
 height:48px;
 width:48px;
 line-height:38px
}
.WritePin-uploadImage .uploadImage-fileInput {
 height:48px;
 width:48px
}
.WritePin-uploadImage .Editable-imageUploader {
 width:48px
}
/* 写想法添加图书*/
.WritePin-addBook 
{
   width:471px;
   height:90px;
    scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.1);
   scrollbar-width: thin;
   -ms-overflow-style: none;
}
.WritePin-addBook::-webkit-scrollbar {
   width: 8px;
   height: 8px;
}
.WritePin-addBook::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2)
}
.WritePin-addBook::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}
.WritePin-addBook ul li {
 margin-left:7px;
 list-style:none;
}
.WritePin-addBook ul li:first-child {
 margin-left:0
}
.WritePin-addBook ul li img 
{
    width:46px;
    height:64px;
}
.WritePin-addBook .uploadImage-fileInput {
 height:48px;
 width:48px
}
.WritePin-addBook .Editable-imageUploader {
 width:48px
}
.WritePin-uploadVideo {
 margin:16px 0 0
}
.WritePin-cancelLink {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 color:#fff
}
.uploadImage-container .addbook-add {
 position:relative;
 width:60px;
}
.uploadImage-container .addbook-add>span 
{   
  border-radius: 4px;
  font-size: 40px;
  display:block;
  margin-top:8px;
  color: #bfbfbf;
  width:48px;
  height:48px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border:1px solid #bfbfbf;
  background-image: url(/Images/keyboard_more_book.png);
  background-size:25px 25px;
  background-repeat:no-repeat;
  background-position:center center;
}
html[data-theme=dark] .WritePin-cancelLink {
 color:#121212
}
.WritePin-cancelLink {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 position:absolute;
 right:-8px;
 top:-8px;
 width:18px;
 height:18px;
 border-radius:50%;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 cursor:pointer
}
.WritePin-cancelLink:before {
 content:"";
 position:absolute;
 width:100%;
 height:100%;
 background:#121212
}
html[data-theme=dark] .WritePin-cancelLink:before {
 background:#fff
}
.WritePin-cancelLink:before {
 opacity:.5;
 top:0;
 left:0;
 border-radius:50%
}
.WritePin-cancelLink svg {
 position:relative;
 z-index:1
}
.WritePin-link {
 border:1px solid #ebebeb
}
html[data-theme=dark] .WritePin-link {
 border:1px solid #2e2e2e
}
.WritePin-link {
 border-radius:4px;
 margin-top:12px;
 -webkit-box-shadow:0 1px 3px rgba(18,18,18,.1);
 box-shadow:0 1px 3px rgba(18,18,18,.1)
}
html[data-theme=dark] .WritePin-link {
 -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
 box-shadow:0 1px 3px rgba(0,0,0,.3)
}
.WritePin-link {
 position:relative
}
.WritePin-linkBox {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 margin:0;
 padding:12px;
 position:relative;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 overflow:auto;
 white-space:normal;
 cursor:pointer
}
.WritePin-linkBox,
.WritePin-linkBox .WritePin-linkBoxContent {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:100%
}
.WritePin-linkBox .WritePin-linkBoxContent {
 padding:12px 16px 12px 0;
 overflow:hidden;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -ms-flex-pack:distribute;
 justify-content:space-around
}
.WritePin-linkBox .WritePin-linkBoxContent span:first-child {
 font-size:18px;
 font-weight:400;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 max-height:54px
}
.WritePin-linkBox .WritePin-linkBoxContent .WritePin-linkBoxContentSubTitle,
html[data-theme=dark] .WritePin-linkBox .WritePin-linkBoxContent .WritePin-linkBoxContentSubTitle {
 color:#8590a6
}
.WritePin-linkBox .WritePin-linkBoxContent .WritePin-linkBoxContentSubTitle {
 font-size:15px
}
.WritePin-linkBox .WritePin-linkBoxContentThumbnail {
 -ms-flex-negative:0;
 flex-shrink:0;
 width:72px;
 height:72px;
 border-radius:4px;
 -o-object-fit:cover;
 object-fit:cover
}
.WritePin-buttonMenu 
{
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 margin-top:16px
}
.WritePin-buttonMenu .WritePin-uploadButton {
 color:#175199
}
html[data-theme=dark] .WritePin-buttonMenu .WritePin-uploadButton {
 color:#6385a6
}
.WritePin-buttonMenu .WritePin-uploadButton .Zi {
 margin-right:3px
}
.WritePin-buttonMenu .WritePin-upload {
 position:relative;
}
.WritePin-buttonMenu .WritePin-upload-disabled:before {
 background:#fff
}
html[data-theme=dark] .WritePin-buttonMenu .WritePin-upload-disabled:before {
 background:#121212
}
.WritePin-buttonMenu .WritePin-upload-disabled:before {
 content:"";
 display:block;
 width:100%;
 height:100%;
 opacity:.5;
 position:absolute;
 top:0;
 left:0;
 z-index:11
}
.WritePin-fileInput {
 display:none;
 opacity:0
}
.WritePin-modalSucsessTip {
 background:url(https://static.zhihu.com/heifetz/assets/pin-guide@3x.a1555cf4.jpg) no-repeat bottom;
 background-size:230px 123px;
 padding-bottom:156px;
 color:#444
}
html[data-theme=dark] .WritePin-modalSucsessTip {
 color:#d3d3d3
}
.WritePin-modalSucsessTip {
 line-height:24px;
 width:317px;
 margin:0 auto 51px;
 text-align:center
}
.WritePin-modalSucsessTip a {
 color:#06f
}
html[data-theme=dark] .WritePin-modalSucsessTip a {
 color:#558eff
}
.WritePin-pinDetail {
 text-align:center
}
.WritePin-pinDetail a {
 display:inline-block;
 border:1px solid #06f
}
html[data-theme=dark] .WritePin-pinDetail a {
 border:1px solid #558eff
}
.WritePin-pinDetail a {
 background-color:#06f
}
html[data-theme=dark] .WritePin-pinDetail a {
 background-color:#558eff
}
.WritePin-pinDetail a {
 padding:0 16px;
 width:220px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 font-size:14px;
 line-height:32px;
 text-align:center;
 cursor:pointer;
 border-radius:3px;
 color:#fff
}
html[data-theme=dark] .WritePin-pinDetail a {
 color:#121212
}
.WritePin-editorCountError,
html[data-theme=dark] .WritePin-editorCountError {
 color:#f1403c
}
.WritePin-placeHolder {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 width:456px;
 height:83px;
 padding:0 12px;
 overflow:hidden
}
.WritePin-placeHolder svg {
 margin-top:-46px
}
.Reference:focus {
 outline:none;
 -webkit-transition:-webkit-box-shadow .3s;
 transition:-webkit-box-shadow .3s;
 transition:box-shadow .3s;
 transition:box-shadow .3s,-webkit-box-shadow .3s
}
html[data-focus-visible] .Reference:focus {
 -webkit-box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,102,255,.3);
 box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(0,102,255,.3)
}
html[data-theme=dark][data-focus-visible] .Reference:focus {
 -webkit-box-shadow:0 0 0 2px #121212,0 0 0 4px rgba(51,119,255,.6);
 box-shadow:0 0 0 2px #121212,0 0 0 4px rgba(51,119,255,.6)
}
.Reference.isEditable {
 cursor:pointer
}
.Reference:before {
 color:#175199;
 content:"[" counter(zh-ref,decimal) "]"
}
html[data-theme=dark] .Reference:before {
 color:#6385a6
}
.ReferenceModal-firstRow {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin-bottom:16px
}
.ReferenceModal-firstRow .ReferenceModal-input {
 overflow:hidden
}
.ReferenceModal-select {
 -ms-flex-negative:0;
 flex-shrink:0;
 margin-right:10px
}
.ReferenceModal-selectList {
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 max-height:230px
}
.Input-wrapper.ReferenceModal-input {
 padding-left:8px
}
.ReferenceModal-icon {
 color:#8590a6;
 margin-right:8px
}
html[data-theme=dark] .ReferenceModal-icon {
 color:#8590a6
}
.ReferenceModal-buttonGroup {
 margin-top:32px
}
.Formula {
 display:inline-block;
 vertical-align:middle;
 background:no-repeat 50%;
 background-size:contain;
 font-size:0
}
.Formula.isEditable {
 cursor:pointer
}
.Formula-image {
 max-width:100%;
 opacity:0;
 visibility:hidden
}
.Formula-placeholder {
 opacity:0
}
.MathToolbar {
 display:block;
 padding:4px 12px;
 border-radius:inherit inherit 0 0;
 background:#f6f6f6;
 border-bottom:1px solid #ebebeb;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
html[data-theme=dark] .MathToolbar {
 background:#1b1b1b;
 border-bottom:1px solid #2e2e2e
}
.MathToolbar-button {
 height:28px;
 padding:2px 4px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 border:1px solid transparent;
 vertical-align:middle
}
.MathToolbar-button+.MathToolbar-button {
 margin-left:16px
}
.MathToolbar-button:hover {
 background:#f6f6f6;
 border-color:#ebebeb
}
html[data-theme=dark] .MathToolbar-button:hover {
 background:#1b1b1b;
 border-color:#2e2e2e
}
.MathToolbar-palettes {
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin:-4px;
 padding:16px;
 max-width:384px
}
.MathToolbar-palettes,
.MathToolbar-palettesButton {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row
}
.MathToolbar-palettesButton {
 margin:4px;
 padding:0;
 width:24px;
 height:24px;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 font-size:16px;
 color:#8590a6;
 border-radius:4px
}
html[data-theme=dark] .MathToolbar-palettesButton {
 color:#8590a6
}
.MathToolbar-palettesButton:hover {
 background-color:#f6f6f6
}
html[data-theme=dark] .MathToolbar-palettesButton:hover {
 background-color:#1b1b1b
}
.MathToolbar-paletteIcon {
 max-width:calc(100% - 2px)
}
.MathToolbar-palettes--math {
 max-width:380px
}
.MathToolbar-palettes--math .MathToolbar-palettesButton {
 padding:0 3px;
 width:30px;
 height:60px
}
.MathToolbar-palettes--arrow .MathToolbar-palettesButton {
 height:35px
}
.FormulaModal {
 width:550px
}
.FormulaModal-input {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-align:initial;
 -ms-flex-align:initial;
 align-items:normal;
 margin-bottom:30px
}
.FormulaModal-input .Input {
 padding:6px 12px;
 min-height:100px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}
.FormulaModal-formula {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 padding:0 3px;
 background:#fff;
 border:2px dashed #ebebeb;
 border-radius:3px;
 min-height:106px;
 overflow-x:auto
}
html[data-theme=dark] .FormulaModal-formula {
 background:#121212;
 border:2px dashed #2e2e2e
}
.FormulaModal-formula img {
 max-width:100%
}
.FormulaModal-buttonGroup {
 margin-top:32px
}
.FormulaModal-previewText {
 color:#8590a6;
 font-size:14px
}
html[data-theme=dark] .FormulaModal-previewText {
 color:#8590a6
}
.FocusPlugin--unfocused:hover {
 cursor:default;
 -webkit-box-shadow:0 0 0 2px rgba(0,102,255,.3);
 box-shadow:0 0 0 2px rgba(0,102,255,.3)
}
html[data-theme=dark] .FocusPlugin--unfocused:hover {
 -webkit-box-shadow:0 0 0 2px rgba(51,119,255,.3);
 box-shadow:0 0 0 2px rgba(51,119,255,.3)
}
.FocusPlugin--focused {
 cursor:default;
 -webkit-box-shadow:0 0 0 2px #06f;
 box-shadow:0 0 0 2px #06f
}
html[data-theme=dark] .FocusPlugin--focused {
 -webkit-box-shadow:0 0 0 2px #37f;
 box-shadow:0 0 0 2px #37f
}
.Image {
 max-width:100%;
 margin:0 auto
}
.Image[data-size=small] {
 max-width:40%
}
.Image--isBlock {
 display:block
}
.Editable-imageUploader {
 text-align:center
}
.Editable-imageUploader-layout {
 position:relative;
 display:inline-block;
 max-width:100%;
 vertical-align:top
}
.Editable-imageUploader-layout.is-fullWidth {
 width:100%
}
.Editable-imageUploader-image {
 display:block;
 max-width:100%;
 opacity:.3
}
.Editable-imageUploader-placeholder {
 height:192px;
 background-color:#ebebeb
}
html[data-theme=dark] .Editable-imageUploader-placeholder {
 background-color:#2e2e2e
}
.Editable-imageUploader-status {
 position:absolute;
 left:0;
 top:0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 width:100%;
 height:100%
}
.Editable-imageUploader-statusText {
 font-size:28px;
 line-height:40px;
 color:#8590a6
}
html[data-theme=dark] .Editable-imageUploader-statusText {
 color:#8590a6
}
.Editable-imageUploader-status.is-error .Editable-imageUploader-statusText,
html[data-theme=dark] .Editable-imageUploader-status.is-error .Editable-imageUploader-statusText {
 color:#f36
}
.Editable-imageUploader-retry {
 margin-top:4px;
 font-size:16px;
 line-height:32px
}
.Editable-imageUploader-retry .Button {
 font-size:inherit
}
.Editable-imageUploader-progress {
 position:absolute;
 left:0;
 bottom:0;
 width:100%;
 height:4px;
 background-color:#06f
}
html[data-theme=dark] .Editable-imageUploader-progress {
 background-color:#37f
}
.Editable-imageUploader-progress.is-error,
html[data-theme=dark] .Editable-imageUploader-progress.is-error {
 background-color:#f36
}
.Editable-imageUploader-progress .LoadingBar {
 position:relative;
 height:100%;
 background-color:hsla(0,0%,100%,.3)
}
html[data-theme=dark] .Editable-imageUploader-progress .LoadingBar {
 background-color:rgba(18,18,18,.3)
}
.Image-caption.is-placeholder {
 color:#bfbfbf
}
html[data-theme=dark] .Image-caption.is-placeholder {
 color:#444
}
.Image-caption.is-editing {
 opacity:0
}
.Image-captionInput {
 position:absolute;
 z-index:203
}
.Image-captionInput textarea {
 display:block;
 overflow:hidden;
 width:100%;
 height:100%;
 padding:0;
 border:none;
 font:inherit;
 font-size:.9em;
 line-height:1.5;
 text-align:center;
 color:#8590a6;
 background:none;
 resize:none
}
html[data-theme=dark] .Image-captionInput textarea {
 color:#8590a6
}
.Image-captionInput textarea::-moz-placeholder {
 color:#bfbfbf
}
.Image-captionInput textarea:-ms-input-placeholder {
 color:#bfbfbf
}
.Image-captionInput textarea::-webkit-input-placeholder {
 color:#bfbfbf
}
.Image-captionInput textarea::-ms-input-placeholder {
 color:#bfbfbf
}
.Image-captionInput textarea::placeholder {
 color:#bfbfbf
}
html[data-theme=dark] .Image-captionInput textarea::-moz-placeholder {
 color:#444
}
html[data-theme=dark] .Image-captionInput textarea:-ms-input-placeholder {
 color:#444
}
html[data-theme=dark] .Image-captionInput textarea::-webkit-input-placeholder {
 color:#444
}
html[data-theme=dark] .Image-captionInput textarea::-ms-input-placeholder {
 color:#444
}
html[data-theme=dark] .Image-captionInput textarea::placeholder {
 color:#444
}
.Image-captionInput textarea:focus {
 outline:none
}
.Image-resizer {
 padding:8px
}
.Image-resizerButton {
 padding:0 8px;
 vertical-align:middle
}
.Image-resizerButton .Zi {
 display:block
}
.Image-resizerButton.is-active {
 color:#06f
}
html[data-theme=dark] .Image-resizerButton.is-active {
 color:#37f
}
.Editable-videoCensorList {
 border-radius:4px;
 color:#f1403c;
 font-size:15px;
 margin-top:10px;
 padding:10px 18px 10px 13px
}
.Editable-videoCensorList,
html[data-theme=dark] .Editable-videoCensorList {
 background:rgba(241,64,60,.1)
}
html[data-theme=dark] .Editable-videoCensorList {
 color:#f1403c
}
.Editable-videoCensorItem {
 line-height:19px;
 margin-bottom:5px
}
.Editable-videoCensorItem:last-child {
 margin-bottom:0
}
.Editable-videoCensorItem:before {
 content:"•"
}
.Editable-videoCensorItem span {
 font-weight:700
}
.VideoCoverEditor-Modal .Modal-inner {
 width:400px;
 min-height:480px
}
.VideoCoverEditor-title {
 font-size:20px;
 font-weight:500;
 color:#121212
}
html[data-theme=dark] .VideoCoverEditor-title {
 color:#fff
}
.VideoCoverEditor-tabs {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:calc(100% - 80px);
 margin:0 auto
}
.VideoCoverEditor-tabItem {
 -webkit-box-flex:1;
 -ms-flex:1 1;
 flex:1 1;
 font-weight:500;
 font-size:20px;
 color:#444;
 cursor:pointer
}
html[data-theme=dark] .VideoCoverEditor-tabItem {
 color:#d3d3d3
}
.VideoCoverEditor-tabItem:not(:last-child):after {
 content:" |";
 float:right;
 font-weight:100;
 color:#ebebeb
}
html[data-theme=dark] .VideoCoverEditor-tabItem:not(:last-child):after {
 color:#2e2e2e
}
.VideoCoverEditor-tabItem.active {
 color:#06f
}
html[data-theme=dark] .VideoCoverEditor-tabItem.active {
 color:#37f
}
.VideoCoverPicker-coverSelect {
 text-align:center
}
.VideoCoverPicker-coverList {
 position:relative;
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-top:36px
}
.VideoCoverPicker-coverItem {
 position:relative;
 width:112px;
 height:63.5px;
 margin:0 8px 8px 0;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 background:rgba(18,18,18,.03);
 cursor:pointer;
 border:3px solid #fff
}
html[data-theme=dark] .VideoCoverPicker-coverItem {
 background:hsla(0,0%,100%,.03);
 border:3px solid #121212
}
.VideoCoverPicker-coverItem.actived {
 border-color:#06f
}
html[data-theme=dark] .VideoCoverPicker-coverItem.actived {
 border-color:#37f
}
.VideoCoverPicker-coverItem img {
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
.VideoCoverPicker-coverItem:nth-child(3n+0) {
 margin-right:0
}
.VideoCoverPicker-coverSelect .BounceLoading {
 position:absolute;
 top:50%;
 left:50%;
 -webkit-transform:translate(-50%,-120%);
 transform:translate(-50%,-120%)
}
.VideoCoverPicker-coverSelectBtn {
 width:220px;
 height:34px;
 margin:62px auto 0
}
.VideoCoverPicker-coverSelectBtn.disabled {
 opacity:.5
}
.VideoCoverFileInput {
 margin-top:40px
}
.VideoCoverFile-uploader {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 height:220px;
 border:2px dashed #ebebeb;
 border-radius:10px;
 cursor:pointer
}
html[data-theme=dark] .VideoCoverFile-uploader {
 border:2px dashed #2e2e2e
}
.VideoCoverFile-uploader:hover,
html[data-theme=dark] .VideoCoverFile-uploader:hover {
 border-color:#8590a6
}
.VideoCoverFile-uploader:hover .Zi,
html[data-theme=dark] .VideoCoverFile-uploader:hover .Zi {
 fill:#999
}
.VideoCoverFile-uploader input {
 opacity:0;
 position:absolute;
 top:0;
 left:0;
 z-index:1;
 width:100%;
 height:100%;
 cursor:pointer
}
.VideoCoverFile-uploader-icon {
 text-align:center;
 display:block
}
.VideoCoverFile-uploader-icon .Zi {
 vertical-align:middle;
 fill:#ebebeb
}
html[data-theme=dark] .VideoCoverFile-uploader-icon .Zi {
 fill:#2e2e2e
}
.VideoCoverFileInput-uplaodImg .Zi,
html[data-theme=dark] .VideoCoverFileInput-uplaodImg .Zi {
 fill:#999
}
.VideoCoverFile-uploader-text {
 margin-top:10px;
 font-size:18px;
 line-height:30px;
 text-align:center;
 color:#444
}
html[data-theme=dark] .VideoCoverFile-uploader-text {
 color:#d3d3d3
}
.VideoCoverFile-uploader-tip {
 font-size:14px;
 line-height:30px;
 text-align:center;
 color:#999
}
html[data-theme=dark] .VideoCoverFile-uploader-tip {
 color:#999
}
.VideoCoverCrop-range {
 margin:22px auto 0
}
.VideoCoverCrop .RangeInput {
 margin-top:4px
}
.VideoCoverCrop-uploadImgFooter {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 margin-top:30px
}
.VideoCoverCrop-uploadImgFooter button {
 -webkit-box-flex:1;
 -ms-flex:1 1;
 flex:1 1
}
.VideoCoverCrop-uploadImgFooter button:not(:last-child) {
 margin-right:20px
}
.VideoCoverPickerPending {
 margin-top:100px;
 text-align:center
}
.VideoCoverPickerPending p {
 font-size:18px;
 line-height:1.78;
 color:#999
}
html[data-theme=dark] .VideoCoverPickerPending p {
 color:#999
}
.VideoCoverPickerPending-nowUpdate {
 margin-top:135px
}
.VideoCoverPicker-coverItem .Mask-mask {
 opacity:.03
}
.Editable-video {
 margin:16px 0;
 border-radius:4px
}
.Editable-video.is-videoAnswer {
 margin:0;
 border-radius:0;
 border-bottom-left-radius:2px;
 border-bottom-right-radius:2px
}
.Video-uploadPosterButton {
 background:rgba(18,18,18,.5);
 border:1px solid hsla(0,0%,100%,.3);
 border-radius:3px;
 height:32px;
 width:109px;
 position:absolute;
 bottom:16px;
 right:16px;
 text-align:center;
 line-height:32px;
 cursor:pointer
}
html[data-theme=dark] .Video-uploadPosterButton {
 background:hsla(0,0%,100%,.5);
 border:1px solid rgba(18,18,18,.3)
}
.Video-uploadPosterButton p {
 color:#fff;
 font-size:14px;
 margin:0!important
}
html[data-theme=dark] .Video-uploadPosterButton p {
 color:#121212
}
.Video-uploadPosterButton.is-videoAnswer {
 width:78px;
 height:32px;
 bottom:8px;
 right:8px;
 z-index:1;
 border:none;
 background-color:rgba(18,18,18,.8)
}
html[data-theme=dark] .Video-uploadPosterButton.is-videoAnswer {
 background-color:rgba(0,0,0,.8)
}
.Video-uploadPosterButton.is-videoAnswer p,
html[data-theme=dark] .Video-uploadPosterButton.is-videoAnswer p {
 color:#fff
}
.Editable-video--titleError .Editable-VideoTitleInput-afterIcon,
html[data-theme=dark] .Editable-video--titleError .Editable-VideoTitleInput-afterIcon {
 color:#f1403c
}
.Editable-video--posterError .Video-uploadPosterButton {
 background:#f1403c;
 border:none
}
html[data-theme=dark] .Editable-video--posterError .Video-uploadPosterButton {
 background:#f1403c
}
.Editable-video--duration {
 position:absolute;
 left:8px;
 bottom:8px;
 z-index:1;
 font-size:12px;
 line-height:14px;
 color:#fff
}
html[data-theme=dark] .Editable-video--duration {
 color:#fff
}
.Editable-videoUploader {
 margin:16px 0;
 border-radius:4px
}
.Editable-videoUploader.is-videoAnswer {
 margin:0;
 border-radius:0;
 border-bottom-left-radius:2px;
 border-bottom-right-radius:2px
}
.Editable-videoUploader-thumbnail {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 width:100%;
 height:100%
}
.Editable-videoUploader-text {
 text-align:center;
 position:relative;
 color:#8590a6
}
html[data-theme=dark] .Editable-videoUploader-text {
 color:#8590a6
}
.Editable-videoUploader-text.is-bright,
html[data-theme=dark] .Editable-videoUploader-text.is-bright {
 color:#fff
}
.Editable-videoUploader-status {
 font-size:28px;
 line-height:40px
}
.Editable-videoUploader-status.is-videoAnswer {
 font-size:15px;
 line-height:24px;
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .Editable-videoUploader-status.is-videoAnswer {
 font-weight:500
}
html[data-android] .Editable-videoUploader-status.is-videoAnswer {
 font-weight:700
}
.Editable-videoUploader-size {
 margin-top:10px;
 font-size:14px;
 line-height:20px
}
.Editable-videoUploader-size.is-videoAnswer {
 margin-top:4px;
 font-size:12px;
 line-height:18px
}
.Editable-videoUploader-retry {
 margin-top:4px;
 font-size:16px;
 line-height:32px
}
.Editable-videoUploader-retry .Button {
 font-size:inherit
}
.Editable-videoUploader-retry .Button:hover {
 background-color:transparent!important;
 background-color:initial!important
}
.Editable-videoUploader-retry.is-videoAnswer {
 font-size:12px;
 line-height:18px
}
.Editable-videoUploader-retry.is-videoAnswer .Button--link,
html[data-theme=dark] .Editable-videoUploader-retry.is-videoAnswer .Button--link {
 color:#8590a6
}
.Editable-videoUploader-progress {
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 overflow:hidden;
 height:4px;
 background-color:rgba(18,18,18,.05)
}
html[data-theme=dark] .Editable-videoUploader-progress {
 background-color:hsla(0,0%,100%,.05)
}
.Editable-videoUploader-progress.is-videoAnswer {
 top:0;
 bottom:auto;
 height:2px
}
.Editable-videoUploader-progress-bar {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 background-color:#06f
}
html[data-theme=dark] .Editable-videoUploader-progress-bar {
 background-color:#37f
}
.Editable-videoUploader-progress-bar.is-error,
html[data-theme=dark] .Editable-videoUploader-progress-bar.is-error {
 background-color:#f36
}
.Editable-videoUploader-progress .LoadingBar {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 background-color:hsla(0,0%,100%,.3)
}
html[data-theme=dark] .Editable-videoUploader-progress .LoadingBar {
 background-color:rgba(18,18,18,.3)
}
.Editable-videoUploader-image {
 position:absolute
}
.Editable-videoUploader-uploadPosterButton {
 background:rgba(18,18,18,.5);
 border:1px solid hsla(0,0%,100%,.3);
 border-radius:3px;
 height:32px;
 width:109px;
 position:absolute;
 bottom:16px;
 right:16px;
 text-align:center;
 line-height:32px;
 cursor:pointer
}
html[data-theme=dark] .Editable-videoUploader-uploadPosterButton {
 background:hsla(0,0%,100%,.5);
 border:1px solid rgba(18,18,18,.3)
}
.Editable-videoUploader-uploadPosterButton p {
 color:#fff;
 font-size:14px;
 margin:0!important
}
html[data-theme=dark] .Editable-videoUploader-uploadPosterButton p {
 color:#121212
}
.Editable-videoUploader-uploadPosterButton.is-videoAnswer {
 width:78px;
 height:32px;
 bottom:8px;
 right:8px;
 background-color:rgba(18,18,18,.8);
 border:none
}
html[data-theme=dark] .Editable-videoUploader-uploadPosterButton.is-videoAnswer {
 background-color:rgba(0,0,0,.8)
}
.Editable-videoUploader-imageMask {
 width:100%;
 height:100%;
 position:absolute;
 background:hsla(0,0%,92.2%,.9)
}
html[data-theme=dark] .Editable-videoUploader-imageMask {
 background:rgba(46,46,46,.9)
}
.Editable-videoUploader-imageMask.is-videoAnswer {
 background:rgba(0,0,0,.05)
}
.Editable-videoError {
 margin:16px 0;
 border-radius:4px
}
.Editable-videoError.is-videoAnswer {
 margin:0;
 border-radius:0;
 border-bottom-left-radius:2px;
 border-bottom-right-radius:2px
}
.Editable-videoError--titleError .Editable-VideoTitleInput-afterIcon,
html[data-theme=dark] .Editable-videoError--titleError .Editable-VideoTitleInput-afterIcon {
 color:#f1403c
}
.ztext table[data-draft-type=table] .Table-dataInputContainer {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.ztext table[data-draft-type=table] .Table-data {
 padding:0
}
.ztext table[data-draft-type=table] .Table-dataInput {
 height:100%;
 line-height:24px;
 padding:3px 12px;
 width:100%
}
.ztext table[data-draft-type=table] .Table-dataInput:focus {
 outline:none
}
.TableToolbar {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 padding:8px
}
.TableToolbar-separator {
 background:#d3d3d3;
 height:20px;
 margin:0 4px;
 width:1px
}
html[data-theme=dark] .TableToolbar-separator {
 background:#2e2e2e
}
.TableToolbar-button {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin:0 4px
}
.TableToolbar-button.is-active {
 color:#06f
}
html[data-theme=dark] .TableToolbar-button.is-active {
 color:#37f
}
.TableForm-input {
 margin-top:16px;
 width:100%
}
.TableForm-input .Zi,
html[data-theme=dark] .TableForm-input .Zi {
 color:#8590a6
}
.TableForm-input .Input {
 margin-left:8px
}
.TableForm-buttonGroup {
 margin-top:32px
}
.Editable-divider {
 overflow:hidden
}
.Link+.Link {
 margin-left:2px
}
.Link[data-editable] {
 cursor:text!important
}
.LinkModal-input {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.LinkModal-input .Zi,
html[data-theme=dark] .LinkModal-input .Zi {
 color:#8590a6
}
.LinkModal-input+.LinkModal-input {
 margin-top:10px
}
.LinkModal-input .Input {
 margin-left:8px
}
.LinkBubble.Popover-content--top.Popover-content--arrowed {
 margin-top:-10px
}
.LinkBubble.Popover-content--bottom.Popover-content--arrowed {
 margin-top:10px
}
.LinkBubble-content {
 display:block;
 padding:7px 10px 7px 16px
}
.LinkBubble-button,
.LinkBubble-previewLink {
 vertical-align:middle
}
.LinkBubble-previewLink {
 display:inline-block;
 margin-right:8px;
 max-width:233px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 text-decoration:none;
 font-size:14px;
 line-height:1.3;
 border-bottom:1px solid transparent
}
.LinkBubble-previewLink:hover {
 color:#175199;
 border-bottom-color:rgba(0,102,255,.72)
}
html[data-theme=dark] .LinkBubble-previewLink:hover {
 color:#6385a6;
 border-bottom-color:rgba(51,119,255,.72)
}
.LinkBubble-button {
 padding:0 6px
}
.FileLinkCardBubble.Popover-content--top.Popover-content--arrowed {
 margin-top:-10px
}
.FileLinkCardBubble.Popover-content--bottom.Popover-content--arrowed {
 margin-top:10px
}
.FileLinkCardBubble-content {
 display:block;
 padding:7px 10px 7px 16px
}
.FileLinkCardBubble-button,
.FileLinkCardBubble-previewLink {
 vertical-align:middle
}
.FileLinkCardBubble-previewLink {
 display:inline-block;
 margin-right:8px;
 max-width:233px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 text-decoration:none;
 font-size:14px;
 line-height:1.3;
 border-bottom:1px solid transparent
}
.FileLinkCardBubble-previewLink:hover {
 color:#175199;
 border-bottom-color:rgba(0,102,255,.72)
}
html[data-theme=dark] .FileLinkCardBubble-previewLink:hover {
 color:#6385a6;
 border-bottom-color:rgba(51,119,255,.72)
}
.FileLinkCardBubble-button {
 padding:0 6px
}
.Editable-adLinkCardContainer {
 display:block;
 border-radius:8px;
 overflow:hidden;
 color:inherit;
 margin:1em auto;
 max-width:100%;
 min-height:88px;
 position:relative;
 text-decoration:none;
 width:390px;
 z-index:0
}
.Editable-adLinkCardContainer>.FeeCardConsultPopover {
 width:100%
}
.MCNLinkCardBubble.Popover-content--top.Popover-content--arrowed {
 margin-top:-10px
}
.MCNLinkCardBubble.Popover-content--bottom.Popover-content--arrowed {
 margin-top:10px
}
.MCNLinkCardBubble-content {
 display:block;
 padding:7px 6px 7px 16px
}
.MCNLinkCardBubble-button,
.MCNLinkCardBubble-previewLink {
 vertical-align:middle
}
.MCNLinkCardBubble-previewLink {
 display:inline-block;
 margin-right:2px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 text-decoration:none;
 font-size:14px;
 line-height:1.3;
 border-bottom:1px solid transparent
}
.MCNLinkCardBubble-previewLink:hover {
 color:#175199
}
html[data-theme=dark] .MCNLinkCardBubble-previewLink:hover {
 color:#6385a6
}
.MCNLinkCardBubble-button {
 padding:0 6px
}
.Dropzone {
 position:relative
}
.Dropzone-cursor {
 position:absolute;
 left:0;
 right:0;
 margin:-1px 0;
 border-bottom:2px solid #06f;
 pointer-events:none
}
html[data-theme=dark] .Dropzone-cursor {
 border-bottom:2px solid #37f
}
.Editable-toolbar {
 background:#fff;
 border-bottom:1px solid #ebebeb;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
html[data-theme=dark] .Editable-toolbar {
 background:#121212;
 border-bottom:1px solid #2e2e2e
}
.isToolbarSticky .Editable-toolbar,
.Sticky.is-fixed .Editable-toolbar {
 border-top:none!important;
 border-bottom:none!important
}
.isToolbarSticky .Editable-toolbar:after,
.Sticky.is-fixed .Editable-toolbar:after {
 content:" ";
 position:absolute;
 left:0;
 top:100%;
 width:100%;
 pointer-events:none;
 height:3px;
 background:radial-gradient(ellipse at 50%,at 1%,rgba(18,18,18,.1),hsla(0,0%,100%,0) 80%);
 background:radial-gradient(ellipse at 50% 1%,rgba(18,18,18,.1),hsla(0,0%,100%,0) 80%)
}
html[data-theme=dark] .isToolbarSticky .Editable-toolbar:after,
html[data-theme=dark] .Sticky.is-fixed .Editable-toolbar:after {
 background:radial-gradient(ellipse at 50%,at 1%,hsla(0,0%,100%,.1),rgba(18,18,18,0) 80%);
 background:radial-gradient(ellipse at 50% 1%,hsla(0,0%,100%,.1),rgba(18,18,18,0) 80%)
}
.Editable-toolbar-controls {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 padding:6px 10px
}
.Editable-toolbar-controls+.Editable-toolbar-controls {
 border-top:1px solid #ebebeb
}
html[data-theme=dark] .Editable-toolbar-controls+.Editable-toolbar-controls {
 border-top:1px solid #2e2e2e
}
.Editable-toolbar-separator {
 background-color:#ebebeb;
 height:20px;
 margin:0 10px;
 width:1px
}
html[data-theme=dark] .Editable-toolbar-separator {
 background-color:#2e2e2e
}
.Editable-control {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 color:#8590a6;
 cursor:pointer;
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 height:28px;
 margin:0 4px;
 padding:2px;
 white-space:nowrap
}
html[data-theme=dark] .Editable-control {
 color:#8590a6
}
.Editable-control:not(:disabled):hover {
 background-color:rgba(0,102,255,.1);
 border-radius:4px;
 color:#06f
}
html[data-theme=dark] .Editable-control:not(:disabled):hover {
 background-color:rgba(51,119,255,.1);
 color:#37f
}
.Editable-control.is-active {
 color:#06f
}
html[data-theme=dark] .Editable-control.is-active {
 color:#37f
}
.Editable-control span {
 line-height:24px
}
.Editable-control .Zi+span {
 margin-left:6px
}
.Editable-toolbarMenu {
 height:26px;
 margin-left:auto
}
.Editable-toolbarMenuItem {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 line-height:36px
}
.Editable-toolbarMenuItem .Zi {
 margin-right:4px
}
.EditableToolbarMenuCallout {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 background:#fff;
 border-top:1px solid #ebebeb;
 padding:5px 13px
}
.EditableToolbarMenuCallout-closeButton {
 margin-left:auto;
 width:26px;
 height:26px
}
.EditableToolbarMenuCallout-arrowBox {
 position:absolute;
 top:0;
 left:0;
 background:#fff;
 pointer-events:none
}
.EditableToolbarMenuCallout-arrowBox:after,
.EditableToolbarMenuCallout-arrowBox:before {
 bottom:100%;
 left:0;
 border:solid transparent;
 content:" ";
 height:0;
 width:0;
 position:absolute;
 pointer-events:none
}
.EditableToolbarMenuCallout-arrowBox:after {
 border-color:hsla(0,0%,100%,0) hsla(0,0%,100%,0) #fff;
 border-width:8px;
 margin-left:-8px
}
.EditableToolbarMenuCallout-arrowBox:before {
 border-color:hsla(0,0%,80%,0) hsla(0,0%,80%,0) #ebebeb;
 border-width:9px;
 margin-left:-9px
}
.Editable-videoModal .Modal-footer {
 padding:12px 24px
}
.Editable-videoModal-title {
 font-size:20px;
 font-weight:500;
 color:#121212
}
html[data-theme=dark] .Editable-videoModal-title {
 color:#fff
}
.Editable-videoModal-uploader {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 height:220px;
 border:2px dashed #ebebeb;
 border-radius:10px;
 cursor:pointer
}
html[data-theme=dark] .Editable-videoModal-uploader {
 border:2px dashed #2e2e2e
}
.Editable-videoModal-uploader:hover,
html[data-theme=dark] .Editable-videoModal-uploader:hover {
 border-color:#8590a6
}
.Editable-videoModal-uploader:hover .Zi,
html[data-theme=dark] .Editable-videoModal-uploader:hover .Zi {
 fill:#8590a6
}
.Editable-videoModal-uploader input {
 display:none
}
.Editable-videoModal-uploader-icon {
 text-align:center;
 display:block
}
.Editable-videoModal-uploader-icon .Zi {
 vertical-align:middle;
 fill:#ebebeb
}
html[data-theme=dark] .Editable-videoModal-uploader-icon .Zi {
 fill:#2e2e2e
}
.Editable-videoModal-uploader-text {
 margin-top:10px;
 font-size:18px;
 line-height:30px;
 text-align:center
}
.Editable-videoModal-uploader-tip {
 font-size:14px;
 line-height:30px;
 text-align:center;
 color:#8590a6
}
html[data-theme=dark] .Editable-videoModal-uploader-tip {
 color:#8590a6
}
.Editable-docModal .Modal-footer {
 padding:12px 24px
}
.Editable-docModal input[type=file] {
 display:none
}
.Editable-docModal-title {
 font-size:20px;
 font-weight:500;
 color:#121212
}
html[data-theme=dark] .Editable-docModal-title {
 color:#fff
}
.Editable-docModal-uploader {
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 height:220px;
 border:2px dashed #ebebeb;
 border-radius:10px;
 cursor:pointer
}
html[data-theme=dark] .Editable-docModal-uploader {
 border:2px dashed #2e2e2e
}
.Editable-docModal-uploader:hover,
html[data-theme=dark] .Editable-docModal-uploader:hover {
 border-color:#8590a6
}
.Editable-docModal-uploader:hover .Zi,
html[data-theme=dark] .Editable-docModal-uploader:hover .Zi {
 fill:#8590a6
}
.Editable-docModal-uploader-icon {
 text-align:center;
 display:block
}
.Editable-docModal-uploader-icon .Zi {
 vertical-align:middle;
 fill:#ebebeb
}
html[data-theme=dark] .Editable-docModal-uploader-icon .Zi {
 fill:#2e2e2e
}
.Editable-docModal-uploader-text {
 font-size:18px;
 line-height:30px;
 margin-top:20px;
 text-align:center
}
.Editable-docModal-uploader-tip {
 font-size:14px;
 line-height:30px;
 text-align:center;
 color:#8590a6
}
html[data-theme=dark] .Editable-docModal-uploader-tip {
 color:#8590a6
}
.Editable-docModal-fileName {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.Editable-docModal-fileName .Zi {
 fill:#06f;
 margin-right:4px
}
html[data-theme=dark] .Editable-docModal-fileName .Zi {
 fill:#37f
}
.Editable-docModal-loading {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 margin:36px 0 12px
}
.Editable-docModal-fail,
.Editable-docModal-loading {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.Editable-docModal-fail {
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 text-align:center
}
.Editable-docModal-failHint {
 color:#f1403c;
 font-size:16px;
 margin-top:36px;
 font-weight:600;
 font-synthesis:style
}
html[data-theme=dark] .Editable-docModal-failHint {
 color:#f1403c
}
html[data-ios] .Editable-docModal-failHint {
 font-weight:500
}
html[data-android] .Editable-docModal-failHint {
 font-weight:700
}
.Editable-docModal-retryButton {
 margin:32px 0 10px;
 width:220px
}
.Editable-languageSuggestions {
 position:fixed;
 z-index:1
}
.Editable-languageSuggestionsInput {
 cursor:pointer
}
.Editable-languageSuggestionsInput input {
 cursor:inherit
}
.Editable-languageSuggestionsInput input:focus {
 cursor:text
}
.Editable-languageSuggestionsMenu {
 max-height:300px;
 margin-top:-8px;
 margin-bottom:-8px;
 overflow-y:auto
}
.Editable-languageSuggestionsMenuContainer {
 overflow-y:hidden
}
.DraftEditor-root code[class*=language-],
.DraftEditor-root pre[class*=language-] {
 color:#000;
 background:none;
 text-shadow:0 1px #fff;
 font-family:Menlo,Monaco,Consolas,Andale Mono,lucida console,Courier New,monospace;
 text-align:left;
 white-space:pre;
 word-spacing:normal;
 word-break:normal;
 word-wrap:normal;
 line-height:1.5;
 -moz-tab-size:4;
 -o-tab-size:4;
 tab-size:4;
 -webkit-hyphens:none;
 -ms-hyphens:none;
 hyphens:none
}
.DraftEditor-root code[class*=language-]::-moz-selection,
.DraftEditor-root code[class*=language-] ::-moz-selection,
.DraftEditor-root pre[class*=language-]::-moz-selection,
.DraftEditor-root pre[class*=language-] ::-moz-selection {
 text-shadow:none;
 background:#bfbfbf
}
.DraftEditor-root code[class*=language-]::selection,
.DraftEditor-root code[class*=language-] ::selection,
.DraftEditor-root pre[class*=language-]::selection,
.DraftEditor-root pre[class*=language-] ::selection {
 text-shadow:none;
 background:#bfbfbf
}
html[data-theme=dark] .DraftEditor-root code[class*=language-]::-moz-selection,
html[data-theme=dark] .DraftEditor-root code[class*=language-] ::-moz-selection,
html[data-theme=dark] .DraftEditor-root pre[class*=language-]::-moz-selection,
html[data-theme=dark] .DraftEditor-root pre[class*=language-] ::-moz-selection {
 background:#444
}
html[data-theme=dark] .DraftEditor-root code[class*=language-]::selection,
html[data-theme=dark] .DraftEditor-root code[class*=language-] ::selection,
html[data-theme=dark] .DraftEditor-root pre[class*=language-]::selection,
html[data-theme=dark] .DraftEditor-root pre[class*=language-] ::selection {
 background:#444
}
@media print {
 .DraftEditor-root code[class*=language-],
 .DraftEditor-root pre[class*=language-] {
  text-shadow:none
 }
}
.DraftEditor-root pre[class*=language-] {
 padding:1em;
 margin:.5em 0;
 overflow:auto
}
.DraftEditor-root :not(pre)>code[class*=language-],
.DraftEditor-root pre[class*=language-] {
 background:#f6f6f6
}
html[data-theme=dark] .DraftEditor-root :not(pre)>code[class*=language-],
html[data-theme=dark] .DraftEditor-root pre[class*=language-] {
 background:#1b1b1b
}
.DraftEditor-root :not(pre)>code[class*=language-] {
 padding:.1em;
 border-radius:.3em;
 white-space:normal
}
.DraftEditor-root .token.cdata,
.DraftEditor-root .token.comment,
.DraftEditor-root .token.doctype,
.DraftEditor-root .token.prolog {
 color:#708090
}
.DraftEditor-root .token.punctuation,
html[data-theme=dark] .DraftEditor-root .token.punctuation {
 color:#999
}
.DraftEditor-root .namespace {
 opacity:.7
}
.DraftEditor-root .token.boolean,
.DraftEditor-root .token.constant,
.DraftEditor-root .token.deleted,
.DraftEditor-root .token.number,
.DraftEditor-root .token.property,
.DraftEditor-root .token.symbol,
.DraftEditor-root .token.tag,
html[data-theme=dark] .DraftEditor-root .token.boolean,
html[data-theme=dark] .DraftEditor-root .token.constant,
html[data-theme=dark] .DraftEditor-root .token.deleted,
html[data-theme=dark] .DraftEditor-root .token.number,
html[data-theme=dark] .DraftEditor-root .token.property,
html[data-theme=dark] .DraftEditor-root .token.symbol,
html[data-theme=dark] .DraftEditor-root .token.tag {
 color:#f36
}
.DraftEditor-root .token.attr-name,
.DraftEditor-root .token.builtin,
.DraftEditor-root .token.char,
.DraftEditor-root .token.inserted,
.DraftEditor-root .token.selector,
.DraftEditor-root .token.string {
 color:grey
}
html[data-theme=dark] .DraftEditor-root .token.attr-name,
html[data-theme=dark] .DraftEditor-root .token.builtin,
html[data-theme=dark] .DraftEditor-root .token.char,
html[data-theme=dark] .DraftEditor-root .token.inserted,
html[data-theme=dark] .DraftEditor-root .token.selector,
html[data-theme=dark] .DraftEditor-root .token.string {
 color:#999
}
.DraftEditor-root .language-css .token.string,
.DraftEditor-root .style .token.string,
.DraftEditor-root .token.entity,
.DraftEditor-root .token.operator,
.DraftEditor-root .token.url {
 color:#c2a469;
 background:hsla(0,0%,100%,.5)
}
html[data-theme=dark] .DraftEditor-root .language-css .token.string,
html[data-theme=dark] .DraftEditor-root .style .token.string,
html[data-theme=dark] .DraftEditor-root .token.entity,
html[data-theme=dark] .DraftEditor-root .token.operator,
html[data-theme=dark] .DraftEditor-root .token.url {
 color:#c2a469;
 background:rgba(18,18,18,.5)
}
.DraftEditor-root .token.atrule,
.DraftEditor-root .token.attr-value,
.DraftEditor-root .token.keyword {
 color:#06f
}
html[data-theme=dark] .DraftEditor-root .token.atrule,
html[data-theme=dark] .DraftEditor-root .token.attr-value,
html[data-theme=dark] .DraftEditor-root .token.keyword {
 color:#37f
}
.DraftEditor-root .token.function,
html[data-theme=dark] .DraftEditor-root .token.function {
 color:#f36
}
.DraftEditor-root .token.important,
.DraftEditor-root .token.regex,
.DraftEditor-root .token.variable,
html[data-theme=dark] .DraftEditor-root .token.important,
html[data-theme=dark] .DraftEditor-root .token.regex,
html[data-theme=dark] .DraftEditor-root .token.variable {
 color:#ff9607
}
.DraftEditor-root .token.bold,
.DraftEditor-root .token.important {
 font-weight:600;
 font-synthesis:style
}
html[data-ios] .DraftEditor-root .token.bold,
html[data-ios] .DraftEditor-root .token.important {
 font-weight:500
}
html[data-android] .DraftEditor-root .token.bold,
html[data-android] .DraftEditor-root .token.important {
 font-weight:700
}
.DraftEditor-root .token.italic {
 font-style:italic
}
.DraftEditor-root .token.entity {
 cursor:help
}
.DraftEditor-root .prism-token {
 background-color:inherit!important
}
.Editable {
 padding:0;
 position:relative
}
.Editable-content {
 padding:6px 12px;
 cursor:text
}
.Editable-notification-layout {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.Editable-notification-actions,
.Editable-notification-layout {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row
}
.Editable-notification-actions {
 margin:0 -12px
}
.Editable-notification-action {
 margin:0 12px
}
.Editable .public-DraftEditorPlaceholder-root {
 color:#8590a6;
 position:absolute;
 pointer-events:none
}
html[data-theme=dark] .Editable .public-DraftEditorPlaceholder-root {
 color:#8590a6
}
.Editable--hidePlaceholder.Editable .public-DraftEditorPlaceholder-root {
 display:none
}
.Editable-styled,
.Editable-unstyled {
 margin:0 0 1.4em
}
.Editable-styled:first-child,
.Editable-unstyled:first-child {
 margin-top:0
}
.Editable-styled:last-child,
.Editable-unstyled:last-child {
 margin-bottom:0
}
.DraftEditor-root blockquote+blockquote {
 margin-top:-1em
}
.DraftEditor-root pre.public-DraftStyleDefault-pre {
 border-radius:4px
}
.DraftEditor-root pre.public-DraftStyleDefault-pre pre {
 padding:0;
 margin:0;
 border-radius:0;
 overflow:visible;
 overflow:initial
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem,
.DraftEditor-root .public-DraftStyleDefault-unorderedListItem {
 margin:0
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1,
.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
 margin-left:1.15em
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2,
.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth2 {
 margin-left:2.3em
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3,
.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth3 {
 margin-left:3.45em
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4,
.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth4 {
 margin-left:4.6em
}
.DraftEditor-root .public-DraftStyleDefault-ol,
.DraftEditor-root .public-DraftStyleDefault-ul {
 display:block
}
.DraftEditor-root .public-DraftStyleDefault-ol>li,
.DraftEditor-root .public-DraftStyleDefault-ul>li {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.DraftEditor-root .public-DraftStyleDefault-ol>li:before,
.DraftEditor-root .public-DraftStyleDefault-ul>li:before {
 display:inline;
 display:initial
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem {
 list-style-type:none
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
 counter-reset:ol0
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth0:before {
 content:counter(ol0) ". ";
 counter-increment:ol0
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
 counter-reset:ol1
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
 content:counter(ol1) ". ";
 counter-increment:ol1
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
 counter-reset:ol2
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
 content:counter(ol2) ". ";
 counter-increment:ol2
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
 counter-reset:ol3
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
 content:counter(ol3) ". ";
 counter-increment:ol3
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
 counter-reset:ol4
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
 content:counter(ol4) ". ";
 counter-increment:ol4
}
_:-ms-lang(x),
pre.public-DraftStyleDefault-pre,
pre.public-DraftStyleDefault-pre pre {
 overflow:visible;
 overflow:initial;
 word-wrap:break-word
}
.DraftEditor-editorContainer textarea {
    border: 1px solid #f0f2f7;
    padding:10px;
    font-size:15px;
    color:#333;
    line-height:25px;
}
.WritePin-contentWrite-title textarea 
{
    border: 1px solid #f0f2f7;
    padding:10px;
    font-size:15px;
    color:#333;    
    height: 45px;
    min-height: 45px;
    display: block;
     font-size: 32px;
    line-height: 1.4;
    font-weight:bold;
    font-synthesis: style;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: calc(100% - 25px);
}
.DraftEditor-editorContainer textarea:focus 
{
    outline: none !important;
    border: 1px solid #f0f2f7;
}
.DraftEditor-editorContainer textarea::-webkit-input-placeholder {
  color: #9c9c9c;
  font-weight:400;
}
.DraftEditor-editorContainer textarea:-moz-placeholder, .WritePin-contentWrite-title textarea:-moz-placeholder{
  color: #9c9c9c;
  font-weight:400;
}
.DraftEditor-editorContainer textarea::-moz-placeholder, .WritePin-contentWrite-title textarea::-moz-placeholder {
  color: #9c9c9c;
  font-weight:400;
}
.DraftEditor-editorContainer textarea::-ms-input-placeholder, .WritePin-contentWrite-title textarea::-ms-input-placeholder {
  color: #9c9c9c;
  font-weight:400;
}
.WritePin-contentWrite-title 
{
    width:100%;
    margin-bottom:15px;
}
.WritePin-contentWrite-title input
{
   width:calc(100% - 15px);
   height:35px;
   padding-left:10px;
   border: 1px solid #f0f2f7;
   font-size:16px;
   font-style:normal;
   color:#333;
}
.WritePin-contentWrite-title input:focus 
{
    outline: none !important;
    border: 1px solid #f0f2f7;
}
.WritePin-contentWrite-title input::-webkit-input-placeholder {
  color: #9c9c9c;
}
.WritePin-contentWrite-title input:-moz-placeholder {
  color: #9c9c9c;
}
.WritePin-contentWrite-title input::-moz-placeholder {
  color: #9c9c9c;
}
WritePin-contentWrite-title input::-ms-input-placeholder {
  color: #9c9c9c;
}
.WritePin_Tip 
{
   font-size:13px;
   color:#868282;
   line-height:22px;
   position:absolute;
   right:0;
}
.Button1 
{
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 3px;
}
.btn_action 
{
    text-align:center;
}
.btn_action .ModalButtonGroup 
{
   display:inline-block;  
}
.roundtable_title_column 
{
    margin:30px 20px 30px 20px;
    font-size:20px;
    color:#333;
    font-weight:bold;
}
.mobile_booklist_clear {
    display:block;
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
    over-flow: hidden;
}
.mobile_booklist_padding {
    display: flex;
    align-items: center;
}
.mobile_booklist_info {
    display:flex;
    background-color:#f4f4f4;
    -webkit-user-modify:read-only;
    -webkit-user-select:none;
    width:100%;
    margin:0;
    padding:0;
    letter-spacing:0;
    align-items: center;
}
.mobile_booklist_left {
    padding: 10px;
    align-items: center;
}.mobile_booklist_left img {
    width: 20px;
    height: 20px;
}.mobile_booklist_right {
    padding:10px 10px 10px 0px;
    width: calc(100% - 60px);
}.mobile_booklist_name {
    font-size: 12pt;
    line-height:130%;
}.mobile_booklist_flod {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.css-6tr06j {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    height: 52px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #EBEBEB;
    background: #FFFFFF;
    -webkit-font-smoothing: subpixel-antialiased;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.css-1xhai3h {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    height: 52px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1000px;
}
.css-yeo8tb {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #8590A6;
}
.css-px76bk {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    font-size: 14px;
 }
.css-1l6w7b2 {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    color: #8590A6;
    font-size: 14px;
    margin-left: auto;
}
#txtSearchArticle  {
    padding: 0 10px;
    box-sizing:border-box;
    font-size: .928em;
    border: 1px solid #eee;
    background:#fff;
    -webkit-appearance: none;
    padding: 12px 10px;
    width: calc(100% - 40px);
    font-size: 14px;
    margin:20px 20px 10px 20px;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.segmented_control 
{
    margin-top:20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.segmented_control .tabs{
  position:relative;
  display:inline-block;
  height:30px;
  border:0.5px solid #999999;
  border-radius:5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.segmented_control .tab-pane{
  display:inline-block;
}
.segmented_control .tabs input[type='radio']{
  position:absolute;
  clip:rect(0,0,0,0)
}
.segmented_control .tab-item{
  display:block;
  height:30px;
  line-height:30px;
  cursor:pointer;
  color:#999999;
  font-size:13px;
  width:70px;
  text-align:center;
}
.segmented_control .tab-item-border
{
    border-right:0.5px solid #999999;
}
.tabs input[type='radio']:checked+.tab-item{
  background:#999999;
  color:#fff
}
.tabs input[type='radio']:checked+.tab-item{
  z-index:1
}
.booklist_attachment_loading, .book_attachment_loading
{
    display: flex;
    justify-content: center;
    align-items: center;
}

.new_booklist_content 
{
    padding:20px;
    cursor:pointer;
}
.new_booklist_content .new_booklist_title
{
    font-size:18px;
    font-weight:bold;
    color:#333333;
    margin-bottom:10px;
}
.new_booklist_content .des, .new_booklist_content .owned_ages, .new_booklist_content .owned_tags, .new_booklist_content .creator_name
{
    font-size:13px;
    color:#666666;
    margin-bottom:3px;
}
.new_booklist_des 
{
   float:left;
   margin-left:10px;
}
.new_booklist_imgs 
{
    float:left;
    width: 60px;
}
.new_booklist_imgs .cover
{
    position: relative;
    width: 60px;
    height: 60px;
}
.new_booklist_imgs .cover .img1
{
    position: absolute;
    background: #f2f2f2;
    top: 0;
    left: 0;
    width: 45px;
    height: 60px;
    border-radius: 5px;
    z-index: 1003;
    border:1px solid #ECECEC; 
}
.new_booklist_imgs .cover .img2
{
    position: absolute;
    background: #f2f2f2;
    top: 10px;
    left: 14px;
    width: 38px;
    height: 50px;
    border-radius: 5px;
    z-index: 1002;
    border:1px solid #ECECEC;
}
.new_booklist_imgs .cover .img3
{
    position: absolute;
    background: #f2f2f2;
    top: 20px;
    right: 0;
    width: 30px;
    height: 40px;
    border-radius: 5px;
    z-index: 1001;
    border:1px solid #ECECEC;
}
.new_article_content 
{
   padding-top:12px;
   padding-bottom:12px;  
   cursor:pointer;
}
.new_booklist_icon 
{
    float:left;
}
.new_booklist_icon img
{
    width:18px;
    height:18px;
    margin-left:15px;
    margin-top:3px;
}
.new_booklist_title 
{
    float:left;
    color:#333333;
    font-size:16px;
    margin-left:10px;
    width:calc(100% - 15px - 18px - 10px - 15px);
}
#SearchArticleForAddArticleMore 
{
   margin-top:20px;  
}
.filter_items .filter_item {
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  line-height: 22px;
  color: #666666;
  padding: 0 10px;
  margin-right: 5px;
  border-radius: 3px;
}
.filter_items .DRE-popup-form-subject-types-selected {
  color: #ff5050;
}
.filter_items {
  list-style: none;
  margin:0px 20px 0px 20px;
  padding:0;
}
#txtSearchArticle, #txtSearchBooks, #txtSearchNewBooks {
    padding: 0 10px;
    box-sizing:border-box;
    font-size: .928em;
    border: 1px solid #eee;
    background:#fff;
    -webkit-appearance: none;
    padding: 12px 10px;
    width: calc(100% - 40px);
    font-size: 14px;
    margin:20px 20px 10px 20px;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.search_books_bar select {
    float: left;
    height: 25px;
    margin: 29px 0 10px 20px;
    -webkit-border-radius: 0px;
}
.search_books_bar input
{
    float:left;
    padding: 0 10px;
    box-sizing:border-box;
    font-size: .928em;
    border: 1px solid #eee;
    background:#fff;
    -webkit-appearance: none;
    padding: 12px 10px;
    width: calc(100% - 40px - 70px);
    font-size: 14px;
    margin:20px 20px 10px 10px;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.add_book_foraddarticle_a input[type="checkbox"] {
  width: 20px;
  height: 20px;
  opacity: 0;
}
.ColumnPageHeader-Line 
{
  display:inline-block;
  margin-left: 15px;
  height: 29px;
  width: 1px;
  background-color: #ebebeb;
  vertical-align:middle;
}
.ColumnPageHeader-content, .ColumnPageHeader-Title {
  display:inline-block;
  margin-left: 15px;
  height: 60px;
  vertical-align:middle;
}
.WriteIndex-pageTitleWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.WriteIndex-pageTitle 
{
  color: #444;
  font-weight: 600;
  font-synthesis: style;
  font-size:18px;
  line-height:60px;
}
.is_addexperience_head 
{
  width:30px;
  height:30px;  
  margin-top:15px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.experience_title_top 
{
  height:16px;   
}
.experience_title_line 
{
    border-bottom: 1px solid rgba(18,18,18,.08);
}
.add_experience_setting 
{
   margin-top:30px;   
}
.container_p 
{
  width:calc(1000px + 190px + 190px);
  margin-left:auto;
  margin-right:auto;   
}
.container_s 
{
  position:relative;
  display:inline-block;
  width:190px;
  margin-top:10px;
  vertical-align:top;  
}
.css-14olo3l {
  box-sizing: border-box;
  margin: 0;
  min-width: 0px;
  padding: 8px 10px;
  background-color: rgb(255, 255, 255);
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: justify;
  justify-content: space-between;
  color: rgb(133, 144, 166);
  display: flex;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  position: sticky;
  top: 0px;
  z-index: 1;
  box-shadow: rgba(18, 18, 18, 0.1) 0px 1px 3px;
}
.css-zkfaav {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  -moz-box-align: center;
  align-items: center;
  display: flex;
}
.css-5287jj {
  box-sizing: border-box;
  margin: 0px 0px 0px 10px;
  min-width: 0px;
  font-size: 14px;
}
.css-1luiu27 {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  max-width: 100%;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.css-1izmkad {
  box-sizing: border-box;
  margin: 15px 0px 10px 0px;
  min-width: 0px;
  max-height: calc(-200px + 100vh);
  overflow-x:hidden;
  overflow-y:auto;
}
.css-a3sv8e {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  flex-direction: column;
  font-size: 12px;
  display: flex;
}
.css-11caopt.Catalog-FirstLevelTitle, .css-11caopt.Catalog-SecondLevelTitle {
  position: relative;
  height: 30px;
  color: rgb(133, 144, 166);
}
css-11caopt {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  flex-shrink: 0;
  display: flex;
  -moz-box-align: center;
  align-items: center;
  color: rgb(133, 144, 166);
  font-size: 12px;
  padding-left: 30px;
  font-weight: 500;
  position: relative;
  height: 30px;
  line-height: 30px;
}
.css-11caopt.Catalog-FirstLevelTitle::before {
  left: 16px;
  width: 6px;
  height: 6px;
}
.css-11caopt.Catalog-FirstLevelTitle::before, .css-11caopt.Catalog-SecondLevelTitle::before {
  content: " ";
  position: absolute;
  background-color: rgb(133, 144, 166);
  display: inline-block;
  border-radius: 50%;
  top: 12px;
  margin-right: 12px;
}
.css-11caopt {
  color: rgb(133, 144, 166);
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
}
.css-q9wt1v {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  padding-left: 35px;
  padding-right: 10px;
  display: flex;
  cursor: pointer;
  -moz-box-align: center;
  align-items: center;
  width: 100%;
}
.css-nj7ofv {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  pointer-events: none;
  word-break: break-all;
}
.css-11caopt .Catalog-TitleIcon {
  position: absolute;
  right: 10px;
  width: 12px;
  height: 12px;
  object-fit: contain;
  display: none;
}
.css-9taffg {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  max-width: 100%;
  height: auto;
}
.css-11caopt2::after {
  content: " ";
  display: block;
  position: absolute;
  left: 19px;
  top: 0px;
  transform: translateX(-50%);
  width: 2px;
  height: 30px;
  margin-top: 12px;
  background: rgba(133, 144, 166, 0.12) none repeat scroll 0% 0%;
}
.css-q9wt1v:hover {
  color: rgb(0, 102, 255);
  border-radius: 4px;
}
#txtAriginalLink 
{
    border: 1px solid #999999;
}
.level_head 
{
   float:left;  
}
.level_all 
{
   float:right;
   font-size:15px;
   line-height: 35px;
}
.reading_record_des 
{
  font-size:12px;
  color:#999;  
  margin-top:5px; 
}
.xhslevel_info_line
{
    width: 100%;
    height: 1px;
    background: #f2f2f2;
    margin-top:30px;
    margin-bottom:30px;
}
.book_punch_info 
{
   height:30px;  
   line-height:30px;
   margin-top:20px;
}
.book_punch_info span
{
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    line-height: 30px;
}
.book_punch_info .punch_count 
{
    width:300px;
    text-align:center;
    height:100%;
    display:inline-block;
    background-color:#FDECEC;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
.book_punch_info .reading_age 
{
    width:300px;
    text-align:center;
    margin-left:16px;
    height:100%;
    background-color:#D6EAFF;
    display:inline-block;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
.review_level_info
{
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 30px;
}
.level_name
{
    font-size: 26px;
    color: #333333;
    font-weight: bold;
    line-height: 35px;
}
.param_info
{
    display: inline-block;
    margin-top: 30px;
    font-size:15px;
}
.param_info a
{
    padding-bottom: 3px;
    margin-left: 15px;
}
.param_title
{
    color: #999;
    font-size: 15px;
}
.param_name
{
    font-size: 15px;
    color: #3377AA;
}
.param_level
{
    color: #333;
    font-size: 15px;
    font-weight: bold;
}
    
.sub_title
{
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-left: 20px;
    margin-bottom: 20px;
}
.levels_info 
{
    margin-left:20px;
    margin-right:20px;
    padding-top:25px;
}
.levels_info .title
{
    font-size:20px;
    font-weight:bold;
    color:#333;
    text-align:center; 
}
.levels_info .des
{
    text-align:center;
    margin-top:5px;
}
.levels_info .levels
{
    margin-top:25px;
    text-align:left;
}
.levels_info .levels .level_item
{
    display:inline-block;
    width:112.5px;
    -webkit-box-shadow: 0 1px 3px rgba(26,26,26,.1);
    box-shadow: 0 1px 5px rgba(26,26,26,.1);
    border-radius: 5px 5px 0 0;
    background-color: White;
    padding:10px;
    margin-right:5px;
    margin-top:10px;
}
.levels_info .levels .level_item .no
{
        
}
.levels_info .levels .level_item .no .num
{
    color:#333;
    font-size:15px;
    font-style:italic;
}
.levels_info .levels .level_item .no .unit
{
    color:#999;
    font-size:15px;
}
.levels_info .levels .level_item .title2
{
    color:#333;
    font-size:15px;
    margin-top:10px;
}
.pc_book_distitle .level_no 
{
    display:inline-block;
    width:80px;
    height:35px;
    background-color:#FF6608;
    color:White;
    font-size:15px;
    font-weight:bold;
    line-height:35px;
    text-align:center;
}
.pc_book_distitle .level_name 
{
    display:inline-block;
    font-size:15px;
    font-weight:bold;
    line-height:35px;
    color:#333;
    margin-left:5px;
}
.pc_book_distitle .level_link
{
    font-size:15px;
    font-weight:normal;
    float:right;
    height:35px;
    line-height:35px;
    margin-right:25px;
}
.pc_book_distitle .hot_book_title 
{
        font-size:15px;
        margin-top:30px;
}
    .review_book_userinfo
{
    margin-top: 15px;
}
.review_book_userinfo div
{
    float: left;
}
.review_book_userinfo span
{
    color: rgba(0, 0, 0, 0.3);
    line-height: 20px;
    margin-right: 10px;
}
.review_book_userinfo .review_book_username a
{
    margin-right: 10px;
    color: #00AB6B;
    text-decoration: none;
    margin-left: 5px;
}
.review_book_userinfo img
{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.user_booklist_remark a
{
     display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow: ellipsis;
    color: #444;
}
.pc_book_correction 
{
    width:150px; 
    text-align:center;
    margin-top:10px;
}
.pc_book_correction  a 
{
    font-size:12px;
    color:#999;
}
.book_correction_title 
{
    padding-top: 20px;
    padding-bottom: 15px;
    text-align: left;
}
.book_correction_top 
{
    text-align:center;   
}
.book_correction_content 
{
   margin-top:30px;
   display:inline-block;
   text-align: left;
}
.book_correction_item 
{
    margin: 0 0 18px 0;
}
.book_correction_item .title {
  color: #888888;
  font: 14px/26px Arial,Helvetica,sans-serif;
  text-align: right;
  float: left;
  width: 110px;
  margin: 0 40px 0 0;
}
.book_correction_item input[type="text"] {
  float: none;
  font: 14px/20px Arial,Helvetica,sans-serif;
  width: 460px;
  height: 20px;
  padding: 2px;
  vertical-align: middle;
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc #f2f2f2 #f2f2f2 #cccccc;
  outline: 0;
}
.book_correction_item ul {
  list-style: none;
  margin-left: 87px;
}
.book_correction_item .text-con {
  width: 450px;
  _width: 440px;
  word-wrap: break-word;
  margin: 0 0 12px 24px;
  font: 14px/162% Arial,Helvetica,sans-serif;
  position: relative;
  left: 0;
  top: 0;
}
.book_correction_item textarea {
  width: 469px;
  width: 445px;
  _width: 425px;
  _margin-left: -20px;
  height: 180px;
  padding: 8px;
  font: 14px/15px Arial,Helvetica,sans-serif;
  border: 1px solid #ccc;
  overflow: auto;
  resize: none;
  line-height:22px;
  outline: 0;
}
.book_correction_item2 
{
    margin: 0 0 18px 0;
}
.book_correction_item2 .title {
  color: #888888;
  font: 14px/26px Arial,Helvetica,sans-serif;
  text-align: right;
  float: left;
  width: 110px;
  margin: 0 40px 0 0;
}
.book_correction_item2 input {
  float: none;
  font: 14px/20px Arial,Helvetica,sans-serif;
  width: 80px;
  height: 20px;
  padding: 2px;
  vertical-align: middle;
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc #f2f2f2 #f2f2f2 #cccccc;
  margin-right:5px;
}
.book_correction_item2 span 
{
    display:inline-block;
    margin-left:3px; 
    width:55px;
}
.book_correction_item .sub_r 
{
    margin-right:20px;
    color:#333;
}
.book_correction_cover 
{
   margin-left:150px;  
   margin-bottom:18px;
}
.book_correction_cover img
{
    width:90px;
    height:120px;
}
.book_correction_upload 
{
    margin-left:150px;  
    margin-bottom:50px;
}
.book_correction_upload input 
{
    font-size:14px;
    color:#333;
}
.book_correction_upload .upload_des 
{
    font-size:14px;
    color:#333;
    margin-top:25px;
    margin-bottom:10px;
}
.book_correction_submit 
{
    text-align:center; 
}
.Recommendations-Main {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.Recommendations-BlockTitle {
  width: 690px;
  margin: 24px 0 4px 0;
}
.BlockTitle {
  border-bottom-style: solid;
  border-width: 1px;
  border-color: #ebebeb;
  line-height: 1.375;
  font-size: 16px;
  color: #121212;
  font-weight: 600;
  font-synthesis: style;
  padding-bottom: 12px;
}
.Recommendations-List {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 32px auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}
.PagingButton-Previous {
  margin-right: 40px;
}
.PagingButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  margin-top: 90px;
  width: 48px;
  height: 48px;
  border-radius: 100px;
  background: #fff;
  -webkit-box-shadow: 0 6px 13px 0 rgba(18,18,18,.06);
  box-shadow: 0 6px 13px 0 rgba(18,18,18,.06);
}
.PostItem {
  margin-right: 14px;
  position: relative;
  overflow: hidden;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s;
  background: #fff;
  height: 226px;
  width: 245px;
  min-width: 245px;
  border-radius: 5px;
  -webkit-box-shadow: 0 6px 14px 0 rgba(18,18,18,.06);
  box-shadow: 0 6px 14px 0 rgba(18,18,18,.06);
}
.PostItem-TitleImage {
  height: 123px;
  width: 245px;
  -o-object-fit: cover;
  object-fit: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.PostItem-Title {
  font-size: 16px;
  min-width: 225px;
  color: #121212;
  font-weight: 600;
  font-synthesis: style;
  line-height: 22px;
  margin: 12px;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.PostItem-Footer {
  line-height: 20px;
  position: absolute;
  bottom: 12px;
  left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  font-size: 14px;
  color: #8590a6;
}
.PostItem-FooterTitle {
  margin-right: 24px;
}
.PostItem-Footer {
  line-height: 20px;
  font-size: 14px;
  color: #8590a6;
}
.PagingButton-Next {
  margin-left: 30px;
}
.PostItem-Summary {
    line-height: 20px;
    margin: 8px 12px;
    max-height: 118px;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #121212;
}
.feed_content_action 
{
   color: #3377AA;
   cursor:pointer; 
}
.home_login {
    background-color: rgb(245,237,237);
}
.home_login #anony-reg-new {
  margin-bottom: 25px;
  background-size: contain;
  background-position: -webkit-calc(50% - 295px) top;
  background-position: calc(50% - 364px) top;
  background-repeat: no-repeat;
  background-color: rgb(245,237,237);
  margin: 0;
  padding: 0;
  height:304px;
}
.home_login #anony-reg-new .wrapper {
  position: relative;
  padding: 0 0 4px;
  overflow: visible;
  zoom: 1;
  width:1230px;
}
.home_login img
{
    height: 304px;
    width:885px;
    display: inline-block;
    vertical-align: top;
    margin-right:44px;
}
.home_login .wrapper {
    display: inline-block;
    width: 300px;
    margin: 0 auto;
}
.home_login #anony-reg-new .wrapper .login {
  position: relative;
}
.home_login #anony-reg-new .login {
  width: 300px;
  float: right;
  font-size: 0;
  letter-spacing: -.31em;
}
.home_login #anony-reg-new .wrapper .login, .home_login #anony-reg-new .wrapper .app {
  z-index: 2;
}
.home_login #anony-reg-new .app {
  position: absolute;
  height: 120px;
  top: 0;
  bottom: 0;
  margin: auto 0 auto 475px;
  padding: 0;
}
.home_login #anony-reg-new .app-title {
  margin: 7px 0;
  font-size: 25px;
  color: #111;
  line-height: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
}
.home_login #anony-reg-new .app-title span {
  color: #111;
  margin-left: 10px;
  font-weight: 100;
}
.home_login #anony-reg-new .app-title {
  font-size: 25px;
  color: #111;
  line-height: 24px;
  text-rendering: optimizelegibility;
}
.home_login #anony-reg-new .app-slogan {
  margin: 0 0 18px;
  font-size: 0;
  color: #111;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
}
.home_login #anony-reg-new .lnk-app:link, .home_login #anony-reg-new .lnk-app:visited, .home_login #anony-reg-new .lnk-app:hover, .home_login #anony-reg-new .lnk-app:active {
  background: #00B51D;
  color: #FFF;
}
.home_login #anony-reg-new .lnk-app {
  display: inline-block;
  zoom: 1;
  padding: 9px 21px;
  margin-right: 2px;
  vertical-align: top;
  border-radius: 2px;
  font-size: 12px;
  background: #00B51D;
  color: #FFF;
  line-height: 1;
}
.home_login home_login a:link {
  color: #37a;
  text-decoration: none;
}
.home_login #anony-reg-new .app-qr {
  display: inline-block;
  zoom: 1;
  position: relative;
}
.account-body {
 margin:auto;
 max-width:750px;
 padding:20px 15px
}
.account-body,
.account-body h2 {
 box-sizing:border-box;
 width:100%
}
.account-body h2 {
 font-style:normal;
 font-weight:400;
 line-height:1;
 margin:0 auto;
 padding:0 0 20px
}
.account-body-text {
 display:block;
 font-size:23px;
 margin-bottom:20px
}
.account-body-tips {
 color:#9b9b9b;
 display:block;
 font-size:15px;
 line-height:1.2
}
.account-body-tips em {
 color:#f5aa40;
 font-style:normal
}
html {
 background-color:#fff;
 color:#111;
 height:100%;
 width:100%
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) html,
 html[data-isapp="1"]:not(:global(.disable-dark)) html {
  color:#fff
 }
}
html[dark-mode="1"] html {
 color:#fff
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) html,
 html[data-isapp="1"]:not(:global(.disable-dark)) html {
  background-color:#232326
 }
}
html[dark-mode="1"] html {
 background-color:#232326
}
body,
button,
div,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
textarea,
ul {
 margin:0;
 padding:0
}
ol,
ul {
 list-style:none
}
textarea {
 resize:none
}
a:active,
a:hover,
input[type=number]:focus,
input[type=password]:focus,
input[type=phone]:focus,
input[type=text]:focus,
textarea:focus {
 outline:none
}
button,
input[type=button],
input[type=submit] {
 -webkit-appearance:none;
 background-color:transparent;
 border:none;
 cursor:pointer;
 font-size:13px;
 outline:none
}
fieldset {
 border:none
}
label {
 user-select:none
}
a {
 cursor:pointer
}
body {
 color:#333;
 font:normal 13px/1.618 mp-quote, -apple-system-font, system-ui, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;
 min-height:100%
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) body,
 html[data-isapp="1"]:not(:global(.disable-dark)) body {
  color:#aeadb3
 }
}
html[dark-mode="1"] body {
 color:#aeadb3
}
@svg-load icon-photo url(../pics/ic-photo.svg) {
 g:first-child {
  fill:#62c472
 }
}
@svg-load icon-select url(../pics/ic-select.svg) {
 path:first-child {
  fill:#494949
 }
}
@svg-load icon-next url(../pics/next.svg) {
 path:first-child {
  fill:#2e73a5
 }
}
@svg-load icon-wx url(../pics/ic-wx.svg) {
 path:first-child {
  fill:#bababa
 }
}
@svg-load icon-wx-on url(../pics/ic-wx.svg) {
 path:first-child {
  fill:#08c406
 }
}
@svg-load icon-qq url(../pics/ic-qq.svg) {
 path:first-child {
  fill:#bababa
 }
}
@svg-load icon-qq-on url(../pics/ic-qq.svg) {
 path:first-child {
  fill:#3e6dbb
 }
}
@svg-load icon-wb url(../pics/ic-wb.svg) {
 path:first-child {
  fill:#bababa
 }
}
@svg-load icon-wb-on url(../pics/ic-wb.svg) {
 path:first-child {
  fill:#f94747
 }
}
@svg-load icon-loction url(../pics/ic-location.svg) {
 path:first-child {
  fill:#42bd56
 }
}
@svg-load icon-arr url(../pics/ic-arr.svg) {
 path:first-child {
  fill:#9b9b9b
 }
}
@svg-load icon-ok url(../pics/ic-ok.svg) {
 path:first-child {
  fill:#42bd56
 }
}
@svg-load icon-alert url(../pics/ic-alert.svg) {
 path:first-child {
  fill:#ffc541
 }
}
.account-form-field-options a:active,
.account-form-field-options a:hover,
.account-form-field-options a:link,
.account-form-field-options a:visited {
 background-color:transparent;
 color:#bababa;
 text-decoration:none
}
@media (prefers-color-scheme:dark) {
 .account-form-field-options html[data-isapp="1"]:not(.disable-dark) a:active,
 .account-form-field-options html[data-isapp="1"]:not(.disable-dark) a:hover,
 .account-form-field-options html[data-isapp="1"]:not(.disable-dark) a:link,
 .account-form-field-options html[data-isapp="1"]:not(.disable-dark) a:visited,
 .account-form-field-options html[data-isapp="1"]:not(:global(.disable-dark)) a:active,
 .account-form-field-options html[data-isapp="1"]:not(:global(.disable-dark)) a:hover,
 .account-form-field-options html[data-isapp="1"]:not(:global(.disable-dark)) a:link,
 .account-form-field-options html[data-isapp="1"]:not(:global(.disable-dark)) a:visited,
 html[data-isapp="1"]:not(.disable-dark) .account-form-field-options a:active,
 html[data-isapp="1"]:not(.disable-dark) .account-form-field-options a:hover,
 html[data-isapp="1"]:not(.disable-dark) .account-form-field-options a:link,
 html[data-isapp="1"]:not(.disable-dark) .account-form-field-options a:visited,
 html[data-isapp="1"]:not(:global(.disable-dark)) .account-form-field-options a:active,
 html[data-isapp="1"]:not(:global(.disable-dark)) .account-form-field-options a:hover,
 html[data-isapp="1"]:not(:global(.disable-dark)) .account-form-field-options a:link,
 html[data-isapp="1"]:not(:global(.disable-dark)) .account-form-field-options a:visited {
  color:#626166
 }
}
.account-form-field-options html[dark-mode="1"] a:active,
.account-form-field-options html[dark-mode="1"] a:hover,
.account-form-field-options html[dark-mode="1"] a:link,
.account-form-field-options html[dark-mode="1"] a:visited,
html[dark-mode="1"] .account-form-field-options a:active,
html[dark-mode="1"] .account-form-field-options a:hover,
html[dark-mode="1"] .account-form-field-options a:link,
html[dark-mode="1"] .account-form-field-options a:visited {
 color:#626166
}
.account-form-field-options a:active,
.account-form-field-options a:hover {
 color:#a1a1a1
}
body {
 -webkit-tap-highlight-color:transparent
}
body,
td,
th {
 font:normal 13px/1.618 mp-quote, -apple-system-font, system-ui, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif
}
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul {
 margin:0;
 padding:0
}
a {
 -webkit-tap-highlight-color:rgba(0,0,0,0);
 border:none;
 text-decoration:none
}
input[type=number],
input[type=password],
input[type=phone],
input[type=text],
textarea {
 -webkit-tap-highlight-color:rgba(255,0,0,0);
 -webkit-appearance:none;
 background:transparent
}
input:-webkit-autofill {
 box-shadow:inset 0 0 0 1000px #fff
}
input::-webkit-contacts-auto-fill-button,
input::-webkit-credentials-auto-fill-button {
 pointer-events:none;
 position:absolute;
 right:0;
 visibility:hidden
}
a img {
 border-width:0;
 vertical-align:middle
}
a:focus,
button,
input {
 outline:0
}
.app-hide,
.hide {
 display:none
}
.show {
 display:block
}
.mrg0 {
 margin:0
}
.account-form-raw:after {
 clear:both;
 content:""
}
.account-form-label {
 display:block;
 float:left;
 font-size:13px;
 height:40px;
 line-height:40px;
 width:60px
}
.account-form-field {
 display:inline-block;
 margin:0;
 width:350px
}
.account-form-field-options {
 line-height:42px;
 padding:0 10px;
 position:absolute;
 right:0;
 top:0
}
.account-form-field-options em {
 color:#999;
 display:inline-block;
 font-style:normal;
 text-align:center;
 width:4em
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .account-form-field-options em,
 html[data-isapp="1"]:not(:global(.disable-dark)) .account-form-field-options em {
  color:#87878c
 }
}
html[dark-mode="1"] .account-form-field-options em {
 color:#87878c
}
.account-form-field-captcha .account-form-field-options {
 height:32px;
 padding:0;
 right:5px;
 top:5px;
 width:50%
}
.account-form-field-captcha .account-form-field-options img {
 height:100%;
 width:100%
}
.account-form-field-area-code {
 left:0;
 top:0
}
.account-form-field-area-code select {
 appearance:none;
 background-color:transparent;
 border:none;
 cursor:pointer;
 font-size:13px;
 height:40px;
 left:0;
 opacity:0;
 position:absolute;
 top:0;
 width:100%;
 z-index:1
}
.account-form-field-area-code-label {
 background:svg-inline(icon-select) no-repeat 100% 50%;
 line-height:43px;
 margin-right:20px;
 padding-right:5px;
 position:relative
}
.account-form-field-area-code-label:after {
 border-right:1px solid;
 border-color:#dfdfdf;
 content:"";
 height:30px;
 position:absolute;
 right:-10px;
 top:6px;
 width:0
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .account-form-field-area-code-label:after,
 html[data-isapp="1"]:not(:global(.disable-dark)) .account-form-field-area-code-label:after {
  border-color:#3b3b40
 }
}
html[dark-mode="1"] .account-form-field-area-code-label:after {
 border-color:#3b3b40
}
.account-form-field.hide {
 display:none
}
.account-form-field-phone input {
 padding-left:60px;
 padding-right:40px
}
.account-form-field-phone.no-area input {
 padding-left:10px
}
.account-form-field-area-code {
 left:1px;
 overflow:hidden;
 position:absolute;
 top:1px;
 width:50px
}
.account-form-field-area-code-label {
 background:none;
 cursor:pointer;
 font-size:15px;
 font-weight:700;
 line-height:35px;
 margin:0;
 padding-right:1px;
 text-align:center;
 width:100%
}
.account-form-field-area-code-label:after {
 height:22px;
 right:1px;
 top:8px
}
.account-form-input {
 border:1px solid #e4e6e5;
 border-radius:3px;
 box-sizing:border-box;
 font-size:13px;
 padding:10px;
 width:280px
}
.account-form-error {
 left:0;
 position:absolute;
 top:-10px
}
.account-form-error .fatal-msg {
 color:#fe2617
}
.account-form-error .error-msg {
 color:#ccc
}
.account-form-error .info-msg {
 color:#41ac52
}
.account-form-field-submit {
 margin-left:60px;
 padding-top:20px;
 position:relative;
 width:280px
}
.account-form-field-submit.brd-top {
 border-top:1px dashed #e7e6eb;
 margin-left:0;
 margin-top:50px;
 width:100%
}
.account-form-field-submit.mrg-left {
 margin-left:60px
}
.account-form-field-submit.mrg0 {
 margin:0
}
.account-form .btn {
 background-color:#ff5050;
 border-radius:3px;
 color:#fff;
 cursor:default;
 display:inline-block;
 font-size:14px;
 font-weight:600;
 height:36px;
 line-height:36px;
 outline:0;
 padding:0 35px;
 text-align:center
}
.account-form .btn-active {
 background-color:#41ac52;
 cursor:pointer
}
.account-form .btn-active:hover,
.account-form .btn-active:visited {
 color:#fff
}
.account-side h2 {
 color:#072;
 font-size:15px;
 line-height:150%;
 margin:0 0 12px
}
.aside-link a {
 color:#37a;
 font-size:14px
}
.online-apply {
 color:#9b9b9b;
 font-size:15px;
 margin-top:25px
}
.online-apply a {
 color:#41ac52
}
.GlobalPhone {
 display:table;
 font-size:0;
 height:28px;
 padding:0;
 position:relative;
 width:210px
}
.GlobalPhone>* {
 display:table-cell;
 font-size:14px;
 vertical-align:top
}
.GlobalPhone input,
.GlobalPhone>span {
 line-height:28px
}
.GlobalPhone>span {
 color:#494949;
 cursor:pointer;
 padding:0 7px;
 text-align:center;
 white-space:nowrap
}
.GlobalPhone>span:after {
 border-right:1px solid #ccc;
 content:"";
 display:inline-block;
 height:15px;
 margin-left:7px;
 vertical-align:middle
}
.GlobalPhone input[type=text] {
 border:0;
 box-sizing:border-box;
 height:100%;
 padding:0 7px 0 0;
 width:100%
}
.GlobalPhone input[type=text]:focus {
 border:0;
 outline:0
}
.GlobalPhone #verify_phone_err {
 color:#fe2617;
 font-size:12px;
 left:100%;
 line-height:28px;
 margin-left:10px;
 position:absolute;
 top:0;
 white-space:nowrap
}
.GlobalPhoneList li {
 font-size:0;
 text-align:justify;
 text-justify:distribute;
 -ms-text-justify:distribute
}
.GlobalPhoneList li>* {
 display:inline-block
}
.GlobalPhoneList li:after {
 content:"";
 display:inline-block;
 width:100%
}
.GlobalPhoneItem-district {
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 text-rendering:optimizelegibility
}
.GlobalPhoneDialog .bd {
 max-height:30em;
 overflow:auto!important
}
.GlobalPhoneList li {
 border-bottom:1px solid #e5e5e5;
 color:#494949;
 cursor:pointer;
 line-height:2.6;
 overflow:hidden
}
.GlobalPhoneList li:first-child {
 border-top:1px solid #e5e5e5
}
.GlobalPhoneList li>* {
 font-size:14px
}
.GlobalPhoneList li.is-active>* {
 color:#42bd56
}
.GlobalPhoneList li.is-active .GlobalPhoneItem-district:after {
 content:"✔︎";
 margin-left:10px
}
.GlobalPhoneItem-district {
 font-weight:700
}
.GlobalPhoneItem-district span {
 display:inline-block;
 font-size:1.5em;
 line-height:1;
 margin-top:-2px;
 position:relative;
 vertical-align:middle
}
.GlobalPhoneItem-number {
 color:#aaa
}
.nation-list li,
.nation-select-hd,
.ui-dialog-panel-title {
 border-bottom:1px solid transparent;
 border-image-outset:0 0 1px 0;
 border-image-repeat:stretch stretch;
 border-image-slice:0 0 2 0;
 border-image-source:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2'%3E%3Crect fill='%23d8d8d8' width='100%25' height='50%25'/%3E%3C/svg%3E");
 border-image-width:0 0 1px 0;
 margin-bottom:1px
}
.ui-dialog-lnk-close,
.ui-dialog-panel button[type=button],
.ui-dialog-panel button[type=submit],
.ui-dialog-panel-title {
 -moz-osx-font-smoothing:grayscale;
 -webkit-font-smoothing:antialiased
}
.ui-dialog-lnk-close {
 font-weight:lighter;
 line-height:.75;
 position:absolute;
 right:5px;
 top:2px;
 user-select:none
}
.ui-dialog-lnk-close:active,
.ui-dialog-lnk-close:hover,
.ui-dialog-lnk-close:link,
.ui-dialog-lnk-close:visited {
 color:#999;
 font-size:21px;
 padding:8px 10px;
 text-decoration:none
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-lnk-close:active,
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-lnk-close:hover,
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-lnk-close:link,
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-lnk-close:visited,
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-lnk-close:active,
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-lnk-close:hover,
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-lnk-close:link,
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-lnk-close:visited {
  color:#818181
 }
}
html[dark-mode="1"] .ui-dialog-lnk-close:active,
html[dark-mode="1"] .ui-dialog-lnk-close:hover,
html[dark-mode="1"] .ui-dialog-lnk-close:link,
html[dark-mode="1"] .ui-dialog-lnk-close:visited {
 color:#818181
}
.ui-dialog-lnk-close:hover {
 color:#aaa
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-lnk-close:hover,
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-lnk-close:hover {
  color:#b2b2b2
 }
}
html[dark-mode="1"] .ui-dialog-lnk-close:hover {
 color:#b2b2b2
}
.ui-dialog-lnk-close:active {
 color:#777
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-lnk-close:active,
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-lnk-close:active {
  color:#818181
 }
}
html[dark-mode="1"] .ui-dialog-lnk-close:active {
 color:#818181
}
.ui-dialog-panel button[type=button] {
 background-color:#fff;
 border:1px solid #aaa;
 border-radius:3px;
 color:#444;
 font-size:12px;
 padding:6px 20px;
 position:relative
}
@media screen and (-o-min-device-pixel-ratio:2/1),screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:192dpi),screen and (min-resolution:2dppx) {
 .ui-dialog-panel button[type=button] {
  border-width:0;
  box-shadow:0 0 0 .5px #aaa
 }
}
@media (prefers-color-scheme:dark) {
 .ui-dialog-panel html[data-isapp="1"]:not(.disable-dark) button[type=button],
 .ui-dialog-panel html[data-isapp="1"]:not(:global(.disable-dark)) button[type=button],
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-panel button[type=button],
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-panel button[type=button] {
  background-color:#232326
 }
}
.ui-dialog-panel html[dark-mode="1"] button[type=button],
html[dark-mode="1"] .ui-dialog-panel button[type=button] {
 background-color:#232326
}
@media (prefers-color-scheme:dark) {
 .ui-dialog-panel html[data-isapp="1"]:not(.disable-dark) button[type=button],
 .ui-dialog-panel html[data-isapp="1"]:not(:global(.disable-dark)) button[type=button],
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-panel button[type=button],
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-panel button[type=button] {
  color:#494949
 }
}
.ui-dialog-panel html[dark-mode="1"] button[type=button],
html[dark-mode="1"] .ui-dialog-panel button[type=button] {
 color:#494949
}
.ui-dialog-panel button:hover[type=button] {
 background-color:#eee;
 border-color:#eee
}
@media (prefers-color-scheme:dark) {
 .ui-dialog-panel html[data-isapp="1"]:not(.disable-dark) button:hover[type=button],
 .ui-dialog-panel html[data-isapp="1"]:not(:global(.disable-dark)) button:hover[type=button],
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-panel button:hover[type=button],
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-panel button:hover[type=button] {
  background-color:#f2f2f2
 }
}
.ui-dialog-panel html[dark-mode="1"] button:hover[type=button],
html[dark-mode="1"] .ui-dialog-panel button:hover[type=button] {
 background-color:#f2f2f2
}
.ui-dialog-panel button:active[type=button] {
 background-color:#ccc;
 border-color:#ccc
}
@media (prefers-color-scheme:dark) {
 .ui-dialog-panel html[data-isapp="1"]:not(.disable-dark) button:active[type=button],
 .ui-dialog-panel html[data-isapp="1"]:not(:global(.disable-dark)) button:active[type=button],
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-panel button:active[type=button],
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-panel button:active[type=button] {
  background-color:#b2b2b2
 }
}
.ui-dialog-panel html[dark-mode="1"] button:active[type=button],
html[dark-mode="1"] .ui-dialog-panel button:active[type=button] {
 background-color:#b2b2b2
}
.ui-dialog-panel button[type=submit] {
 background-color:#42bd56;
 border:1px solid #42bd56;
 border-radius:3px;
 color:#fff;
 font-size:12px;
 padding:6px 20px
}
@media (prefers-color-scheme:dark) {
 .ui-dialog-panel html[data-isapp="1"]:not(.disable-dark) button[type=submit],
 .ui-dialog-panel html[data-isapp="1"]:not(:global(.disable-dark)) button[type=submit],
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-panel button[type=submit],
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-panel button[type=submit] {
  color:#232326
 }
}
.ui-dialog-panel html[dark-mode="1"] button[type=submit],
html[dark-mode="1"] .ui-dialog-panel button[type=submit] {
 color:#232326
}
.ui-dialog-panel button:hover[type=submit] {
 background-color:#5ccb6e
}
.ui-dialog-panel button:active[type=submit] {
 background-color:#49c55d
}
.ui-dialog-mask {
 background-color:#fff;
 background-color:rgba(0,0,0,.5);
 bottom:0;
 font-size:0;
 left:0;
 overflow-x:none;
 overflow:auto;
 padding:20px 0;
 position:fixed;
 right:0;
 text-align:center;
 top:0;
 z-index:100
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-mask,
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-mask {
  background-color:#232326
 }
}
html[dark-mode="1"] .ui-dialog-mask {
 background-color:#232326
}
.ui-dialog-mask:before {
 content:"";
 display:inline-block;
 height:100%;
 margin-left:-1px;
 overflow:hidden;
 vertical-align:middle;
 width:1px
}
.ui-dialog-container {
 display:inline-block;
 font-size:13px;
 max-width:360px;
 vertical-align:middle;
 width:92%
}
.ui-dialog-panel {
 background-color:#fff;
 border:1px solid #aaa;
 border-radius:4px;
 height:100%;
 margin:auto;
 min-height:80px;
 min-width:200px;
 overflow:auto;
 position:relative;
 text-align:left
}
@media screen and (-o-min-device-pixel-ratio:2/1),screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:192dpi),screen and (min-resolution:2dppx) {
 .ui-dialog-panel {
  border-width:0;
  box-shadow:0 0 0 .5px #aaa
 }
}
.ui-dialog-panel:before {
 border-radius:4px;
 box-shadow:0 0 4px 0 rgba(0,0,0,.25);
 content:"";
 height:100%;
 left:0;
 position:absolute;
 top:0;
 width:100%;
 z-index:-1
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-panel,
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-panel {
  background-color:#232326
 }
}
html[dark-mode="1"] .ui-dialog-panel {
 background-color:#232326
}
.ui-dialog-panel-title {
 color:#494949;
 font-size:14px;
 padding:8px 0;
 text-align:center;
 user-select:none
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .ui-dialog-panel-title,
 html[data-isapp="1"]:not(:global(.disable-dark)) .ui-dialog-panel-title {
  color:#aeadb3
 }
}
html[dark-mode="1"] .ui-dialog-panel-title {
 color:#aeadb3
}
.ui-dialog-body-wrapper {
 padding:20px
}
.nation-select {
 background:#fff;
 bottom:0;
 left:0;
 position:fixed;
 right:0;
 top:0;
 z-index:11
}
.nation-select-hd {
 font-size:16px;
 height:44px;
 line-height:44px;
 padding:0 15px;
 text-align:center
}
.nation-select-close {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke-width='1.5' stroke='%23000' fill='none' fill-rule='evenodd' stroke-linecap='round'%3E%3Cpath d='M5.426 18.487 18.749 5.163M5.163 5.426l13.324 13.323'/%3E%3C/g%3E%3C/svg%3E");
 background-repeat:no-repeat;
 background-size:100%;
 display:block;
 height:15px;
 left:15px;
 position:absolute;
 top:15px;
 width:15px
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .nation-select-close,
 html[data-isapp="1"]:not(:global(.disable-dark)) .nation-select-close {
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23FFF' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round'%3E%3Cpath d='M5.426 18.487 18.749 5.163M5.163 5.426l13.324 13.323'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-size:100%
 }
}
html[dark-mode="1"] .nation-select-close {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23FFF' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round'%3E%3Cpath d='M5.426 18.487 18.749 5.163M5.163 5.426l13.324 13.323'/%3E%3C/g%3E%3C/svg%3E");
 background-repeat:no-repeat;
 background-size:100%
}
.nation-select-bd {
 box-sizing:border-box;
 overflow-x:hidden;
 overflow-y:auto;
 padding:0 15px
}
.nation-list {
 margin-bottom:20px
}
.nation-list .ui-dialog-lnk-close {
 left:5px
}
.nation-list li {
 color:#9b9b9b;
 line-height:30px
}
.nation-list li .nation-number {
 float:right
}
.nation-list li.hover,
.nation-list li.selected {
 color:#41ac52
}
.nation-list li.hover .nation-name,
.nation-list li.selected .nation-name {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='50' height='47' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cimage x='221' y='270' width='50' height='48' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAwCAYAAABT9ym6AAAABGdBTUEAALGPC/xhBQAABYpJREFUaAXtWmtsVEUUPmd220IpkhQJiSaGiI/gKwElNpWG7gMoVFGB7m6RKErUUNSEhPjDGLL4Q38YMCGioTyM1dJuH4A1gQB7dwsoUYnxBzFE4x9RMIKUBCIU2r3jd7feZl327s7slnabeJP2zj3nOzPnu2fOmbnTEo3jS0rJ1o9FIflrvHHxHgvO4UHaSFLWwvczLFxN44pIw4n1E/uunduKOKwhmRIE5q/HDRHf8eB9dEN2SaKH02cQSJx3pQuL8dnXG5xLgzIOEjMy+sckREZFEQkXGo1eacoYSEzN4tZgURPx9gYXJyhxAPlQkYUEVHy2aIn4Y6F6Tsh9iERZdhKWVv5QlMnuiwefJFN2g0RpbhJELhZPFx2RBbHQUlOanaokQOBUpXfF7KKaWr544JkEJUusUiSwkkgW4o1ODiSKhog/FlyG3UYHVusSlelkYYSkjVFPe6/VLoqp5YuHVkhptqE6uS2nVC5mbjG8kRds7JhHxB9rDORBorvSs/wlm4R1H1MiqE4hKRN7tCJBfLBy+qyVVl6kEsk4terioRkDUmLOUhXy6XFMwD4hxZYjvvbPUo0LaWOdWIlItKA6qW+TmI5OnXDn4s7qD66lj30TESTd8ybJbTetplaFYFpmeDr2p3ei++yLN64i0/xUklSeEXD0u0llFf6eebuvZBpvOLmSW+T+cztMKZ/LBAQxxtt7G7qCiFgvSprmJ5okTrknTl7cU70rIwnL3+E30td/9n18bWUmYTOT9GhdbNX99qPu3RsPrcZ01STBP9Mk14JD1bv6so2XJLIgFliCAdZlA9q6AR6Ybbd17iix+Bgyd+tEgph/dbnZb1S1/ZlrLNEQb6owJe/OBRzWS35kuK3Y8Buhl5HYO6zpqWgCDvRHCZf4D89v/03FRlyiv6rwlqargIcw8i51LBFK7Ksmm9u1SBBddBOmk+fzX1THEmRSlSr4X9xMVbzfCK5F3n2sR4Ivu9i96JC37UfVcSycMJnm6hhgL3SvCh45sQ5l/CM9EnQVm8D6w94936uMkYoRqKkTUwW52ijBUxedWFOZDYdIvI4S+2E2TLoOyXNdED8b9bR9la5TeUbV4usqwFSMvHblodTn1DZW7PWIxNZUWc420yAWgtARX+RwTqwDQOCc7oaDzlGcYK7NpPTFQu/io2hLJp2TjIlN7GRXF7pjwMou9SNCtBCOvWM7F46H3cfk6WaU2BdtmfJdUJPhibQq4x2AyBH9qYWEfwL7pTqrz6fijbcfN0/3QKZNggVtAIntDr5pid1Yoq6isuhfZqLbZwQO/C0T82E8TbcDQWITvu4269o54d2IyAUsiE56RzksyqFckYcp3h1vjvraw46d56FAssvzedjlbYLEbjZ8kQ15d+BgiNLNo0YEJFprPLPWOvhSkFi4THNUiGDB66rhWavDHDYL8tjBWAguzblFdrBVFzPvrREPNIY94UF1Iz2kmDxh2hlkn362K46DSOy757YpoVtJwnIF42CrbQTPonLdYbVH8kJ12j9zypRA82PNAyPZb6a+7E/dnzIpC5Ehsb8YLRKWn0kiCIvW3j8XQUTiS5w9jUokbF+GIsJ00hYUekckWhCJ5Z0PhrU3o4WMPXQcVFrWS9f7C+knacss3jO87W8ZBfek30EyItF5LVbl6tE3H7JIbsWFeM0ikW8fhdrZyU5c7noFZC5od8jcjxOPBsPTvk3bdgQNholYZ0csuB5kflfuH1jB5Il6I3uVbW4RcJiI1b9RGzlZ5p40B1Mlnms8JPUhCxv1RL7JhR0NfXJBTB/I+kcVf2/y7xabsOb/94iU+RKi9mbME9mZbjeWzxmJ2A41yA7XxaNdS3AOX40vwLsRqW9Ly907D1a1XrYx/99H+A38A/vIzDMo7A3IAAAAAElFTkSuQmCC' transform='translate(-221 -270)' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
 background-position:100%;
 background-repeat:no-repeat;
 background-size:100%;
 background-size:12px;
 padding-right:15px
}
.nation-select.is-ark .selected {
 color:#389eac
}
.nation-select.is-ark .selected .nation-name {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='50' height='47' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cimage x='-1' width='52' height='48' xlink:href='data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAADQAAAAwCAYAAABe6Vn9AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAANKADAAQAAAABAAAAMAAAAACoP0vDAAAFb0lEQVRoBdVZTWxbRRCeXTuJnSayXYgaqiKVCnoAgSiioqgKh0APgIRAiB4qFVUoiWNDCyqQxEkOuaSJi9SAGpo4AbXiBlKVQ2/8RUKCElSgVBQOhEr8CAVCU1ukqR377TDr6D35+ff9JXbeZXdnZ2fn8+zszowZbNZvaIg3e++8x8MU7x3M88uVN1+8KaGwzYZneyzWuBKHLu5SOgBhtxBuNxOYavbfePv3UF9kUwHyjUy3MyZGyQh7ixgiBZztcxeZqDnSzqGznnjDaj+BeR0BGkso2EAWO+wqMVkzZN/ImV2rdTBOzhEmperKKYYMEjVtocDwmQeQ8TEEbC8HRJ0jX9pSs4D8IxN7EFynAXC/qnClljG2XJOAfMOxh8hXxhnDRyuByJ1HYPM1B0iCAS7BgCkw5GPImPJxTV3blsGsmemHBpd3P881WTX7NsGQefjpvylaqAkL2QVDAc9MvLfzeSCnq7qF7IOBnxDdb0gw8oRVFZADYK7TtR5KRF66prpLyVtux6lT3uVU8yPgEnsAOSqKMvdff/dFdaHd1gEwaUQcTES6v8jVpagP+UcnX+VMhAXyu+l8qlYUHs+tbxc4b4Njx1K5Qsz2HQBDhoGxeCR4PH9vnYW2Rqd3IIopOoxPCiwI83gy6d3bUp+aWwR4MF+Q0bEjYADONzUEBuJFNtW0lmAEiAvE01aETyMJxd3qeeIZd/LTC7Ma0WAnC8ZNjyaYfDT18mcRlaOLPUfody381OMEAsUkmdHQL09hfEfL0LtNheJKUzQwaAMMsi+ZoryWiIS1SyB/xywg32gsSBNP50+WGiOy1nQ9f67UfD7dd5LCGWkZG2AQgS4k5eiNgfCVfPm5Y77trQ+28LVcI5deuc9Ye2UmAAmGwvoJ22AEvBKPhL6vtKc7KVb2MWD3V2IsnGf3FdL0FF908mECMk03paGjrF+9NspahsAkBoLfFZvPp9HtjG3kO0Wv73xm3ZjBztuj72/X0XIGt0Xfe5zAfGjUL3OWal2zYORCDsxV8ZfWdtB3WhRUHtOT1kaBkckwzX1EltlVbN4IjdLpi2DCMqpMAgTb1IHZFkF0ymOlrms+MbU7EJ2aIGXeIdpWlW62zYLJGD9mufKZfzQmHc3yGacn+xOK3b+m2NBLJ/cpknVv7gZm+3bAyL1kpFC2klJZIXaArHzAihsWysZvKGo2fAEUricfojBHe1yLMWwYjcFl5CyU6DF2m5XSi54gcr2qf3iNSlWddsFIGPJSSFcZz5KLubsSvd2XnNBDHrlbTgiyKCNN+w9e7+34zOL6gmWcHr5iUXgB47oQEMYTfcEJJ2VLH1pwUqAJWdmcxgS/IVZOBb1fDXE6yyRzmp4/jx90/LiTD+HPzupaQZqBnKaChLLTnHHXPHHYqhGU3UE/+ZWRnEa/xNyIu2+uyuzvX3PLLHCTZQCFoZzGgnRtCV8cenmZwpY/NMr6dGaZyISNJGh2t8+GPVS4X08/Ok8XQEel1NkuEHX9WhwnhOkKjiqgTJumN26sqT5wuFxRo8x6S1PZulzdqpjJeNmCLH5YklK4aIlyJapqhiY2+tXOWkj6kUB2rlAvKxQ2j8hfSPSFHI0AjGqiqyUEopM/kpWspuSyMDGHCuuOD3RdNqqA03y6XEik4Qjn+I+1TXBGoHKommCk3jpAicHuSyIjDlI49JtRUGSVFarODPuTDYc20vlL6ac7ciqTLE9lRDpGZ4hqBNq/D+q01sojRv9Q9CcinZ9rxCp3igJSdfKfiD3LXNABTLSRozfL+h0VQ2QOc5X65xoDbPqvYHBF5a+FtiwgVcGWk2dblUzqLoW5vMyFS3EfXoVgsNqZrqqerv0fN63ntwJDgK0AAAAASUVORK5CYII='/%3E%3C/svg%3E");
 background-repeat:no-repeat;
 background-size:100%
}
.account-form-input.is-ark {
 caret-color:#389eac
}
.account-form-field-submit a.is-ark {
 background-color:#ddd;
 color:#a6a6a6;
 font-weight:400
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .account-form-field-submit a.is-ark,
 html[data-isapp="1"]:not(:global(.disable-dark)) .account-form-field-submit a.is-ark {
  color:#777
 }
}
html[dark-mode="1"] .account-form-field-submit a.is-ark {
 color:#777
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .account-form-field-submit a.is-ark,
 html[data-isapp="1"]:not(:global(.disable-dark)) .account-form-field-submit a.is-ark {
  background-color:#4b5054
 }
}
html[dark-mode="1"] .account-form-field-submit a.is-ark {
 background-color:#4b5054
}
.account-form-field-submit a.is-ark.btn-active {
 background-color:#389eac;
 color:#fff
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .account-form-field-submit a.is-ark.btn-active,
 html[data-isapp="1"]:not(:global(.disable-dark)) .account-form-field-submit a.is-ark.btn-active {
  background-color:#389eac
 }
}
html[dark-mode="1"] .account-form-field-submit a.is-ark.btn-active {
 background-color:#389eac
}
@media (prefers-color-scheme:dark) {
 html[data-isapp="1"]:not(.disable-dark) .account-form-field-submit a.is-ark.btn-active,
 html[data-isapp="1"]:not(:global(.disable-dark)) .account-form-field-submit a.is-ark.btn-active {
  color:#fff
 }
}
html[dark-mode="1"] .account-form-field-submit a.is-ark.btn-active {
 color:#fff
}
.account-form-field-code.is-ark a {
 color:#389eac
}
#ui-dialog-id-agreemnt-dialog .dui-dialog-close {
 font-size:18px
}
#ui-dialog-id-agreemnt-dialog .hd {
 background:none
}
#ui-dialog-id-agreemnt-dialog .hd h3 {
 color:#333;
 font-size:28px;
 letter-spacing:.97
}
#ui-dialog-id-agreemnt-dialog .bd {
 padding:15px 0
}
#ui-dialog-id-agreemnt-dialog .bd .content {
 border:1px solid #ccc;
 border-radius:3px;
 height:260px;
 overflow:auto;
 padding:20px
}
#ui-dialog-id-agreemnt-dialog .bd .content::-webkit-scrollbar {
 display:none
}
#ui-dialog-id-agreemnt-dialog .ft {
 padding:10px 0 20px;
 text-align:center
}
#ui-dialog-id-agreemnt-dialog .ft .bn-flat {
 background-color:#41ac52;
 border-radius:3px;
 color:#fff;
 display:inline-block;
 font-size:15px;
 font-weight:600;
 padding:7px 20px
}
html {
 background:transparent
}
.account-body {
 background:#fff;
 min-height:450px;
 overflow:hidden;
 padding:50px 30px 100px;
 position:relative;
 width:340px
}
.account-body-tabs {
 color:#9b9b9b;
 font-size:0;
 margin-bottom:10px
}
.account-body-tabs ul {
 border-bottom:1px solid #ececec
}
.account-body-tabs ul li {
 cursor:pointer;
 display:inline-block;
 font-size:18px;
 line-height:2;
 text-align:center;
 width:50%
}
.account-body-tabs ul li.on {
 border-bottom:2px solid #494949;
 color:#333;
 font-weight:600
}
.account-body-tabs ul li.account-tab-scan {
 color:#333;
 font-weight:600;
 text-align:left
}
.account-body-tabs .account-tab-switch {
 overflow:visible;
 position:absolute;
 right:10px;
 top:10px;
 width:100%
}
.account-body-tabs .account-tab-switch-icon .icon-switch {
 background-size:40px;
 height:40px;
 overflow:visible;
 position:absolute;
 right:0;
 top:0;
 width:40px
}
.account-body-tabs .account-tab-switch-icon .icon-switch:hover {
 opacity:.8
}
.account-body-tabs .account-tab-switch-icon .icon-switch:hover:before {
 background:#f5faf9;
 border:1px solid rgba(66,189,86,.3);
 border-radius:3px;
 color:#666;
 display:block;
 font-size:13px;
 height:20px;
 padding:3px 5px;
 position:absolute;
 right:50px;
 top:0
}
.account-body-tabs .account-tab-switch-icon .icon-switch:hover:after {
 background:#f5faf9;
 border-right:1px solid rgba(66,189,86,.3);
 border-top:1px solid rgba(66,189,86,.3);
 content:"";
 display:block;
 height:10px;
 position:absolute;
 right:44px;
 top:8px;
 transform:rotate(45deg);
 width:10px;
 z-index:0
}
.account-body-tabs .account-tab-switch-icon .icon-switch.quick {
 background-image:url(/Images/home_scan_code.png);
}
.account-body-tabs .account-tab-switch-icon .icon-switch.quick:hover:before {
 content:"扫码登录";
 width:53px
}
.account-body-tabs .account-tab-switch-icon .icon-switch.start {
 background-image:url(/Images/home_account_psw.png)
}
.account-body-tabs .account-tab-switch-icon .icon-switch.start:hover:before {
 content:"短信登录/注册";
 width:86px
}
.login-quick .account-tabcon-start,
.login-quick .quick,
.login-quick .tab-start,
.login-start .account-tabcon-quick,
.login-start .start,
.login-start .tab-quick {
 display:none
}
.account-form {
 position:relative
}
.account-form-label {
 display:none
}
.account-form-label input[type=checkbox] {
 margin-right:4px
}
.account-form-field {
 display:block;
 position:relative;
 width:100%
}
.account-form-field input {
 box-shadow:none
}
.account-form-field-submit {
 margin:0;
 padding:0
}
.account-form-field-submit .btn {
 display:block;
 font-size:15px;
 font-weight:600;
 padding:0
}
.account-form-field a.fwd-link {
 color:#9b9b9b;
 line-height:42px;
 padding:0 10px;
 position:absolute;
 right:0;
 top:0
}
.account-form-codes {
 color:#fff;
 position:relative
}
.account-form-codes .account-form-field-code {
 line-height:42px;
 padding:0 10px;
 position:absolute;
 right:0;
 top:0
}
.account-form-codes .account-form-field-code em {
 color:#ccc;
 font-style:normal
}
.account-form-codes .account-form-field-code a {
 color:#ff5050;
 font-size:13px;
}
.account-form-ft {
 overflow:hidden;
 height:41px;
}
.account-form-ft:after {
 clear:both;
 content:""
}
.account-form-ft p {
 margin:10px 0
}
.account-form-remember {
 display:inline-block
}
.account-form-remember input[type=checkbox] {
 margin-right:4px
}
.account-form-link {
 float:right
}
.account-form-link a 
{
   color: #3377AA;
}
.help-link 
{
  font-size:13px;
}
.account-form-3rd {
 bottom:30px;
 position:absolute;
 width:280px
}
.account-form-3rd-hd {
 color:#9b9b9b;
 font-size:11px;
 text-align:center
}
.account-form-3rd-hd:before {
 float:left
}
.account-form-3rd-hd:after,
.account-form-3rd-hd:before {
 background:#ddd;
 content:"";
 height:1px;
 margin-top:9px;
 _overflow:hidden;
 width:36%
}
.account-form-3rd-hd:after {
 float:right
}
.account-form-3rd-bd {
 padding-top:10px;
 text-align:center
}
.account-form-3rd-bd a {
 background-color:transparent;
 background-position:50% 50%;
 background-size:100% 100%;
 display:inline-block;
 font-size:0;
 height:36px;
 line-height:36px;
 margin:0 15px;
 overflow:hidden;
 vertical-align:middle;
 width:36px
}
.account-form-3rd-bd .link-3rd-wb,
.account-form-3rd-bd .link-3rd-wb:hover {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='37' height='37' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(.41 .266)' fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23F27272' cx='18.306' cy='18' r='18'/%3E%3Cpath d='M23.94 17.803c-.268-.055-.442-.138-.521-.248-.08-.11-.094-.21-.04-.303l.08-.137a.326.326 0 0 0 .054-.083c.018-.037.054-.115.107-.235.053-.119.093-.238.12-.357.028-.12.05-.267.067-.441.017-.175.013-.34-.014-.496a2.16 2.16 0 0 0-.16-.51 1.706 1.706 0 0 0-.335-.496c-.25-.257-.576-.423-.977-.496a3.536 3.536 0 0 0-1.203-.014c-.401.064-.78.146-1.137.247-.356.101-.65.198-.882.29l-.347.165a3.298 3.298 0 0 1-.442.11.493.493 0 0 1-.268-.014.707.707 0 0 1-.147-.083c-.035-.027-.049-.091-.04-.193.008-.1.017-.188.026-.261.01-.074.032-.189.067-.345.035-.156.062-.28.08-.372 0-.22-.013-.427-.04-.62a3.094 3.094 0 0 0-.174-.646 1.39 1.39 0 0 0-.387-.579 1.976 1.976 0 0 0-.642-.357c-.259-.092-.593-.12-1.003-.083a5.73 5.73 0 0 0-1.391.33 8.485 8.485 0 0 0-1.899.978c-.642.43-1.199.88-1.671 1.35-.473.467-.905.922-1.298 1.362-.392.441-.696.8-.91 1.075l-.294.44c-.588.79-1.025 1.58-1.31 2.37-.286.79-.42 1.386-.402 1.79v.578c.108.882.37 1.671.79 2.37.418.697.917 1.262 1.497 1.693a8.61 8.61 0 0 0 2.046 1.102c.785.303 1.538.524 2.26.661a19.33 19.33 0 0 0 2.287.29c1.32.11 2.689.004 4.106-.317a12.208 12.208 0 0 0 3.958-1.667c1.222-.79 2.082-1.735 2.581-2.837.303-.643.46-1.249.468-1.818.01-.57-.084-1.033-.28-1.391a3.519 3.519 0 0 0-.763-.95 3.79 3.79 0 0 0-.882-.607 2.959 2.959 0 0 0-.735-.247v.002Zm-8.157 8.566c-1.926.092-3.562-.294-4.908-1.157-1.345-.863-2.018-1.956-2.018-3.278 0-1.304.668-2.428 2.006-3.374 1.337-.945 2.977-1.464 4.92-1.556 1.944-.093 3.584.238 4.922.991 1.337.753 2.006 1.782 2.006 3.085 0 1.322-.682 2.511-2.047 3.567-1.364 1.056-2.99 1.63-4.88 1.721l-.001.001Zm-.776-7.63c-.516.055-.98.18-1.39.372-.41.193-.731.413-.963.661a4.203 4.203 0 0 0-.589.799 3.1 3.1 0 0 0-.335.84 5.436 5.436 0 0 0-.12.757c-.019.229-.027.408-.027.536l.027.22v.111c0 .055.018.165.054.33.036.166.085.317.147.455.062.138.165.29.307.455.143.165.312.303.509.414 1.177.587 2.273.766 3.29.536a4.134 4.134 0 0 0 2.46-1.583c.25-.313.415-.698.494-1.158.08-.46.062-.923-.053-1.39a3.584 3.584 0 0 0-.602-1.281c-.285-.386-.709-.685-1.27-.896-.562-.21-1.208-.27-1.94-.179l.001.001Zm-.962 5.207a1.191 1.191 0 0 1-.575-.042 2.886 2.886 0 0 1-.241-.096.553.553 0 0 1-.2-.151 2.824 2.824 0 0 1-.147-.194.848.848 0 0 1-.148-.482c0-.202.054-.4.161-.592.108-.193.255-.358.442-.496s.396-.217.628-.235c.16-.018.316-.013.468.014.152.028.281.074.388.138.107.064.2.137.28.22a.73.73 0 0 1 .174.29c.036.11.054.229.054.357 0 .202-.058.395-.173.579-.116.183-.272.339-.469.467-.196.13-.41.203-.641.22l-.001.003Zm2.273-1.984a.58.58 0 0 1-.388.125c-.134-.01-.227-.069-.28-.18l-.055-.11a.256.256 0 0 1-.026-.11v-.11c0-.055.009-.101.026-.137l.054-.11a.175.175 0 0 1 .08-.083l.081-.11c.143-.111.28-.157.414-.138a.34.34 0 0 1 .281.22.35.35 0 0 1 .067.248.693.693 0 0 1-.08.262 1.048 1.048 0 0 1-.174.234Zm9.494-5.757a.548.548 0 0 0 .295-.083.677.677 0 0 0 .214-.206.727.727 0 0 0 .107-.262c.017-.018.026-.046.026-.082.214-2.094-.499-3.288-2.14-3.582a3.671 3.671 0 0 0-1.337-.027.534.534 0 0 0-.321.096.857.857 0 0 0-.228.248.645.645 0 0 0 .094.784.615.615 0 0 0 .455.193c1.391-.33 2.14.129 2.247 1.378.036.312.018.606-.054.881 0 .184.062.34.187.468a.614.614 0 0 0 .454.193l.001.001Zm-3.61-7.657c-.018 0-.036.01-.054.028l-.027.055-.026.028a.87.87 0 0 0-.482.344.952.952 0 0 0-.188.565c0 .276.09.505.268.689a.867.867 0 0 0 .642.275h.08a.6.6 0 0 0 .121-.027 1.36 1.36 0 0 1 .2-.041c.071-.01.147-.028.228-.056.081-.027.152-.055.214-.083.062-.027.182-.041.361-.041.18 0 .398.014.656.041.258.028.543.097.856.207.312.11.624.247.936.413.311.166.623.395.936.688.313.294.585.633.816 1.02.464 1.083.553 2.13.268 3.14a.125.125 0 0 1-.014.055.922.922 0 0 0-.04.138 6.06 6.06 0 0 1-.054.206 2.565 2.565 0 0 0-.054.248c-.018.1-.026.187-.026.261 0 .165.044.303.133.414.09.11.2.188.335.234.134.046.29.069.468.069.499 0 .793-.313.882-.937.214-.716.334-1.4.361-2.052.027-.652-.017-1.225-.133-1.721a5.635 5.635 0 0 0-.521-1.391 4.656 4.656 0 0 0-.803-1.102 6.562 6.562 0 0 0-1.017-.827 6.687 6.687 0 0 0-1.083-.592 7.157 7.157 0 0 0-1.084-.358c-.784-.184-1.836-.147-3.155.11Z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
 background-repeat:no-repeat;
 background-size:100%
}
.account-form-3rd-bd .link-3rd-wx,
.account-form-3rd-bd .link-3rd-wx:hover {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='37' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-.015 .266)' fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%2364C574' cx='18' cy='18' r='18'/%3E%3Cpath d='M20.062 18c-.48 0-.962.529-.962 1.18 0 .53.481 1.06.962 1.06.722 0 1.238-.53 1.238-1.06 0-.651-.516-1.18-1.238-1.18m-1.99-4.481c.628 0 1.028-.449 1.028-1.121 0-.705-.4-1.12-1.029-1.12-.6 0-1.171.415-1.171 1.12 0 .672.572 1.12 1.171 1.12m-3.385 9.02c-1.001 0-1.732-.182-2.68-.486l-2.733 1.55.786-2.613C8.136 19.469 7 17.553 7 15.212c0-4.134 3.464-7.295 7.686-7.295 3.736 0 7.065 2.493 7.714 6.019a3.348 3.348 0 0 0-.73-.091c-3.682 0-6.523 3.1-6.523 6.84 0 .638.081 1.215.216 1.823-.216.03-.46.03-.677.03m11.597 3.345.549 2.2-2.086-1.314c-.796.183-1.564.459-2.36.459-3.677 0-6.586-2.812-6.586-6.296 0-3.482 2.909-6.293 6.586-6.293 3.485 0 6.614 2.811 6.614 6.293 0 1.956-1.18 3.697-2.717 4.951M11.498 11.278c-.585 0-1.198.415-1.198 1.12 0 .672.613 1.12 1.198 1.12.556 0 1.002-.448 1.002-1.12 0-.705-.446-1.12-1.002-1.12M24.478 18c-.524 0-.978.529-.978 1.18 0 .53.454 1.06.977 1.06.699 0 1.223-.53 1.223-1.06 0-.651-.524-1.18-1.223-1.18' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
 background-repeat:no-repeat;
 background-size:100%
}
.account-form-3rd-bd .link-3rd-qq,
.account-form-3rd-bd .link-3rd-qq:hover {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%236EB9EC' cx='18' cy='18' r='18'/%3E%3Cpath d='M26.725 19.778c-.336-.804-.768-1.523-1.223-2.075.215-.288.347-.708.347-1.187 0-.648-.251-1.2-.611-1.427.06-.36.084-.72.084-1.091 0-3.91-3.19-7.075-7.135-7.075-3.934 0-7.123 3.165-7.123 7.075 0 .371.024.743.084 1.103-.348.228-.6.78-.6 1.415 0 .372.084.707.216.971a8.275 8.275 0 0 0-1.271 1.859c-1.007 2.014-.864 4.053-.24 4.389.324.168 1.151-.36 1.967-1.355.132 1.163.683 2.23 1.535 3.082-1.403.42-2.327 1.235-2.207 2.062.156 1.043 1.93 1.715 3.957 1.5 1.487-.157 2.698-.756 3.19-1.476.12 0 .252.012.372.012.204 0 .408-.012.6-.024.491.708 1.666 1.307 3.081 1.487 1.967.252 3.682-.396 3.814-1.439.108-.827-.816-1.667-2.195-2.098.816-.828 1.367-1.835 1.535-2.95.732.995 1.463 1.63 1.859 1.546.467-.107.803-2.254-.036-4.304Z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
 background-repeat:no-repeat;
 background-size:100%
}
.account-form-3rd-anonymous {
 border-top:1px solid #ddd;
 position:relative;
 top:0
}
.account-form-3rd-anonymous .account-form-3rd-hd {
 display:inline-block;
 vertical-align: middle;
}
.account-form-3rd-anonymous .account-form-3rd-hd:after,
.account-form-3rd-anonymous .account-form-3rd-hd:before {
 display:none
}
.account-form-3rd-anonymous .account-form-3rd-bd {
 display:inline-block
}
.account-form-error {
 background:none;
 margin-bottom:5px;
 min-height:20px;
 position:static
}
.account-form-error.show-error {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(1 1)' stroke='%23FE2617' fill='none' fill-rule='evenodd'%3E%3Ccircle cx='5.236' cy='5.417' r='5.236'/%3E%3Cpath d='M2.914 5.417h4.712' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
 background-position:0 3px;
 background-repeat:no-repeat;
 background-size:100%;
 background-size:12px;
 color:#fe2617;
 line-height:20px;
 padding-left:16px
}
.account-form-tips {
 color:#9b9b9b
}
.account-form-tips a {
   color: #3377AA;
}
.account-form .btn {
 display:block
}
.account-qr-code {
 margin-top:20px;
 position:relative;
 text-align:center
}
.account-qr-tips {
 display:none
}
.account-qr-abnormal.anony-qr-code .account-qr-scan {
 height:145px;
 width:145px
}
.account-qr-abnormal .account-qr-tips {
 background-color:#fff4e5;
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABHddaYAAADA0lEQVRIDb1WS2gUQRB9tSFqEL8xwgY9+AkKesshIAuCBATjJyDoxYsSNkdPiiLkECUEDwqih4jxIHpQghiCIQTES7zoRdCDBhWDaETE9W8kuO3r2Z2e3pme3V4PNgxdVf2qXndVzUwD/3mIL5+6hQZ8Ro74HXzWQKGV8zwE7yi/5jwheTyuFa8mobqClSjiJIMeZrDmqgEFM1y/wO1ckl347cJWJVRD6OXOB0m23OWcatPECnnpxWQc4yQkUSOBF/nk4w7euuAPSY+R9Lztk7EVIwuuUU4nE9xgRXN89jIDj4yfLSiuAue4+RO2OXFCAk4RcMYGVciCcTZHV2hT17EUP/CMeja0xeYiqbulB2PaXnFCdRlbaOuPOcTVu7ZBDuEr9fu2LSZn2HTDahhLtL2CkPqgw6Zx0RAsjhQjLTKSS1BoYUWP6yVDGJxOYbcLX2FT2Fyha0WwMWFLGo6qcSw0hOyo7iTGaUkSAhucSNuomNI36IwIETWCjUvICptsG5ssy8260mzDQrnLJmwLrTXmZpKsMpiMVzpLcEFbQMjv5ALWofpnyzAEgp1Wn/qF3tnSCQtoYloS72SIcswRYbGOEzL1ASE/P19IN+cInGbarxeUCrp8TxooYRe8N6diXV4SsD4BSjc85VITn9odGsW4XUqpNgimIruXtJWoesh00CmbcNSLJgLNUixEqofUiNGIsIgJunzwcNPZ6GfdW7GW76BgxNPngRzBK0PIAD/peNrDucg/+oDGlf/qZz182GGl35QhLDsNcdbNUG1k+IlaZwF86niTBwp6xHRpGEBdZafO4yH19A+BYJo71qdcxqevKhZ4ghXYJgfwnThWwDH4iuS4Msag9d1l4rEEL/imdvLnOxMuxVMa2MvH76DyPAT+w3yPZB02mY7hJNQLvEZM87Vup9jH037TNs/xllF7mMadJPsU93GmNA5iXVtY14Mk3sc0b+e6vtXZQ9dnkut3WIQR1uuXvWjLXoS2Q3ADL2A1T1G6eTdgllfkjyLcisf4C5aBnQ1DeYRcAAAAAElFTkSuQmCC);
 background-position:15px 6px;
 background-repeat:no-repeat;
 background-size:13px;
 display:block;
 font-size:12px;
 line-height:18px;
 margin-bottom:15px;
 margin-top:-20px;
 padding:5px 13px;
 text-align:left;
 text-indent:20px
}
.account-qr-abnormal .account-qr-tips strong {
 font-weight:700
}
.account-qr-abnormal .account-qr-fail {
 transform:translateY(60px)
}
.account-qr-scan {
 display:inline-block;
 height:172px;
 line-height:172px;
 text-align:center;
 width:172px
}
.account-qr-scan img {
 height:100%;
 vertical-align:middle;
 width:100%
}
.account-qr-text {
 color:#494949;
 display:inline-block;
 font-size:13px;
 line-height:1.5;
 margin-top:20px
}
.account-qr-text:not(.is-ark) {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.851 7.9v-.428A6.822 6.822 0 0 1 7.671.648h2.13a1.28 1.28 0 1 1 0 2.559H8.525a5.117 5.117 0 0 0-5.055 4.327c-.01.07-.02.2-.029.391a1.312 1.312 0 0 1-1.31 1.253A1.279 1.279 0 0 1 .85 7.899ZM2.13 21.118a1.31 1.31 0 0 1 1.308 1.252c.008.174.017.293.026.356a5.117 5.117 0 0 0 5.06 4.363h1.278a1.28 1.28 0 1 1 0 2.559h-2.13a6.822 6.822 0 0 1-6.82-6.824v-.427c0-.706.572-1.279 1.278-1.279ZM28.557 9.178c-.7 0-1.277-.552-1.306-1.252a3.879 3.879 0 0 0-.021-.308 5.117 5.117 0 0 0-5.067-4.41h-1.278a1.28 1.28 0 0 1 0-2.559h2.131a6.822 6.822 0 0 1 6.82 6.823v.427c0 .706-.573 1.279-1.279 1.279Zm1.279 13.22v.427a6.822 6.822 0 0 1-6.82 6.823h-2.13a1.28 1.28 0 0 1 0-2.558h1.277a5.117 5.117 0 0 0 5.05-4.297 4.5 4.5 0 0 0 .032-.422c.033-.7.61-1.252 1.312-1.252.706 0 1.279.573 1.279 1.279Zm-28-8.747H28.82a1 1 0 0 1 1 1v.56a1 1 0 0 1-1 1H1.836a1 1 0 0 1-1-1v-.56a1 1 0 0 1 1-1Z' fill='%2342BD56' fill-rule='evenodd'/%3E%3C/svg%3E");
 background-position:0;
 background-repeat:no-repeat;
 background-size:100%;
 background-size:29px;
 padding-left:45px;
 text-align:left
}
.account-qr-text.is-ark {
 text-align:center
}
.account-qr-text a {
 color: #3377AA;
}
.account-qr-link {
 bottom:35px;
 color:#ccc;
 left:0;
 position:absolute;
 text-align:center;
 width:100%
}
.account-qr-link a {
 color:#41ac52;
 font-size:13px
}
.account-qr-link span {
 padding:0 5px
}
.account-qr-success {
 text-align:center
}
.account-qr-success-hd {
 font-size:22px;
 font-weight:600;
 margin:30px 0 10px
}
.account-qr-success-bd-text {
 font-size:14px;
 margin-bottom:10px
}
.account-qr-success-bd-pic {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='87' height='135' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='50%25' y1='0%25' x2='50%25' y2='100%25' id='a'%3E%3Cstop stop-color='%235BDF70' offset='0%25'/%3E%3Cstop stop-color='%2335BC4B' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect width='86' height='133.778' rx='6' fill='%23000' opacity='.1' transform='translate(.422 .875)'/%3E%3Cpath fill='%23FFF' d='M7.11 14.253h72.623v95.556H7.11z'/%3E%3Cg transform='translate(23.355 43.875)'%3E%3Ccircle fill='url(%23a)' cx='20.067' cy='20.067' r='20.067'/%3E%3Cpath d='M17.884 24.72 30.25 12.356l2.6 2.6L17.914 29.89l-1.46-1.46-.03.028-7.975-7.974 2.6-2.6 6.835 6.836Z' fill='%23FFF'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
 display:inline-block;
 height:134px;
 margin-bottom:20px;
 vertical-align:middle;
 width:86px
}
.account-qr-success-bd-link a {
 color:#41ac52;
 font-size:14px
}
.account-qr-fail {
 bottom:0;
 height:172px;
 left:50%;
 margin-left:-86px;
 position:absolute;
 right:0;
 top:0;
 width:172px;
 z-index:10
}
.account-qr-fail:before {
 background:#fff;
 content:"";
 display:block;
 filter:opacity(50);
 height:100%;
 opacity:.9;
 position:absolute;
 width:100%
}
.account-qr-fail span {
 color:#000;
 display:block;
 font-size:15px;
 margin:50px 0 10px;
 position:relative;
 z-index:11
}
.account-qr-fail a.btn {
 background:rgba(66,189,86,.5);
 border-radius:3px;
 color:#fff;
 font-size:14px;
 padding:5px 15px;
 position:relative;
 z-index:11
}
.GlobalPhoneDialog {
 top:10px
}
.GlobalPhoneDialog .dui-dialog-shd {
 background:none;
 padding:5px
}
.account-anonymous {
 background:transparent;
 height:296px;
 max-width:300px;
 min-height:200px;
 overflow:hidden;
 padding:30px 10px 10px;
 width:300px
}
.account-anonymous .account-body-tabs {
 margin-bottom:10px
}
.account-anonymous .account-body-tabs ul {
 border-bottom:1px solid #ececec
}
.account-anonymous .account-body-tabs ul li {
 font-size:12px
}
.account-anonymous .account-body-tabs ul li.on {
 border-bottom:1px solid #494949
}
.account-anonymous .account-tab-switch-icon .icon-switch {
 background-size:30px;
 height:30px;
 width:30px
}
.account-anonymous .account-form {
 position:relative
}
.account-anonymous .account-form-label {
 display:none
}
.account-anonymous .account-form-label input[type=checkbox] {
 margin-right:4px
}
.account-anonymous .account-form-raw {
 margin-bottom:10px
}
.account-anonymous .account-form-field {
 display:block;
 position:relative;
 width:100%;
}
.account-anonymous .account-form-field input {
 background:#fff;
 box-shadow:none;
 padding-bottom:8px;
 padding-top:8px
}
.account-anonymous .account-form-field-submit .btn {
 font-weight:400;
 height:34px;
 line-height:34px;
 cursor:pointer;
}
.account-anonymous .account-form-field-link {
 line-height:1
}
.account-anonymous .account-form-field-area-code-label {
 line-height:36px
}
.account-anonymous .account-form-field-area-code-label:after {
 top:6px
}
.account-anonymous .account-form-codes .account-form-field-code {
 line-height:35px
}
.account-anonymous .account-form-3rd {
 width:100%
}
.account-anonymous .account-form-3rd-bd a {
 height:22px;
 margin:0 0 0 12px;
 width:22px
}
.account-anonymous .account-form-tips {
 font-size:12px;
 margin-bottom:10px
}
.account-anonymous .account-form-error {
 display:none;
 overflow:hidden;
 position:absolute;
 top:-60px;
 width:100%
}
.account-anonymous .account-form-error.show-error {
 background-color:#fff6f1;
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(1 1)' stroke='%23FE2617' fill='none' fill-rule='evenodd'%3E%3Ccircle cx='5.236' cy='5.417' r='5.236'/%3E%3Cpath d='M2.914 5.417h4.712' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
 background-position:4px 4px;
 background-repeat:no-repeat;
 background-size:100%;
 background-size:12px;
 border:1px solid #ffb8b3;
 color:#fe2617;
 display:block;
 font-size:12px;
 line-height:22px;
 padding-left:20px;
 width:258px
}
.account-anonymous .account-form-error span.hide {
 display:none
}
.account-anonymous .account-qr-scan {
 height:170px;
 width:170px
}
.account-anonymous .account-qr-text {
 background-color:rgba(0,0,0,.08);
 background-image:none;
 border-radius:12px;
 color:#494949;
 margin-top:10px;
 padding:3px 10px
}
.account-anonymous .account-qr-link {
 display:none
}
.account-anonymous .account-qr-success-hd {
 font-size:18px;
 font-weight:600;
 margin:15px 0 6px
}
.account-anonymous .account-qr-success-bd {
 font-size:12px;
 margin-bottom:12px
}
.account-anonymous .account-qr-success-bd-pic {
 height:117px;
 margin-bottom:15px;
 width:72px
}
.account-anonymous .account-qr-success-bd-link a {
 font-size:11px
}
.t-right {
 text-align:right
}
.ui-dialog-container {
 max-width:fit-content
}
#ui-dialog-id-agreemnt-dialog {
 max-width:600px
}
.ui-dialog-mountnode .ui-dialog-container {
 background:rgba(0,0,0,.2);
 border-radius:8px;
 padding:8px
}
.ui-dialog-mountnode .ui-dialog-mask {
 background:transparent
}
.ui-dialog-mountnode .ui-dialog-body-wrapper {
 padding:30px
}
.ui-dialog-mountnode .confirm-text {
 color:#494949;
 font-size:14px;
 margin-bottom:20px
}
.ui-dialog-mountnode .confirm-btns {
 padding:10px 0;
 text-align:center
}
.ui-dialog-mountnode .confirm-btns a {
 background:#41ac52;
 border-radius:3px;
 color:#fff;
 font-size:14px;
 padding:7px 30px;
 text-align:center
}
.ui-dialog-mountnode .ui-dialog-mask {
 background:rgba(0,0,0,.08)
}
.ui-dialog-mountnode .ui-dialog-panel {
 height:auto
}
.ui-dialog-mountnode .ui-dialog-panel-title {
 font-weight:700;
 margin-left:10px;
 text-align:left
}
.ui-dialog-mountnode .confirm-text {
 text-align:justify
}
.captcha-error {
 color:#989898;
 font-size:12px
}
.captcha-error a {
 color:#41ac52
}
.captcha-error.fixed {
 background:hsla(0,0%,100%,.5);
 bottom:10px;
 left:0;
 padding:3px 0;
 position:absolute;
 text-indent:10px;
 width:100%;
 z-index:10
}
.account-form-codes .account-form-field-code.is-ark a,
.account-form-link.is-ark a,
.account-form-tips.is-ark a {
 color:#389eac
}
.account-body-tabs .account-tab-switch-icon .icon-switch.is-ark.quick {
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAABEVBMVEUAAAD///8AAAD///8AAACAgIAAAABVVVUAAAAzMzMAAAAAAAAZGRkAAAAXFxcwn69An59An68AAAAPDw8AAAAODg4gUFA4l6c4l684n6c4n68mZ3I1n68vf44ufYsugos4m6s4n6swhZQvg5IyiJMxiZUxjJg4nqw4nq44nao4na0yjps4n600j5s0j500kZ00kZ82laE4maU4m6k4nas4naw4n6w4nqo4nqw2mqc4m6k4nqs4nq00kqA3nas3nqw0k580k6A0k6E0lKE1k6A1k6E1lKE1l6U1mKU2lqM2l6U2mKU2mKY2mac2m6g3mKY3m6g3m6k3nKk3nKo4m6k4nKk4nKo4nao4nas4nqw5nqy/olVJAAAAQXRSTlMAAAEBAgIDAwUFBgoKCwsQEBARERISICAgICAvMDY3N0BARUZHVFRfX2BgZn+AgICAgICAgJ+foL/AwN/f4e/v8CSU1AEAAALRSURBVFjDrdhpW9NAEADg6fYKTQPY4n1QTwpivFCqrZaKRyUBk1bTTf7/D3E2odrcS3fmK/O8bELmWEDvPvn4mfsFMdiDy3g4GPvlmY8mtusFhYmHkXfol0aYaX63XF6c1xN5+75E9C5FZ1H81CJtIAOGmWBOLLdQHIssGS/KjESvKE8a9OG/OOcBHQjm1+kfzglBeHaj3WpUIRa3j7PA421IRTwzCqNjtBosnreVBd6EjNhKgyjqWjMhZoGQGVk/NXb05BnVQBST71ERBON64oyqYPgea4wQhAcn2CkCf9QvA/tRJ1sm5v868/RMiOMycBQv3oLzm98sx+N+GZgsjYIXEvZHTghG3YwRgvASp0JUM0SgOGOrxhgdCOYnvdWEagG4nH9DORB2O7qownzwYBh9NQeSoOgUWrMaKFdKovdQgqLjapwSFJ3C9aLJRQOCcddy5ilwOyv1jhQIT/ELXwQJ8N2tdOK193Ig1rXtium6xhiF3JpxF5SgEGecEsROgXsPWyk2VVC8xw9icl1hnSsVn2t1VunJgHsyIDzGWdhg7KjcOwK5EHtPk1X2i596POiBbBhdvVVjQBhGp60Rizs6vUj81PdPzmaen1ybl7tItJr820xA7nsUm33ORWIU30wkxYl9Mc8ptiuUXlxM37lUQCG6yduHEojv8dfvhKgG4rZnOx4liE89ncUucapgeFeoVfOWp/XqWlQhowNFN9uoMU4H4lMbWj0gBPGMm9rCD+hAvHO1l/9VoAHxjLZDCoIxsS7C3kMF4p3Lms3XGfRFouNRgliFP1IdV20qRLc4QhDFqdj26ECx7Tl8tfkoz8IXE3u2OhXUp6s448pfhmRL2WzVWZV0p9jEW1yFdJMy8Iyke08X+yNjpGfUN5rku1mDVBR3rrk/7BOKX7CbBWPKM57i3uNTPvWrn+deQAnC63OXk4LwhhqEt0NiEO79BWKQyM62azQHAAAAAElFTkSuQmCC)
}
.account-body-tabs .account-tab-switch-icon .icon-switch.is-ark.start {
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAA+VBMVEUAAAD///8AAAD///8AAACAgIAAAABVVVUAAAAAAAAzMzMAAAAqKioAAAAAAAAAAAAcHBwAAAAZGRkAAAAXFxcSEhIwn69An59An68AAAAPDw8AAAAODg44l6c4l684n6c4n681mqo4m6s4n6s2nKw5nKk4nqw4nao3n6w3nas5nas4n600j5s0j500kZ04nas3n6s3n603nqw5nqw4naw4na04nqo4nqw3naw5naw4nqw5nqs5nqw5n6w4nqs4nq03nqw0k6A0lKE1lKE2l6U2mKU2mKY2maY2mqg2m6g3m6g3m6k3nKk3nKo4nKo4nao4nas4nqw5nqzHh9HlAAAAQXRSTlMAAAEBAgIDAwQFBQYGBwgJCQoKCwsOEBAQERESEiAgICAwQEBQUF9gb3Bwf4CAgICPj5CQn5+goK+vv8/Pz9/f7wfKd2oAAAL5SURBVFjDrZjretJAEIaHTQgN4CEEi9TWSmttleK5VVFzsFIVasly/xfj7II0WTZkAzO/w/t8uzP7zQzg7Xl1m8FqHA8jbhrDF6kf+t1Ww7FWeH1eKvpp4l67UVOJp7xkHKWJ+36jppx6WBY4hMypBTGDLMvjUUaP/8R3ne2AHBSiV3eYpQIvO1AYh5c6oDh1pnrmHx2AQexqgWr16D/SR863IjN390gARKLnLquHAigys9RIAkTi8h5pgPhm/mskAsp7lNVDBZRvxrYIgaJ6mug9dEBZ4TYjBAp/bNqJ+lHvm4lDhCf6e/Sa00QBhmaeE+RkpjVRgb3AyGYP8nI9Gv/lSfZe3hSb7Mv8e7wajad8lm5a6HwFfeEzuudZHnEQIzEN5OFTgFdrOmuE+Xg2zE/263g0SaxKujaEyE95vAuU14/WVc8gvh47VsYghchTbXIC7KK97wWli6d27/r1sp/rRH7owON+8VsYxB72wkqmDepECnnHITd4XINuu2FbSl/tdxSRQt67nG6qc1zbUhp1iIKeB1p5xc/f3281a0zt/G87sPteJ8/AT+ZTijpKhDi+HQar8kwMauGP6mzyUSTnTJVn5HiLuWfFqOSMeRLx0kD0R+yFTON9Xy6Copkpj+i5VT7bZAiD/F44TRI6oMjMeJrM6IB4anQzI41gSox/TW4pgcJ7JtOEEAjn8eh38aEDcyB6+M+bW74e+bVXAoiZUXeF8rPkipvpiJsDxdyjIW4BlFNzlREChVPUVY1bAef7DCMESse1LUJgunPRABeTPaMDLjZNRgeUfaZqMTogamzjqS06oJwANtkL19fjYnelAYpcb7AXFuVa7q5UQLm7iuohA841UgLFTNF0GCFQZKZeowTK+TGRMwWQEVs3sl8DHRH3woQQCP4P3Lkye+G2Ibe4WYWQOBAaGSEQzq9Gf6qMEomzWb1GqhH3woZDS+x6Li1RvELN/+FbhNd94NqkGr1H92klwr2HO6QKAXbcKi0QmA3U8Q8VV/r8sSdlSQAAAABJRU5ErkJggg==)
}
.account-body-tabs .account-tab-switch-icon .icon-switch.is-ark:hover:before {
 border:1px solid rgba(56,158,172,.3)
}
.account-body-tabs .account-tab-switch-icon .icon-switch.is-ark:hover:after {
 border-right:1px solid rgba(56,158,172,.3);
 border-top:1px solid rgba(56,158,172,.3)
}
.account-qr-link.is-ark a,
.account-qr-success-bd-link.is-ark a,
.account-qr-text.is-ark a {
 color:#389eac
}
.dui-dialog.GlobalPhoneDialog.is-ark .hd {
 background:#e4ecee
}
.dui-dialog.GlobalPhoneDialog.is-ark .hd h3 {
 color:#108899
}
.dui-dialog.GlobalPhoneDialog.is-ark .GlobalPhoneList li.is-active span {
 color:#389eac
}
.account-qr-fail a.btn.is-ark {
 background:#389eac
}
.account-qr-success-bd-pic.is-ark {
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 86 134'%3E%3Crect width='86' height='134' rx='6' fill='%23ddd'/%3E%3Crect x='5' y='5' width='76' height='124' rx='2' fill='%23fff'/%3E%3Ccircle cx='43' cy='55' r='20' fill='%235dcaad'/%3E%3Cpath d='M51.1 48 40.926 58.405 34.9 52.24 33 54.18l7.926 8.106L53 49.94z' fill='%23fff' fill-rule='evenodd'/%3E%3Cpath d='M28 124h30a1 1 0 0 1 1 1 1 1 0 0 1-1 1H28a1 1 0 0 1-1-1 1 1 0 0 1 1-1z' fill='%23ddd'/%3E%3C/svg%3E");
 background-repeat:no-repeat;
 background-size:100%
}
.a_send_codecss 
{
  color:#CCC;   
}
.add_home_note 
{
  margin-left:20px;
  margin-right:20px;
  padding-bottom:20px;
  cursor:pointer;
}
.home_all_action 
{
   padding-top:20px;
   margin-left:20px;
   margin-right:20px;
   margin-bottom:20px;  
}
.home_all_action a 
{
   display:inline-block;
   margin-right:25px;   
}
.home_all_action a span 
{
   font-size:12pt;
   font-weight:bold;
   color:#333333; 
   display:inline-block;
   vertical-align:middle;
   margin-left:3px;
}
.home_all_action a img  
{
   width:20px;
   height:20px;
   display:inline-block;
   vertical-align:middle;
}
.reading_punch_books 
{
   margin-top:10px;
   margin-left:40px;  
}
.reading_punch_books img
{
   width:60px;
   height:80px;
   margin-right:5px;
}
.reading_punch_head 
{
  margin-left:0px;
  margin-right:0px;  
  padding-top:0px;
  margin-bottom:40px; 
}
.reading_punch_head img 
{
   width:100%;  
}

.pc_readingactivity_item
{
    position: relative;
    display:inline-block;
    width:calc((100% - 40px)/2);
    height:auto;
    border-radius: 5px;
    vertical-align:top;
}
.pc_readingactivity_item .cover
{
    float:left;
    position: relative;
    width: 80px;
    height: 100px;
}
.pc_readingactivity_item .cover .img1
{
    position: absolute;
    background: #f2f2f2;
    top: 0;
    left: 0;
    width: 60px;
    height: 80px;
    border-radius: 5px;
    z-index: 1001;
}
.pc_readingactivity_item .cover .img2
{
    position: absolute;
    background: #f2f2f2;
    top: 10px;
    left: 10px;
    width: 60px;
    height: 80px;
    border-radius: 5px;
    z-index: 1002;
}
.pc_readingactivity_item .cover .img3
{
    position: absolute;
    background: #f2f2f2;
    top: 20px;
    left: 20px;
    width: 60px;
    height: 80px;
    border-radius: 5px;
    z-index: 1003;
}
.pc_readingactivity_item .content 
{
    text-align:left;  
    float:left;
    margin-left:10px;
    width:calc(100% - 80px - 10px);
}
.pc_readingactivity_item .content .name 
{
    font-size:17px;
    font-weight:bold;
    color:#333333;
}
.pc_readingactivity_item .content .bookCount 
{
    font-size:13px;
    color:#333333;
}
.pc_readingactivity_item .content .numberOfParticipants 
{
    font-size:13px;
    color:#333333;
    background-color: #f2f2f2;
    padding: 5px 10px;
    text-overflow: -o-ellipsis-lastline;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    display: -webkit-box;  
    -webkit-line-clamp: 3;  
    -webkit-box-orient: vertical; 
}
.pc_reading_activity 
{
    margin-top:20px;
}

.pc_readingactivity_item .joined_activity 
{
    position:absolute;
    right:0;
    width:46.2px;
    height:15.4px;
}
.single_activity_head 
{
    text-align:left;   
    border: 1px dashed rgba(187, 187, 187, 100);
    margin-left:20px;
    margin-right:20px;
    padding:20px;
}
.single_activity_head .single_activity_name
{
    color: #333;
    font-size: 20px;
    font-weight: bold;
 }
 .single_activity_head .single_activity_des
{
    margin-top:10px;
    color: #333;
    font-size: 15px;
 }
  .single_activity_head .left
  {
     float:left;
  }
   .single_activity_head .right
  {
      float:right;
      color: #FF5050;
      font-size: 15px;
      font-weight:bold;
  }
  .single_activity_book 
  {
      display:block;
      position:relative;  
  }
  .single_activity_book .punch_child_count
  {
      position:absolute;  
      bottom:0;
      width:100%;
  }
  .single_activity_book .punch_child_count span
  {
      height: 24px;
      line-height: 24px;
      text-align: center;
      display:inline-block;
      vertical-align: middle;
      background-color:#ff5050;
      color:White;
      border-radius: 999em;
      -webkit-border-radius: 999em;
      -moz-border-radius: 999em;
      padding:0px 10px;
  }
  .single_activity_bookcategory 
  {
     text-align:left;
     margin-top:10px;
     margin-bottom:5px;
  }
  .single_activity_bookcategory a 
  {
     margin-right:5px;
     padding: 6px 10px;
     color: #333;
     background-color: #F5F5F5;
     border-radius: 5px;
     font-size: 12px;   
   }
   .activity_books_head 
   {
      text-align:left;
      margin-left:20px;
   }
   .activity_books_head .activity_books_name
   {
      color: #333;
      font-size: 20px;
      font-weight: bold;
   }
   .activity_books_head .activity_books_category 
   {
      margin-top:20px; 
   }
   .activity_books_head .activity_books_category a 
   {
       margin-right:5px;
       padding: 6px 10px;
       color: #333;
       background-color: #F5F5F5;
       border-radius: 5px;
       font-size: 12px;   
   }
    .activity_books_head .activity_books_category .is_selected
   {
       color: #ff5050;
       background-color: #FDECEC;
   }
   .topic_square_hottopictitle
   {
       color: #111;
       font-size: 20px;
       text-align: left;
       font-weight: bold;
       margin-bottom: 10px;
   }
   .topic_square_hottopic 
   {
       margin-left:50px;
       margin-right:50px;  
   }
   .topic_square_hottopic .hot_topic_item
   {
      display:inline-block;
      width:calc((100% - 80px)/3);
      border:1px solid #ececec;
      text-align:center;
      margin-bottom:30px;
      padding-top:30px;
      padding-bottom:30px;
   }
   .topic_square_hottopic .hot_topic_item .topic_name
   {
       font-size:16px;
       color: #3377AA;
   }
   .topic_square_hottopic .hot_topic_item .topic_count
   {
       margin-top:5px;
       font-size:12px;
       color:#999;
   }
   
    .topic_square_hottopic .hot_topic_item .topic_action
   {
       margin-top:10px;
       display:inline-block;
       line-height: 20px;
       text-align: center;
       font-size:12px;
       color:#ff5050;
       border:1px solid #ff5050;
       padding:3px 5px 3px 5px;
       border-radius: 5px;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
   }
   .user_action_count 
   {
      text-align:left; 
      height:44px; 
      margin-left:20px;
   }
   .user_action_count .follow_item, .user_action_count .fans_item, .user_action_count .voteandfavorite_item
   {
       display:inline-block; 
       height:100%;
       line-height:44px;
       margin-right:50px;
   }
   .user_action_count .follow_title, .user_action_count .fans_title, .user_action_count .voteandfavorite_title
   {
       color:#666;
       font-size:13px;
   }
    .user_action_count .follow_count, .user_action_count .fans_count2, .user_action_count .voteandfavorite_count
   {
       color:#333;
       font-size:15px;
       font-weight:bold;
   }
   .user_read_count 
   {
       text-align:left; 
       margin-left:20px;
       margin-right:20px;
   }
   .user_read_count .bookcase,
   .user_read_count .readed,
   .user_read_count .bookcomment,
   .user_read_count .booklist 
   {
       vertical-align:top;
       display:inline-block;
       margin-top:20px;
       margin-bottom:20px;
       width:calc((100% - 40px)/4);
   }
   .user_read_count .bookcase .title,
   .user_read_count .readed .title,
   .user_read_count .bookcomment .title,
   .user_read_count .booklist .title 
   {
      font-size:15px;
      font-weight:bold;
   }
    .user_read_count .bookcase .count,
   .user_read_count .readed .count,
   .user_read_count .bookcomment .count,
   .user_read_count .booklist .count 
   {
      font-size:15px;
      font-weight:bold;
      color: #3377AA;
   }
   
   .user_read_count .no_count 
   {
       font-size:15px;
       font-weight:bold;
   }
   .user_read_count .imgs 
   {
       margin-top:5px;
       display:inline-block;
   }
   .user_read_count .bookcase .imgs .img_item,
   .user_read_count .readed .imgs .img_item,
   .user_read_count .bookcomment .imgs .img_item  
   {
     float:left;   
     width:45px;
     height:60px; 
     padding:0;
     margin:0;   
   }
   .img_no_book
   {
       width: 60px;
       height: 60px;
       margin-top: 5px;
   }
   .user_no_data
   {
       height: 300px;
   }
   .user_no_data .no_data
   {
       width: 100%;
       margin-top: 200px;
       font-size: 15px;
       color: #999999;
       text-align: center;
   }
.book_booklists
{
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
    
}
.user_read_count .booklist .imgs .one_booklist1
{
    width: 60px;
    display:inline-block;
}
.user_read_count .booklist .imgs  .one_booklist1 .cover
{
    display:inline-block;
    position: relative;
    width: 60px;
    height: 60px;
}
.one_booklist1 .cover .img1
{
    position: absolute;
    background: #f2f2f2;
    top: 0;
    left: 0;
    width: 45px;
    height: 60px;
    border-radius: 5px;
    z-index: 1003;
}
.one_booklist1 .cover .img2
{
    position: absolute;
    background: #f2f2f2;
    top: 10px;
    left: 14.5px;
    width: 37.5px;
    height: 50px;
    border-radius: 5px;
    z-index: 1002;
}
.one_booklist1 .cover .img3
{
    position: absolute;
    background: #f2f2f2;
    top: 20px;
    right: 0;
    width: 30px;
    height: 40px;
    border-radius: 5px;
    z-index: 1001;
}
.user_space_action 
{
    position:absolute;
    right:20px;
    bottom:0;
}
.public_subject_addblo2
{
    display:inline-block;
    color: #ff5050;
    padding: 0;
    border:1px solid #ff5050;
    width:80px;
    height:30px;
    line-height:30px;
    margin-right:15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.public_subject_addblo3
{
    display:inline-block;
    color: #ff5050;
    padding: 0;
    border:1px solid #ff5050;
    width:100px;
    height:30px;
    line-height:30px;
    margin-right:15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.userspace_follow_act2
{
    display:inline-block;
    width:80px;
    height:33px;
    line-height:33px;
    color:White;
    background-color:#ff5050;
    text-align:center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.userspace_followed_act
{
    display:inline-block;
    width:80px;
    height:33px;
    line-height:33px;
    color: #8c8c8c;
    border:1px solid #8c8c8c;
    text-align:center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.book_case_head 
{

}
.book_case_head img 
{
    width:100%;    
}
.user_readingamount_head img 
{
    width:100%;    
}
.my_user_booklist_head img 
{
    width:100%;    
}
.book_case_title 
{
    font-weight: bold;
    font-size: 20px;
    color: #121212;  
    margin:0px 20px 20px 20px; 
}
.new_bookcase_selectedcategory 
{
    margin-top:15px;
    margin-left:20px;
}
.login-right {
   border-left: 1px solid #d8d8d8;
  display: inline-block;
  margin-top: 50px;
  position: relative;
  vertical-align: top;
  width: 340px;
}
.Qrcode-container>svg {
 position:absolute;
 top:0;
 right:0
}
.Qrcode-container.smallVersion {
 padding-top:98px
}
.Qrcode-container.smallVersion .Qrcode-img {
 width:120px;
 height:120px
}
.Qrcode-container.smallVersion .Qrcode-qrcode {
 border-radius:6px;
 width:25px;
 height:25px
}
.Qrcode-container.smallVersion .Qrcode-tips {
 width:110px;
 left:75px
}
.Qrcode-container.smallVersion p {
 line-height:20px
}
.Qrcode-container.smallVersion .Qrcode-title {
 margin-bottom:30px
}
.Qrcode-container.smallVersion .Qrcode-img {
 margin-bottom:40px;
 margin-top:30px
}
.Qrcode-title {
 font-weight:500;
 font-size:24px;
 color:#121212
}
.Qrcode-title {
 line-height:33px;
 margin-bottom:41px;
 margin-top:3px
}
.Qrcode-content {
 height:210px
}
.Qrcode-failure div {
 padding:40px 0 8px
}
.Qrcode-failure p {
 width:270px;
 margin:0 auto
}
.Qrcode-img {
 margin:0 auto 24px;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 position:relative;
 height:150px;
 width:150px
}
.Qrcode-qrcode {
 display:block;
 height:160px;
 width:160px
}
.Qrcode-cutButton {
 margin-bottom:-40px;
 border-top:1px solid #ebebeb
}
html[data-theme=dark] .Qrcode-cutButton {
 border-top:1px solid #2e2e2e
}
.Qrcode-cutButton {
 padding:14px 0;
 font-size:14px;
 color:#175199
}
html[data-theme=dark] .Qrcode-cutButton {
 color:#6385a6
}
.Qrcode-cutButton span {
 cursor:pointer
}
.Qrcode-scanResultStaus {
 padding-top:36px
}
.css-k49mnn {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  color: #333;
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
}
.css-qj3urb {
  box-sizing: border-box;
  margin: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  min-width: 0;
  margin-top: 8px;
  margin-bottom: 10px;
  color: #444444;
  font-size: 14px;
  line-height: 20px;
}
.home_note_content 
{
   background-color:#F5F5F5;
   height:84px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   padding-top:10px;
    padding-left:10px;   
}
.home_note_content span 
{
    color:#6C6C6C;
    font-size:15px;
}
.home_note_action 
{
    margin-top:15px; 
}
.home_note_action .resource_item
{
   float:left; 
   margin-right:30px;
}
.home_note_action .resource_publish
{
   float:right; 
   background-color: #ff5050b0;
   color:White;
   font-size:15px;
   width:80px;
   height:30px;
   text-align:center;
   line-height:30px;
    border-radius: 999em;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
}
.home_note_action .resource_item img
{
  display:inline-block;
  vertical-align:middle;
  width:22px;
  height:22px;
}
.home_note_action .resource_item span
{
    display:inline-block;
    vertical-align:middle;
    font-size:15px;
    color:#666;
    margin-left:5px;
}
#txtExperienceTitle {
    height: 45px;
    min-height: 45px;
    display: block;
    width: 100%;
    border: 0;
    font-size: 32px;
    line-height: 1.4;
    font-weight: bold;
    font-synthesis: style;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 0 16px 0;
width: calc(100% - 10px);
}
.feed_view_details 
{
    line-height:32px;
    font-size: 13px;
    color:#999999;
}
.reading_activity_more 
{  
    text-align:left;
}
.reading_activity_more h2
{
    float:left;
}
.reading_activity_more a
{
    float:left;
    margin-left:10px;
    font-size:14px;
    line-height:33px;
}
.reading_activity_more .des
{
    font-size:14px;
    color:#333333;
}
.hotbook_age 
{
    margin-top:20px;
}
.hotbook_age .age_item
{ 
    width:calc((100% - 30px)/4);
    float:left;
    color:#333;
    text-align:left;
}
.hotbook_age .age_item img 
{
    display:block;
    width:100%; 
}
.hotbook_age .age_item span 
{
    display:block; 
    margin-top:3px;
    font-size:17px;
    font-weight:bold;
    text-align:center;
}
.hot_punchbook_item .book_name
{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height:21px;
    height:42px;
    text-align: left;
    color: #3377AA;
} 
.hot_punchbook_item .book_author
{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.roundtable_sort .sort_item
{
   display:inline-block;
   width:60px;
   height:28px;
   font-size:13px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}
.css-1wypcdt 
{
  float:right;
  box-sizing: border-box;
  margin:0px 0px 0px 20px;
  min-width: 0px;
  -moz-box-align: center;
  align-items: center;
  display: flex;
}
.css-1bjcw8z {
  min-width: 55px;
  height: 24px;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  font-size: 12px;
  color: rgb(153, 153, 153);
  border: 1px solid rgb(235, 235, 235);
}
.css-1bjcw8z-b
{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.css-7yd8hs {
  min-width: 55px;
  height: 24px;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  font-size: 12px;
  color: #ff5050;
  border: 1px solid #ff5050;
  
}
.css-7yd8hs-b 
{
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
}
.roundtables_tip 
{
    margin-top:20px;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:20px;
    font-size:15px;
}
.form_add_article 
{
    margin-top:20px;
    margin-bottom:10px;
    background-color:#1684FC;
    text-align:center;
     border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    cursor:pointer;
}
.form_add_article_c 
{
    display:inline-block; 
    margin-top:15px;
    margin-bottom:15px;
}
.form_add_article .img
{
    float:left;
}
.form_add_article .des
{
    float:left;
    margin-left:10px;
}
.form_add_article .des .title1
{
    font-size:18px;
    font-weight:bold;
    color:White;
}
.form_add_article .des .title2
{
    font-size:13px;
    color:White;
}
.form_add_article .img img
{
    width:50px;
    height:50px;
}
.head_info 
{
    float:left;   
}
.head_username 
{
    margin-left:8px; 
}
.blog_user_info 
{
    margin-left:20px;
    margin-right:20px;  
    padding-bottom:20px;
}
.blog_user_info .fans_zan .img
{
    display:inline-block;
    vertical-align:middle;
}
.blog_user_info .fans_zan .img img
{
     width:20px;
     height:20px;
}
.blog_user_info .fans_zan .counts
{
    display:inline-block;
    font-size:16px;
    margin-left:5px;
    vertical-align:middle;
    line-height:20px;
}
.blog_user_info .fans_zan .counts .count_item
{
    display:inline-block;
}
.blog_user_info .fans_zan .counts .count_item span 
{
     font-weight:bold;
     color:#333;
}
.blog_user_info .creation 
{
     margin-top:10px;
}
.blog_user_info .creation .img
{
    display:inline-block;
    vertical-align:middle;
}
.blog_user_info .creation .img img
{
     width:20px;
     height:20px;
}
.blog_user_info .creation .counts
{
    display:inline-block;
    font-size:16px;
    margin-left:5px;
    vertical-align:middle;
    line-height:20px;
}
.blog_user_info .creation .counts .count_item
{
    display:inline-block;
}
.blog_user_info .creation .counts .count_item span 
{
     font-weight:bold;
     color:#333;
}
.learning_group_info_c 
{
    padding: 10px 22px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center; 
}
.learning_group_info 
{
    width:calc(100% - 46px);  
}
.learning_group_info .title11 
{
    font-size: 12pt;
    font-weight: bold;
    color: #333333;
}
.learning_group_info .des 
{
    font-size: 9pt;
    color: #333333;
}
.learning_group_join a {
  margin-left: auto;
  border: 1px solid #ff5050;
  color: #ff5050;
  font-size: 12px;
  padding: 3px 10px;
  line-height: 1.2;
  border-radius: 3px;
}
.el-popover {
  min-width: 0 !important;
}
.el-popover {
  position: absolute;
  background: #FFF;
  min-width: 150px;
  border: 1px solid #EBEEF5;
  padding: 12px;
  z-index: 2000;
  color: #606266;
  line-height: 1.4;
  text-align: justify;
  font-size: 14px;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
  word-break: break-all;
}
.el-popover, .el-time-panel {
  -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}
.el-popover, .el-radio-button:first-child:last-child .el-radio-button__inner {
  border-radius: 4px;
}
.widget-wechat {
 display:flex;
 align-items:center;
 padding-top:15px;
 padding-bottom:15px
}
.widget-wechat .img {
 margin-right:10px;
 line-height:1.2  
}
.widget-wechat .img img{
 width:120px; 
}
.widget-wechat .img .des {
 font-size:12px;
 color:rgba(0,0,0,.55)
}
.widget-wechat .content {
 font-size:14px;
 padding-bottom:5px
}
.widget-wechat .content p {
 margin:0 0 5px
}
.widget-wechat .content .title {
 font-size:16px;
 color:#4370f5;
 margin-bottom:10px
}
.el-popper .popper__arrow {
  border-width: 6px;
  -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
}
.el-popper .popper__arrow, .el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}