* { margin: 0; padding: 0; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; box-sizing: border-box; -webkit-user-select: auto; border:0;}
body { width:100%; padding:114px 0 0 0; margin:0; background:#f4f4f4 !important; color:#333; font-size:4vw; line-height:150%;font-family:'open sans','PingFang SC','Lantinghei SC','Helvetica Neue',Helvetica,Arial,'Microsoft YaHei',"sans-serif"; overflow-x: hidden;}
div,form,ul,li,h1,h2 { word-break: break-word;}
ul,li { list-style:none;}
em { font-style: normal;}
div,nav,footer { display:block;}
img { border:0;}
h1 { font-size:5vw; font-weight:normal; line-height:150%; margin: 0 0 15px 0;}
h2 { font-size:5vw; font-weight:normal; line-height:150%;}
input[type="text"]{ -webkit-appearance:none; outline:none;}
input::-ms-clear { display:none;}
strong { color: #ff6600;}
.wrap { float: left; width: 100%; padding: 0 3%; background:#f4f4f4; display: block;}
.clear { clear: both;}
.b { font-weight: bold;}
.c-t, .r-t { text-align: center; float: left; width: 100% !important; margin: 0 0 15px 0; padding: 5px 0; font-size: 4.6vw; color: #fff; background: #383838; border-radius: 5px; display: block;}
.c-more { text-align: center; float: left; width: 100%; padding: 0 0 20px 0; display: block;}
.c-more a { color:#0015a1; display: inline-block;}


/* link */
a { color:#333; text-decoration:none;}
.a_blue a { color:#0015a1;}
.a_black a { color:#333; text-decoration:underline;}
.a_gray { color:#999 !important;}


/* list-page */
.list-page { text-align: center; float:left; width:100%; margin:15px 0px; clear:both;}
.list-page span,
.list-page a { width:auto; padding:4px 12px; margin:0 5px; background:#ddd; color:#333; display:inline-block;}
.list-page span { background:#ff6600; color:#fff;}


/* nav */
nav { position: fixed; top:0; left:0; right:0; height:108px; padding: 10px 0; background:#f4f4f4; z-index:100;}

nav .logo { width: 108px; margin:0 auto; padding: 10px 0 0 0;}
nav .logo a { float:left; width: 100%; display: block;}
nav .logo img { float:left; height:30px; display: block;}

nav .so { float: left; width: 100%; margin: 10px 0 0 0; border: 1px #dadada solid; border-radius: 5px; background: #ff6600; overflow: hidden; display: block;}
nav .so .so-input { float: left; width: 86%; height: 40px; padding: 10px 2%; font-size: 16px; background: #fff; border-radius: 3px; display: block;}
nav .so .so-btn { text-align: center; float: left; width: 14%; height: 40px; padding: 10px 0; font-size: 16px; background: #ff6600; color: #fff; display: block;}


/* dh */
.dh { float: left; width: 100%; font-size: 3.6vw; margin: 0 0 15px 0;}
.dh a { color:#0015a1;}
.dh h1 { font-size:  3.6vw; font-weight: normal; margin: 0; display: inline;}
.dh i { font-style: normal; color: #999;}


/* col-center */
.col-center { float: left; width: 100%; display: block;}


/* col-right */
/* list-r-new-seach */
.col-right { float: left; width: 100%; margin: 10px 0 0 0; display: block;}
.col-right .list-r-new-seach { float: left; width: 100%; padding: 20px; margin: 0 0 30px 0; background: #fff; border-radius: 5px;}
.col-right .list-r-new-seach li { float: left; width: 100%; margin: 6px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}
.col-right .list-r-new-seach li span { color: #999; margin: 0 0 0 10px;}
.col-right .list-r-chinese li span { margin: 0 10px 0 0;}
.col-right .list-r-month { margin: 0 0 5px 0;}
.col-right .list-r-month li { float: left; width: auto; margin: 5px;}
.col-right .list-r-month li span { color: #333; margin: 0;}


/* word */
.word .w-base { float: left; width: 100%; padding: 20px; margin: 0 0 30px 0; background: #fff; border-radius: 5px;}
.word .w-base a { color:#0015a1;}

.word .w-yb { float: left; width: 100%; margin: 15px 0;}
.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: #999; display: block;}
.word .w-yb em { float: left; width: 20px; height: 20px; background: url("/images/m_icon_play_off.gif") no-repeat; background-size: 20px 20px; margin: 3px 0 0 10px; cursor: pointer; display: block;}
.word .w-yb .yb_p_on { background: url("/images/m_icon_play_on.gif") no-repeat; background-size: 20px 20px;}
.word .w-yb .yb_p_off { background: url("/images/m_icon_play_off.gif") no-repeat; background-size: 20px 20px;}
.word .w-m { float: left; width: 100%; margin: 15px 0; display: block;}
.word .w-m li { float: left; width: 100%; margin: 6px 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; line-height: 200%; display: block;}
.word .w-lk { float: left; width: 100%; margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px #eee solid; display: block;}
.word .w-lk span,
.word .w-lk a { float: left; margin: 0 20px 0 0; line-height: 200%; display: block;}

.word .w-wl { float: left; width: 100%; display: block;}
.word .w-wl li { float: left; width: 100%; margin: 0 0 20px 0; padding: 20px; background: #fff; border-radius: 5px; display: block;}
.word .w-wl div { float: left; width: 100%; display: block;}
.word .w-wl a { float: left; margin: 5px 20px 5px 0; 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 i { float: left; width: 100%; color: #999; margin: 0 0 15px 0; display: block;}

.word .w-sentence { float: left; width: 100%; padding: 20px; margin: 0 0 30px 0; background: #fff; border-radius: 5px; 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,
.word .w-sentence li span { float: left; margin: 3px 0; clear: both; display: block;}
.word .w-sentence li .from i { float: left; color: #999; display: block;}
.word .w-sentence li .from a { margin: 0; clear: none;}

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

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


/* word-list */
.word-list { float: left; width: 100%; display: block;}
.word-list li { float: left; width: 100%; padding: 20px; margin: 0 0 15px 0; background: #fff; border-radius: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}
.word-list span { margin: 0 0 0 10px;}

.list-sort { float: left; width: 100%; display: block;}
.list-sort li { float: left; background: #fff; margin: 5px 0; width: 100%; border-radius: 5px; display: block;}
.list-sort li a { float: left; width: 100%; padding: 15px; display: block;}
.list-sort li i { color: #999;}


/* sentence */
.sentence { float: left; width: 100%; margin: 0 0 20px 0; display: block;}
.sentence .w-base { float: left; width: 100%; padding: 20px; margin: 0 0 30px 0; background: #fff; border-radius: 5px;display: block;}
.sentence .w-base .s-f { float: left; width: 100%; margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px #eee solid; display: block;}
.sentence .w-base .s-f span,
.sentence .w-base .s-f a { float: left;  display: block;}

.sentence .s-w-list-t { float: left; width: 100%; padding: 20px; margin: 0 0 30px 0; background: #fff; border-radius: 5px;display: block;}
.sentence .s-w-list-t a { float: left; background: #f5f5f5; padding: 5px 20px; margin: 8px; border-radius: 5vw; display: block;}
.sentence .s-w-list { float: left; width: 100%; margin: 0 0 25px 0; display: block;}
.sentence .s-w-list .s-w { float: left; width: 100%; padding: 20px; margin: 30px 0 0 0; line-height: 220%; background: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; display: block;}
.sentence .s-w-list .s-w a { margin: 0 10px 0 0;}
.sentence .s-w-list .s-w .a_gray { font-size: 4vw;}
.sentence .s-w-list .s-w span { margin: 0 5px 0 0;}
.sentence .s-w-list .s-w-s { float: left; width: 100%; padding: 20px; line-height: 220%; background: #fff;border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top: 1px #eee solid; display: block;}
.sentence .s-s-list .s-w { border-radius: 5px;}


/* list-sentence */
.list-sentence { float: left; width: 100%; display: block;}
.list-sentence li { float: left; width: 100%; padding: 4vw; margin: 0 0 15px 0; background: #fff; border-radius: 5px; display: block;}
.list-sentence li a { float: left; font-size: 4vw; display: block;}
.list-sentence li span { float: left; width: 100%;  margin: 8px 0; color: #666; display: block;}
.list-sentence li .from { float: left; width: 100%; margin: 0; display: block;}
.list-sentence li .from a { font-size: 3.4vw;}
.list-sentence li .from i { float: left; font-size: 3.2vw; color: #999; margin: 0 0 10px 0; display: block;}



/* article */
.article .info { float: left; width:100%; margin: 0 0 10px 0; color: #999; display: block;}
.article .content { float: left; width:100%; font-size: 4vw; line-height: 180%; margin: 0 0 20px 0; display: block;}
.article .content p { margin:0 0 20px 0;}
.article .content img { max-width: 100%;}
.article .content strong { color: #333;}
.list-article-more { float: left; width: 100%; display: block;}
.list-article-more li { float: left; width: 100%; padding: 4vw; margin: 0 0 15px 0; background: #fff; border-radius: 5px; display: block;}
.list-article-more li a { float: left; font-size: 4vw; display: block;}


/* zuowen */
.zuowen { float: left; width:100%; display: block;}
.zuowen h1 { float: left; width:100%; padding: 20px; margin: 0; background: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; display: block;}
.zuowen .info { float: left; width:100%; padding: 0 20px; margin: 0; background: #fff; line-height: 200%; display: block;}
.zuowen .content { float: left; width:100%; padding: 20px; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: block;}


/* list-zuowen */
.col-left .list-l-zuowen-sort li { float: left; width:100%; display: block;}
.col-left .list-l-zuowen-sort .s1 { font-weight: bold;}
.col-left .list-l-zuowen-sort .s2 a:link,.col-left .list-l-zuowen-sort .s2 a:visited { color:#666;}
.col-left .list-l-zuowen-sort .s2 a:hover,.col-left .list-l-zuowen-sort .s2 a:active { color:#ff6600;}

.list-zuowen .z-l-t { float: left; font-size: 4vw; display: block;}
.list-zuowen .z-l-s { float: left; font-size: 3.6vw; display: block;}
.list-zuowen span { float: left; width: 100%; color: #888; margin: 10px 0; display: block;}
.list-zuowen i { float: left; font-size: 3.6vw; color: #999; margin: 0 0 10px 0; display: block;}
.list-zuowen .time { margin: 0 10px 0 0; clear: left;}


/* name */
.name .w-yb { margin: 0;}
.name .w-base ul { float: left; width: 100%; display: block;}
.name .w-base ul li { float: left; width: 100%; margin: 3px 0; display: block;}
.name .w-base ul span { text-align: right; float: left; margin: 0 !important; font-weight: bold; display: block;}
.name .w-base ul i { float: left; font-style: normal; display: block;}
.name .hot { float: left; width: 80px; height: 15px; margin: 3px 0 0 0; background-image: url("/images/hot_0.png"); background-repeat: no-repeat; background-size: 80px 15px; display: block;}
.name .hot_0 { background-image: url("/images/hot_0.png");}
.name .hot_1 { background-image: url("/images/hot_1.png");}
.name .hot_2 { background-image: url("/images/hot_2.png");}
.name .hot_3 { background-image: url("/images/hot_3.png");}
.name .hot_4 { background-image: url("/images/hot_4.png");}
.name .hot_5 { background-image: url("/images/hot_5.png");}
.name .other { float: left; width: 100%; margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px #eee solid; display: block;}
.name .other ul span { text-align: left; width: 100%; font-weight: normal;}
.name .other ul i { font-style: italic; color: #999;}

.list-l-name-sort-zm li { width: auto;}
.list-l-name-sort-zm li a { padding: 2px !important; color: #666;}

.zm { width: auto !important;}
.zm a { padding: 2px !important; color: #666 !important;}


/* list-name */
.list-name { float: left; width: 100%; display: block;}
.list-name li { float: left; width: 100%; padding: 15px 3%; background: #fff; margin: 8px 0; border-radius: 10px; display: block;}
.list-name .l-t { padding: 8px 2%; background: #0015a1; color: #fff; font-weight: bold;}
.list-name span { float: left; display: block;}
.list-name .l-nen { width: 40%;}
.list-name .l-sex { width: 1%; display: none;}
.list-name .l-ncn { width: 40%;}
.list-name .l-ns { width: 1%; display: none;}
.list-name .l-hot { width: 10%;}
.list-name .hot { float: left; width: 50px; height: 9px; margin: 2px 0 0 0; background-image: url("/images/hot_0.png"); background-repeat: no-repeat; background-size: 50px 9px; display: block;}
.list-name .hot_0 { background-image: url("/images/hot_0.png");}
.list-name .hot_1 { background-image: url("/images/hot_1.png");}
.list-name .hot_2 { background-image: url("/images/hot_2.png");}
.list-name .hot_3 { background-image: url("/images/hot_3.png");}
.list-name .hot_4 { background-image: url("/images/hot_4.png");}
.list-name .hot_5 { background-image: url("/images/hot_5.png");}


/* list-chengyu */
.list-chengyu { float: left; width: 100%; padding: 4vw; margin: 0 0 15px 0; background: #fff; border-radius: 5px; display: block;}
.list-chengyu li { text-align: center; float: left; width: 48%; margin: 5px 2% 5px 0; height: 6vw; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}


/* news */
.news h2 { float: left; width: 100%; padding: 20px; margin: 0; background: #fff; display: block;}
.news .list-article-more li span { float: left; width: 100%; color: #999; font-size: 4vw; display: block;}
.news .keywords-list { float: left; width: 100%; margin: 0 0 20px 0; display: block;}
.news .keywords-list li { float: left; margin: 6px 15px 6px 0; display: block;}


/* ask */
.ask .list-sentence strong,
.ask .c-more strong { color: #ff6600;}
.ask .list-sentence li { margin: 0; border-top: 1px #eee solid;}
.ask .list-article-more li a { width: 70%;}
.ask .list-article-more li span { text-align: right; float: right; width: 25%; color: #999; display: block;}



/* fix_area */
.fix_area { right:3%; bottom:200px; width:48px; height:48px; position:fixed;}
.fix_area span { width:48px; height:48px; display:block;}
.fix_area .backtotop { background:url("/images/icon_gototop.png") #555 center center no-repeat; background-size: 20px 20px; opacity: 0.3; border-radius: 100%;}



/* bottom */
.bottom { float: left; width: 100%;}
.bottom .wrap { padding: 0;}
.bottom .bottom-l { float: left; width: 100%; display: block;}
.bottom .bottom-l ul { float: left; width: 100%; display: block;}
.bottom .bottom-l li { float: left; width: 100%; display: block;}
.bottom .bottom-l div { float: left; width: 100%; margin: 0 0 15px 0; display: block;}
.bottom .bottom-l span { font-size: 12px; color: #999;}




/* footer */
footer { text-align: center; float: left; width: 100%; padding: 10px 0; font-size: 3.2vw; color: #999; display: block;}

footer a { color:#999; text-decoration:none;}



/*ad*/
.ad-r-tb { float: left; width: 100%; font-size: 3.2vw; margin: 0 0 12vw 0; padding: 20px 0; background: #fff; border-radius: 5px; display: block;}
.ad-r-tb li { float: left; width: 46%; margin: 2vw 2%; display: block;}
.ad-r-tb img { float: left; width: 100%; display: block;}
.ad-r-tb em { margin: 2vw 0; line-height: 4vw; font-style: normal; display: block;}
.ad-r-tb .price1 { float: right; color: #999; text-decoration:line-through; }
.ad-r-tb .price2 { float: left; color: #df2121; font-size: 4vw; font-weight: bold;}
.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;
}
.ad-r-tb a:link,.ad-r-tb a:visited { color:#3d3d3d;}
.ad-r-tb a:hover,.ad-r-tb a:active { color:#df2121;}


/*ad*/
#ad_center_1,
#ad_center_2,
#ad_right_1,
#ad_right_2 { float: left; width: 100%; padding: 10px 3%; margin: 0 0 20px 0; background-color: #fff; border-radius: 5px; display: none;}


/* Olympics */
.r-Olympics-300-180{ float:left; width:100%; height:46vw; margin: 0 0 15px 0; background:#7d0704; overflow:hidden; display:block;}
.r-Olympics-300-180 a{ text-align: center; float:left; width:100%; height:46vw; color: #fff; font-size: 6vw; padding: 37vw 0 0 0; background:url("/images/Olympics_300_180.jpg") no-repeat; background-size: 100% 100%; display:block;}