@charset "utf-8";
/*************************************************************************
 * 
 * H5
 * @name           index.css
 * @package        IntelligenceQuotientUI.Libraries
 * @copyright      Copyright © 2009 - 2019, SDL888, Inc.
 * @link           http://UI.SDL888.Net
 *
*************************************************************************/
.jiacu{font-weight:bold}
.grey{color:#c5c5c5}
.header {background:#fff;height:52px;overflow:hidden}
.hotimg{margin:0 auto;min-height:150px;background:#fff;padding-top:1px;overflow:hidden;box-shadow:0 1px 1px #ccc;}
.hotimg .flex-control-nav{width:100%;text-align:center;position:absolute;bottom:5px;left:0;}
.hotimg .flex-control-nav a{width:6px;height:6px;border-radius:6px;background:#000;display:inline-block;margin:0 3px;opacity:0.3;}
.hotimg .flex-control-nav a.flex-active{background:#fff;opacity:1;}
.hotimg .slides{min-height:150px;}
.hotimg .slides::after{content:'';clear:both;display:table;}
.hotimg .slides>li{display:none;-webkit-backface-visibility:hidden;}
.hotimg .slides>li a{display:block;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
.hotimg .slides li img{width:100%;height:auto;min-width:320px;min-height:150px;display:block;margin:0 auto;}
.daohang {background:#fff;overflow:hidden;padding:15px 0 10px}
.daohang li{float:left;width:25%}
.daohang li a{width:50px;height:50px;line-height:50px;margin:0 auto;border-radius:50%;text-align:center;color:#FFF;display:block}
.daohang li a i{font-size:30px}
.daohang li p{text-align:center;height:20px;line-height:20px}
.news{margin-top:10px;background:#fff}
.news_jt{height:45px;border-bottom:1px solid #efefef;overflow:hidden;padding:0 15px;line-height:60px}
.news dl{height:30px;line-height:30px;border-bottom:1px solid #efefef;padding:5px 15px} 
.news dl dt,.news dl dd{float:left}
.news dl dt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news dl dd{text-align:right}
.news_jt1{padding:15px; overflow:hidden; border-bottom:1px solid #efefef}
.news_nr{overflow:hidden; position:relative; height:146px}
.news_nr_right{margin-left:250px; float:left; line-height:36px}
.note_jt{background:#fff;padding:15px;margin-top:10px}
.paihang{border:1px solid #dcdcdc;overflow:hidden}
.number,.number1,.number2,.number3{height:20px;width:20px;border-radius:20px;display:block;text-align:center;color:#fff}
.number{background:#f44337}
.number1{background:#ffa500}
.number2{background:#20c978}
.number3{background:#00ccff}
.note{border:1px solid #efefef;overflow:hidden;padding:10px;position:relative;margin-bottom:15px;min-height:40px}
.note img{left:10px;position:absolute}
.note_right{margin-left:60px;float:left;line-height:20px}
.liucheng_jt{overflow:hidden;background:url(../images/pic2.png) repeat-x left center;background-size:18px;height:40px}
.liucheng_jt li{width:22%;float:left;text-align:center}  
.liucheng_jt li.sf{width:4%;height:40px;line-height:41px;font-size:26px;color:#cccccc;}
.liucheng_jt li.sf i{margin-left:-50%}
.wenzi{overflow:hidden;line-height:25px}
.wenzi li{width:22%;float:left;text-align:center}
.wenzi li.sf{width:4%;float:left}
.activty{background:#fa5e52;overflow:hidden;padding:15px}
.activty_left{float:left;width:25%}
.activty_right{float:right;background:#ffffff;width:68%;padding:0 2%}
.nr{line-height:30px}
.yaoqing{background:#eeeeee;border:1px dotted #dcdcdc;padding:5px;line-height:16px;margin-bottom:10px}

.horn {margin-left:15px;padding:0 25px 0 35px;height:35px;line-height:35px;white-space:nowrap;overflow:hidden;position:relative}
.horn .iq-shengyin {position:absolute;top:0;left:0}
.horn .iq-cuo1 {position:absolute;top:0;right:9px}
/*** hot_lottery ***/
.hot_lottery {width:100%;overflow:hidden}
.hot_lottery ul{padding:0 1.5%}
.hot_lottery ul li{float:left;width:48%;height:60%;margin:0 1% 10px;position:relative}
.hot_lottery ul li img{border-radius:10px;width:100%}
.hot_lottery ul li a.explain {position:absolute;left:6%;bottom:28%;font-size:14px;text-align:center;color:#f0f0f0;display:inline-block;padding:0px 10px;height:20px;line-height:20px;border-radius:10px;background-color:rgba(255, 255, 255, 0.3)}
.hot_lottery ul li.qq28 {width:98%;height:28%;margin-bottom:0}
.hot_lottery ul li.qq28 a.explain_l {left:9%;bottom:25%}

.copyright{text-align:center;margin-top:10px}
/*** App ***/
.appTop {width:100%;height:37px;background-color:rgba(0,0,0,.5);padding:5px;position:fixed;bottom:56px;left:0px}
.appTop i.head-close {margin:3px 5px 0 0;display:block;float:left}
.headCon {float:left}
.headCon .head-logo {width:37px;height:37px;float:left}
.headCon .head-logo img{max-width:100%;height:100%}
.headCon h1{font-size:14px;color:#fff;font-weight:normal;line-height:20px;padding-left:47px}
.headCon p{color:#fff;line-height:17px;padding-left:47px}
.down {position:absolute;top:7px;right:15px}