* { padding:0; margin:0;}
body { width:100%; min-width:1000px; padding:90px 0 0 0; margin:0; background:#f4f4f4; color:#000; font-size:14px; line-height:180%; font-family:'open sans','PingFang SC','Lantinghei SC','Helvetica Neue',Helvetica,Arial,'Microsoft YaHei',"sans-serif";}
div,form,ul,li,h1,h2 { word-break:break-all;}
ul,li { list-style:none;}
em {font-style: normal;}
div,nav,footer { display:block;}
img { border:0;}
h1 { font-size:26px; font-weight:normal; line-height:150%;}
h2 { font-size:26px; font-weight:normal; line-height:150%;}
input { color:#333;}
input[type="text"]{ -webkit-appearance:none; outline:none; border:0;}
input::-ms-clear { display:none;}
button { outline:none; border:0;}
strong { font-weight: normal; color: #FF0000;}
.clear { clear: both;}
.b { font-weight: bold;}

/* placeholder */
::-webkit-input-placeholder { /* WebKit browsers */
color: #ccc;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #ccc;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #ccc;
}   

/* .wrap { float: left; width:100%; min-width:1200px; clear: both; display: block;} */
.wrap { width:1000px; margin: 0 auto; clear: both; display: block;}

.wrap .col-left { float: left; width:685px;}
.wrap .col-right { float: right; width: 300px; display: block;}

.wrap .col-right ul { float: left; width: 90%; padding: 15px 5%; margin: 0 0 15px 0; background: #fff; border-radius: 5px; display: block; }
.wrap .col-right li { float: left; width: 100%; margin: 8px 0; display: block;}
.wrap .col-right li span { float: left; color: #ddd; width: 10%; font-size: 16px; display: block;}
.wrap .col-right li:nth-child(2) span { color: #ff0000;}
.wrap .col-right li:nth-child(3) span { color: #ff6600;}
.wrap .col-right li:nth-child(4) span { color: #ffcc00;}
.wrap .col-right li a { float: left; width: 90%; padding: 0 0 8px 0; border-bottom: 1px #eee solid; display: block;}
.wrap .col-right li:last-child a { border-bottom: 0;}
.wrap .col-right .r-t { width: 100%; padding: 5px 0; color: #333; font-size: 18px; font-weight: 600;}

.wrap .t { float: left; width: 100%; padding: 15px 0; font-size: 22px; clear: both;}
.wrap .t1 { padding-top:0;}
.wrap .tc {  border-bottom:1px #eee solid; margin: 10px 0 0 0;}

.tb { display: table; width: 100%;}
.tb .row { display: table-row;}
.tb .col { display: table-cell; vertical-align: top;}


/* link */
/* a { word-break: keep-all; word-wrap: break-word;} */

a:link,a:visited { color:#000; text-decoration:none;}
a:hover,a:active { color:#ff0000; text-decoration:none;}

.a_black a:link,.a_black a:visited { color:#333;}
.a_black a:hover,.a_black a:active { color:#df2121;}

.a_black:link,.a_black:visited { color:#333;}
.a_black:hover,.a_black:active { color:#333;}

.a_gray a:link,.a_gray a:visited { color:#999;}
.a_gray a:hover,.a_gray a:active { color:#666;}

.a_gray:link,.a_gray:visited { color:#999;}
.a_gray:hover,.a_gray:active { color:#999;}

.a_red:link,.a_red:visited { color:#df2121;}
.a_red:hover,.a_red:active { color:#df2121;}


/* list-page */
.list-page { text-align: center; float:left; width:100%; padding:30px 0px 60px 0px; clear:both;}
.list-page span,
.list-page a { width:auto; padding:4px 16px; margin:0 0 0 10px; font-size:14px; background:#333; color:#eee; border-radius: 2px; display:inline-block;}
.list-page span { background:#df2121; color:#fff;}
.list-page a:link,.list-page a:visited { background:#333; color:#eee; text-decoration:none !important;}
.list-page a:hover,.list-page a:active { background:#df2121; color:#fff; text-decoration:none !important;}


/* nav */
nav { top: 0; left: 0; right: 0; height: 70px; background: #fff; box-shadow: 0 3px 12px 0 rgba(0,0,0,.03); display: block; position: fixed; z-index: 100;}
nav .logo { float: left; width: 160px; margin:16px 0;}
nav .logo img { float: left; width: 120px; display: block;}

nav .search { float: left; margin: 17px 0; display: block;}
nav .search .search-input { float: left; width: 390px; padding: 8px 12px; font-size: 16px; border: 2px #c4c7ce solid; border-right: 0; border-radius: 9px 0 0 9px; display: block;}
nav .search .search-btn { text-align: center; float: left; width: 100px; padding: 9px 0 10px 0; font-size: 14px; background: #555; color: #fff; border-radius: 0 9px 9px 0; display: block;}


/* menu */
.menu { top: 90px; width: 148px; font-size: 16px; background: #fff; border-radius: 5px; display: none; position: fixed; }
.menu ul { float: left; width: 100%; display: block;}
.menu li { float: left; width: 100%; display: block;}
.menu li a { text-align: center; float: left; width: 100%; padding: 10px 0; display: block;}
.menu .menu-y a::after { content:""; width:18px; height:5px; margin: 0 auto; background:#FF0000; border-radius: 3px; display:block;}


/* bread */
.bread { float: left; width: 90%; padding: 20px 5%; margin: 0 0 12px 0; border-radius: 5px; font-size: 16px; color: #999; background:#fff; display: block;}
.bread span { color: #000;}


/* index */
.index { padding: 0; margin: 0;}
.index .logo { text-align: center; float: left; width: 100%; margin: 60px 0 30px 0; display: block;}
.index .logo img { width: 200px;}
.index .search { width: 800px; margin: 0 auto; display: block;}
.index .search .search-area { float: left; width: 100%; border: 1px #ccc solid; border-radius: 30px; display: block; overflow: hidden;}
.index .search .search-input { float: left; width: 680px; padding: 15px 30px; font-size: 16px; display: block;}

.index .search .search-btn { float: left; width: 60px; height: 50px; background: url(/images/icon_search.png) center center #fff no-repeat; display: block;}

.index .menu { background: none; border-top: 0;}
.index .menu ul { text-align: center; width: 100%; margin: 0; display: inline-block;}
.index .menu li { float: none; font-size: 18px; margin: 10px 0; padding: 0 20px; line-height: 100%; border-right: 1px #ddd solid; display: inline-block;}
.index .menu li:last-child { border-right: 0;}

.index .hot { width: 100%; display: block;}
.index .hot ul { float: left; width: 41%; height: 320px; margin: 0 2% 20px 2%; padding: 10px 2%; color: #999; border: 1px #eee solid; border-bottom: 3px #eee solid; border-radius: 10px; display: block; overflow: hidden;}
.index .hot li { float: left; margin: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}
.index .hot .i-t { width: 100%; padding: 0 16px 10px 25px; margin: 0 0 5px -20px; color: #999; font-size: 16px; border-bottom: 1px #eee solid;}
.index .hot .i-t a { color: #333; font-weight: bold; border-bottom: 3px #ff9933 solid; padding: 0 0 11px 0;}
.index .hot .shiju li { width: 100%;}


.index footer { text-align: center;}
.index footer .copyright { border:0;}
.index footer .copyright div { text-align: center; width: 100%; margin: 0 -10px;}


/* search */
.search-result { float: left; width: 100%; display: block;}
.search-result ul { float: left; width: 100%; line-height: 150%; display: block;}
.search-result li { float: left; width: 650px; padding: 20px; margin: 0 0 12px 0; border-radius: 5px; background: #fff; display: block; }
.search-result li h3 { font-size: 16px; font-weight: normal; display: inline;}
.search-result li .s-r-b { float: left; width: 100%; font-size: 14px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.search-result li .s-r-b-1 { -webkit-line-clamp: 1; line-clamp: 1;}
.search-result li .s-r-s { float: left; width: 100%; color: #006d21; font-size: 12px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}

.search-result .list-chengyu { font-size: 15px; padding: 17px 0; margin: 0 0 20px 0; border: 2px #efefef solid;}
.search-result .list-chengyu li { float: left; width: auto; min-width: 60px; margin: 3px 20px; display: block;}
.search-result .t { width: 100%; padding: 3px 0; font-size: 18px;}
.search-result .more { float: right; width: auto; font-size: 14px;}

.search-result .list-shici li { margin: 3px 20px 15px 20px;}
.search-result .list-sentence h3 { font-size: 14px;}
.search-result .list-sentence .s-r-b a { color: #333; text-decoration: none;}


.search-result .list-shici-by-author { height: 20px; padding: 5px 0; color: #999; overflow: hidden;}
.search-result .list-shici-by-author li { width: auto; margin: 5px 15px 5px 0;}
.search-result .list-shici-by-author a { color: #333;}
.search-result h3 i { font-size: 14px; font-style: normal; color: #999;}

.search-area .chengyu-r { float: left; width: 100%; margin: 0 0 20px 0; border-left: 1px #eee solid; display: block;}
.search-area .chengyu-r ul { margin: 0; padding: 0 0 10px 15px; border: 0;}



.search-result .tags { float: left; width:100%; padding: 0; margin: 0; line-height: 100%; display: block;}
.search-result .tags li { float: left; width: auto; padding: 0; margin: 5px 10px 5px 0; color: #999; display: block;}
.search-result .tags li a:link,
.search-result .tags li a:visited { color:#0000ff; text-decoration:none;}
.search-result .tags li a:hover,
.search-result .tags li a:active { color:#0000ff; text-decoration:underline;}


/* word */
.left-btns { width: 120px; margin: 0 0 0 -160px; font-size: 12px; display: block; position: fixed;}
.left-btns li { text-align: center; float: left; width: 96%; padding: 2px 0; margin: 3px 0; color: #333; background: #f1f1f1; border-radius: 20px; display: block; clear: both; cursor: pointer;}
.left-btns li.on { background: #CC0000; color: #fff;}
.left-btns li.off { background: #f1f1f1; color: #333;}

.word .bread { margin: -8px 0 10px 0;}

.word .c-t { float: left; width: 100% !important; margin: 0 0 15px 0; font-size: 22px; background: none; display: block;}
.word .c-more { text-align: right; float: left; width: 100%; display: block;}
.word a { display: inline-block;}

.word .w-base { float: left; width: 90%; padding: 20px 5%; margin: 0 0 30px 0; font-size: 14px; background: #f8f8f8; border: 2px #eee solid;}

.word div { float: left; width: 100%; display: block;}
.word .w-yb { float: left; width: 100%; margin: 10px 0; display: block;}
.word .w-yb span { float: left; margin: 0 8px 0 20px; display: block;}
.word .w-yb span:first-child { margin: 0 8px 0 0;}
.word .w-yb i { float: left; color: #ff9934; display: block;}
.word .w-yb em { float: left; width: 9px; height: 18px; background: url("/images/icon_play_off.png") no-repeat; margin: 3px 0 0 10px; cursor: pointer; display: block;}
.word .w-yb .yb_p_on { background: url("/images/icon_play_on.png") no-repeat;}
.word .w-yb .yb_p_off { background: url("/images/icon_play_off.png") no-repeat;}
.word .w-m { float: left; width: 100%; margin: 15px 0; display: block;}
.word .w-c { float: left; width: 100%; margin: 15px 0; display: block;}
.word .w-c li { float: left; margin: 0 20px 0 0; display: block;}
.word .w-lk { float: left; width: 100%; margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px #ddd solid; display: block;}
.word .w-lk span,
.word .w-lk a { float: left; margin: 0 20px 0 0; display: block;}

.word .w-wl { float: left; width: 100%; display: block;}
.word .w-wl li { float: left; width: 90%; padding: 20px 5%; margin: 0 0 20px 0; background: #f8f8f8; display: block;}
.word .w-wl div { float: left; width: 100%; display: block;}
.word .w-wl-tycjx div { margin: 8px 0;}
.word .w-wl-tycjx i { font-style: normal; color: #999;}
.word .w-wl-tycjx a { float: none; margin: 0; display: inline;}
.word .w-wl-ee .b { margin: 20px 0 0 0;}
.word .w-wl-ee i { float: left; width: 100%; color: #999; display: block;}
.word .w-wl-cz .b { margin: 0;}

.word .w-sentence { float: left; width: 90%; padding: 20px 5%; margin: 0 0 15px 0; background: #f8f8f8; display: block;}
.word .w-sentence li { float: left; width: 100%; margin: 10px 0; display: block;}
.word .w-sentence li:last-child { border:0;}
.word .w-sentence li a { float: left; font-size: 14px; display: block;}
.word .w-sentence li span { float: left; width: 100%; display: block;}
.word .w-sentence li span a { color: #333;}
.word .w-sentence li .from i { float: left; font-size: 12px; color: #999; display: block;}
.word .w-sentence li .from a { font-size: 14px; margin: 0;}
.word .w-sentence .a_gray { font-size: 14px;}


.word .w-collins { float: left; width: 100%; margin: 0 0 30px 0; display: block;}
.word .w-collins li { float: left; width: 90%; padding: 20px 5%; margin: 15px 0; background: #f8f8f8; display: block;}
.word .w-collins .w-c-cx { font-weight: bold;}
.word .w-collins li div { float: left; width: 100%; margin: 5px 0 0 0; display: block;}
.word .w-collins li span { float: left; width: 100%; margin: 5px 0; display: block;}
.word .w-collins li a { font-size: 16px;}

.word .w-wl-yhcd div { margin: 6px 0;}

.word .w-no-data { float: left; width: 100%; margin: 30px 0; font-size: 16px;}


/* sentence */
.sentence .s-w-list-t { float: left; width: 100%;}
.sentence .s-w-list-t a { background: #f8f8f8; padding: 2px 25px; margin: 0 10px 10px 0; border-radius: 20px; border: 2px #eee solid; display: inline-block;}
.sentence .s-w-list { float: left; width: 100%; margin: 0 0 25px 0; display: block;}
.sentence .s-w-list .s-w-s { float: left; width: 94%; padding: 10px 3%; line-height: 180%; background: #f8f8f8; border-top: 1px #eee solid; display: block;}
.sentence .s-w-list .s-w { float: left; width: 94%; padding: 10px 3%; margin: 30px 0 0 0; line-height: 220%; background: #f8f8f8; display: block;}
.sentence .s-w-list .s-w a { margin: 0 10px 0 0;}
.sentence .s-w-list .s-w .a_gray { font-size: 14px;}
.sentence .s-w-list .s-w span { margin: 0 5px 0 0;}

.sentence .s-s-list { float: left; width: 100%;}
.sentence .s-s-list .s-w { margin: 0 0 30px 0; border-radius: 5px; line-height: 180%;}
.sentence .s-s-list .s-w:last-child { margin: 0;}
.sentence .s-s-list .from { float: left; width: 100%; font-size: 12px; display: block;}
.sentence .s-s-list .from a { font-size: 14px;}


/* chengyu */
.chengyu { float: left; width: 100%; font-size: 16px; line-height: 200%; display: block;}
.chengyu .pinyin { float: left; width: 100%; font-size: 18px; color: #999; padding: 10px 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px #eee solid; display: block;}
.chengyu .intro { float: left; width: 100%; font-size: 16px;line-height: 200%; padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px #eee solid; display: block;}
.chengyu .intro strong { color: #333;}
.chengyu-tb .c-1 { width: 70px; color: #999;}
.chengyu-tb .c-2 { width: auto;}

.list-xg-zi { float: left; width: 100%; margin: 30px 0; display: block;}
.list-xg-zi ul { float: left; width: 100%; max-height: 100px; margin: 0 0 20px 0; overflow: hidden; display: block;}
.list-xg-zi ul:last-child { margin: 0;}
.list-xg-zi li { float: left; margin: 1px 10px 1px 0; display: block;}
.list-xg-zi .zi-t { width: 100%; font-weight: bold;}
.list-xg-zi .zi-t strong { font-weight: bold;}

.list-chengyu-tuijian { margin: 0;}
.list-chengyu-tuijian ul { margin: 0; max-height: unset; overflow: unset;}
.list-chengyu-tuijian li { margin: 5px 10px 5px 0;}

.cy-tag-r { float: left; width: 100%; display: block;}
.cy-tag-r ul { float: left; width: 100%; padding: 10px 0; color: #999; border-bottom: 1px #eee solid; display: block;}
.cy-tag-r li { float: left; margin: 5px; display: block;}


/* shici */
.shici { float: left; width: 100%; font-size: 16px; line-height: 200%; display: block;}
.shici h2 { text-align: center; float: left; width: 100%; display: block;}
.shici .body { float: left; width: 630px; padding: 30px; background: #fff; border-radius: 5px; display: block;}
.shici .jiexi { float: left; width: 90%; padding: 30px 5%; background: #f8f8f8; display: block;}
.shici .list-shici { float: left; width: 90%; padding: 30px 5%; background: #f8f8f8; display: block;}
.shici .list-shici li { margin: 0 0 15px 0;}


/* ask */
.ask h2 { text-align: left;}
.ask .body { text-align: left; margin: 0 0 12px 0;}
.ask .body .line { float: left; width:100%; margin: 10px 0;}
.ask .body .line span { float: left; background: #fff; font-weight: bold; display: block;}
.ask .body .line i { float: left; width:100%; height: 2px; margin: 15px 0 -17px 0; background: #eee; display: block;}
.ask .body .tags { float: left; width:100%; display: block;}
.ask .body .tags li { float: left; margin: 5px 10px 5px 0; color: #999; display: block;}
.ask .body .tags li a:link,
.ask .body .tags li a:visited { color:#0000ff; text-decoration:none;}
.ask .body .tags li a:hover,
.ask .body .tags li a:active { color:#0000ff; text-decoration:underline;}
.ask .search-result a { text-decoration: unset;}

.list-xg { float: left; width:650px; padding: 20px; margin: 0 0 12px 0; background: #fff; border-radius: 5px; display: block;}
.list-xg h3 { font-size: 16px; font-weight: 500;}
.list-xg ul { float: left; width:100%; display: block;}
.list-xg ul li { float: left; width:100%; padding: 16px 0 0 0; margin: 8px 0; border-top: 1px #eee solid; display: block;}


/*ad*/
.col-right .ad-r-tb { float: left; width: 100%; font-size: 12px; display: block;}
.col-right .ad-r-tb li { float: left; width: 46%; margin: 6px 2%; display: block;}
.col-right .ad-r-tb img { float: left; width: 100%; display: block;}
.col-right .ad-r-tb em { margin: 5px 0; line-height: 14px; display: block;}
.col-right .ad-r-tb .price1 { float: right; color: #999; text-decoration:line-through; }
.col-right .ad-r-tb .price2 { float: left; color: #df2121; font-size: 14px; font-weight: bold;}
.col-right .ad-r-tb span { float: left; width: 100%; line-height: 150%;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;
}
.col-right .ad-r-tb a:link,.col-right .ad-r-tb a:visited { color:#3d3d3d;}
.col-right .ad-r-tb a:hover,.col-right .ad-r-tb a:active { color:#df2121;}

#gg_top_r { float: right; width: 300px; display: block;}
#gg_right_2 { float: left; width: 100%; display: block;}



/*bottom*/
.bottom { float: left; width: 100%; background: #f8f8f8; padding: 40px 0; margin: 30px 0; display:block;}
.bottom ul { float: left; width: 21%; height: 350px; padding: 0 1%; margin: 0 1%; border:1px #eee solid; border-bottom: 3px #eee solid; border-radius: 10px; background: #fff; display:block; overflow: hidden;}
.bottom ul:nth-child(1) { margin-left: -1%;}
.bottom ul:nth-child(4) { margin-right: -1%;}
.bottom li { float: left; margin: 5px 10px 0 0; padding: 0; display:block;}
.bottom ul>li:nth-child(1) { width: 100%; padding: 8px 20px; margin: 0 -20px; font-size:16px; font-weight: bold; border-bottom: 1px #eee solid;}



/* footer */
footer { float:left; margin:30px 0 0 0; font-size:12px; width:100%; color:#999; clear: both;}
footer a:link,footer a:visited { color:#999;}
footer a:hover,footer a:active { color:#666;}

footer .links { padding: 10px 0; margin: 10px 0; clear: both;}
footer .links span,
footer .links a { margin:0 15px 0 0; display: inline-block;}

footer .copyright { text-align: center; float: left; width:100%; padding: 10px 0; border-top:1px #eee solid; display: block;}