﻿/* 
* @Author: Marte
* @Date:   2016-12-30 10:40:07
* @Last Modified by:   Marte
* @Last Modified time: 2017-01-03 10:12:55
*/
.riddle-wrap .header{height:auto;background:url(../images/riddle-headbg.jpg) repeat-y bottom center;}
.riddle-wrap .header-top{height:56px;background:url(../images/riddle-nav.jpg) no-repeat center;padding:2px 0;}
.riddle-wrap .header-top-con .header-nav{margin-top:5px; width:800px;}
.riddle-wrap .header-top-con .header-nav li{line-height:24px;font-size:14px;}
.riddle-wrap .header-top-con .header-nav a{padding:0 8px 0;}
.riddle-wrap .header-nav li.active{background-color:#fcce44;}
.riddle-wrap .header-nav li.active a{color:#333;}
.riddle-wrap .header-top-con .left-list{padding:0;}
.left-list .logo{width:186px;height:56px;background:url(../images/pic-logo3.png) no-repeat;text-indent:-10000px;}
.riddle-wrap .navbox li{line-height:52px;}
.riddle-wrap .navbox li a{padding:0 12px;font-family:'微软雅黑';}
.riddle-wrap .navbox li.current{background-color:#a63131;}
.riddle-wrap .navbox li.current a:hover{color:#fff;}
.riddle-wrap .navbox li a:hover{background:none;color:#fcce44;}
.riddle-wrap .header .header-con{width:100%;}
.riddle-wrap .header-con-bottom{background-color:#d04040;}
.riddle-wrap .nav-riddle{width:1200px;margin:0 auto;}
.riddle-wrap .header-con .search-box{margin-top:10px;}
.riddle-wrap .search-box .search{width:160px;height:32px;padding:0 5px;line-height:32px;box-sizing:border-box;}
.riddle-wrap .search-box .btn-search{width:62px;height:32px;background-color:#ffc109;color:#000;border:none;margin-left:-7px;box-sizing:border-box;}
.other-nav ul{width:1200px;margin:0 auto;}
.other-nav{background:rgba(255,255,255,0.2);}
.other-nav ul li{float:left;padding:8px 0;}
.other-nav ul li a{color:#fff;padding:3px 8px;display:inline-block;}
.other-nav ul li a.active{background-color:#ffc109;color:#000;}
.riddle-wrap .message-con{width:1200px;margin:15px auto 0;overflow:hidden;}
.riddle-wrap .items-one .right .top{border-bottom: 2px solid #d9d7d7;}
.items-one .top h4 .icon{width:38px;height:30px;border-bottom:2px solid #de3131;box-sizing:border-box;}
.riddle-wrap .message-con h3 .icon,.items-one .right .top h4 .icon{background-position:-312px -304px;} 
.items-one .news-message li .riddle-list{display:block;position:relative;z-index:0;}
.news-message li .txt-left{float:left;background-color:#fff;position:relative;z-index:1;max-width:320px;overflow:hidden;white-space:nowrap;display:inline-block;}
.news-message li .txt-right{float:right;background-color:#fff;position:relative;z-index:1;}
.news-message li .line{width:100%;border-bottom:1px dotted #ddd;position:absolute;top:50%;left:0;}
.riddle-wrap .news-message li{height:auto;border:none;line-height:30px;padding:5px 0px 5px 11px;}
.items-one .news-message{margin-top:15px;}
.message-con .items-one .top{line-height:30px;height:30px;}
.riddle-wrap .top .qh-box{margin-top:10px;}
.riddle-wrap .items-two .con li a{max-width:225px;height:auto;width:auto;overflow:hidden;white-space:nowrap;line-height:26px;}
.riddle-wrap .items-two .con li .lookat{color:#bbb;width:auto;}
.riddle-wrap .items-two .con li .lookat:hover{color:#e72528;}
.riddle-wrap .items-two .con li{padding:10px 0 10px 33px;line-height:26px;margin-top:0;height:80px;box-sizing:border-box;position:relative;}
.riddle-wrap .items-two .con{margin-bottom:18px;}
.riddle-wrap .items-two{margin-bottom:18px;}
.riddle-wrap .items-two .con li .icon{position:absolute;top:50%;left:0;margin-top:-13px;}
.riddle-pd{width:154px;height:56px;background:url(../images/icon.png) no-repeat -8px -418px;display:inline-block;text-indent:-10000px;}
.riddle-wrap .items-three{background-color:#fff;padding:15px 30px;}


.riddle-ul li{border-bottom:1px solid #ededed;padding:0 0 10px;margin-bottom:23px;overflow:hidden;}
.riddle-ul li .left{width:622px;float:left;background:url(../images/xhy_icon.png) 0 -39px repeat-x;padding-bottom:19px;overflow:hidden;}
.riddle-ul li .right{float:right;display:block;line-height:36px;width:100px;margin-top:17px;text-align:center;color:#000;background-color:#ffc109;}
.riddle-ul li .right:hover{background-color:#e1ab0a;}
.riddle-ul li .thought{width:42px;height:32px;float:left;background:url(../images/xhy_icon.png) 0 -121px no-repeat;margin-top:20px;}
.riddle-ul li .now{float:left;height:32px;max-width:462px;}
.riddle-ul li .tonow{float:left;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;height:32px;}
.riddle-ul li .an{position:relative;font-family:'Microsoft YaHei';display:block;}
.riddle-ul li .an rb{width:32px;margin-right:10px;line-height:52px;display:block;text-align:center;position:relative;top:-10px;top:10px\9;left:0\9;background:url(../images/xhy_icon.png) 0 10px no-repeat;font-size:20px;color:#000;float:left;}
.riddle-ul li .an rt{width:32px;text-align:center;position:relative;font-size:14px;color:#666;float:left;margin:-5px 0 0 -42px\9;}
.tips { color:#888888;}
.tips span { float:left;color:#aaaaaa;}
.tips ruby rt { font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:5px;}
/*兼容火狐*/
@-moz-document url-prefix(){
    .riddle-wrap .right-bottom .an rt{margin:-20px 0 0 -72px;}
    .riddle-wrap .right-bottom{padding-top:18px;}
    .riddle-wrap .right-bottom .an rb{width:54px;height:90px;}
    .riddle-ul li .an rb{top:10px;height:70px;}
    .riddle-ul li .an rt{margin:0 0 0 -43px;}

}

.riddle-wrap .pagination{float:none;}
.riddle-wrap .pagination span{background-color:#d04040;color:#fff;}
.riddle-wrap .pagination a,.riddle-wrap .pagination span{padding:5px 11px;}
.riddle-wrap .advertisement{margin-bottom:12px;}
.riddle-wrap .riddle-con{width:1200px;margin:0 auto;border:1px solid #ddd; background:#f8f8f8;}
.riddle-bottom{border-top:1px solid #fff;padding:15px 0;background-color:#efefef;}
.riddle-nav-box{text-align:center;}
.riddle-bottom .riddle-bottom-nav{background-color:#efefef;box-sizing:border-box;}
.riddle-bottom-nav li{padding:10px 15px;cursor:pointer;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #fff;float:left;box-sizing:border-box;color:#555;}
.riddle-bottom-nav li.active{background-color:#f8f8f8;color:#d04040;border-bottom:none;padding:10px 15px 11px;}
/*.riddle-bottom-nav li:hover{background-color:#ef7ea4;color:#d04040;}*/
.riddle-bottom-list{display:none;}
.riddle-bottom-list .top{margin:10px 15px;text-align:center;position:relative; height:25px; line-height:25px;overflow:hidden;}
.riddle-bottom-list a{padding:3px;color:#555;}
.riddle-bottom-list a.cur{color:#98457e;}
.riddle-bottom-list a:hover{color:#98457e;}
.riddle-bottom-list .top .linkbox{background-color:#f8f8f8;display:inline-block;position:relative;z-index:2;padding:0 20px;}
.riddle-bottom-list .top .line{background-color:#e1e1e1;height:1px;position:absolute;top:50%;left:0;width:100%;z-index:1;}
.riddle-bottom-list .bottom{width:1236px;}
.riddle-bottom-list .bottom ul{width:258px;display:inline-block;margin-right:15px;padding-left:15px;}
.riddle-bottom-list .bottom ul li{margin-bottom:10px;overflow:hidden;white-space:nowrap;}
.riddle-bottom-list .bottom-p{padding:0px 10px;}
.riddle-wrap .current-location{margin:6px 0 20px 0;}

.riddle-wrap h1{color:#ba65a0;font-size:30px;font-weight:600;font-family:'Microsoft YaHei';}
.riddle-wrap .from-box{color:#bbb;padding:10px 0 12px;}
.riddle-wrap .article .conundrum,.riddle-wrap .article .answer{border-top:2px dashed #ededed;padding:28px 0;}
.article .list-box .left{float:left;text-align:center;}
.article .list-box .right{float:right;width:646px;}
.conundrum .left-top{width:86px;height:60px;line-height:52px;color:#fff;font-weight:600;font-size:30px;background:url(../images/icon.png) no-repeat -217px -304px;font-family:'Microsoft YaHei';}
.answer .left-top{width:86px;height:60px;line-height:52px;color:#fff;font-weight:600;font-size:30px;background:url(../images/icon.png) no-repeat -256px -241px;font-family:'Microsoft YaHei';}
.article .left-bottom{display:inline-block;padding:4px 16px;border:1px solid #bbb;border-radius:32px;margin-top:16px;cursor:pointer;}
.right-bottom .an{font-family:'Microsoft YaHei';display:block;}
.right-bottom .an rb{width:54px;height:80px;text-align:center;line-height:56px;background:url(../images/icon.png) no-repeat -157px -300px;margin-right:16px;display:block;font-size:34px;font-weight:600;color:#000;float:left;margin-top:5px;}
.right-bottom .an rt{width:54px;margin:0 16px 0 0;display:block;text-align:center;font-size:18px;color:#86c6b3;float:left;}
/*兼容火狐*/
.right-top .qt-color{color:#ea5981;}
.conundrum.on .right-bottom .an rt{display:none;}
.article .right-top{display:none;color:#9e9e9e;}
.answer .right-bottom .an rb{color:#ea5981;}
.conundrum.on .right-top{display:block;padding:0 0 10px;}
.answer.on .right-top{display:block;margin-top:20px;}
.answer.on .right-bottom{display:none;}
.conundrum.on .left-bottom{background-color:#ea5981;color:#fff;border:none;} 
.answer.on .left-bottom{background-color:#90d081;color:#fff;border:none;}
.riddle-wrap .zanorcai{line-height:30px;text-align:center;padding:40px 0;border-top:2px dashed #ededed;}
.riddle-wrap .items-four{background-color:#fff;margin:15px 0px;padding:15px 15px 20px;}
.riddle-wrap .items-four ul li{width:46%;float:left;margin-right:15px;}




