/*全局样式*/

body{max-width:640px; min-width:360px; margin:0 auto; -webkit-tap-highlight-color:rgba(0,0,0,0);}
#main{padding-bottom:5.375rem;}
#main.top{padding-top:4.25rem;}
#wrapper{padding:1.5rem 1rem;}

/*头部样式*/

#header{left:0; right:0; top:0; height:4.25rem; margin-left:auto; margin-right:auto; background:#fff; box-shadow:0 0.375rem 0.375rem -0.375rem #e1e1e1; z-index:999;}
#header h1{height:4.25rem; line-height:4.25rem; font-size:1.375rem; font-weight:bold; text-align:center; overflow:hidden;}
#back{left:1rem; top:1.25rem; width:1rem; height:1.75rem; background:url(img/back.png) no-repeat center; background-size:1rem 1.75rem;}
#back a{display:block; width:1rem; height:1.75rem;}

/*首页样式*/

#banner-img ul li{float:left; overflow:hidden;}
#banner-btn{left:0; bottom:2rem; width:100%; height:0.625rem; overflow:hidden;}
#banner-btn dl{display:flex; justify-content:center; height:0.625rem; overflow:hidden;}
#banner-btn dl dd{width:0.625rem; height:0.625rem; margin:0 0.375rem; background:#e1e1e1; border-radius:50%; cursor:pointer;}
#banner-btn dl dd.on{background:#007ec3;}

#guess{border-radius:0.375rem; overflow:hidden;}
#guess img{width:100%;}

#column{margin-top:1.5rem;}
#column dl dd{position:relative; margin-top:1rem; border-radius:0.375rem; overflow:hidden;}
#column dl dd:first-child{margin-top:0;}
#column dl dd img{width:100%;}
#column dl dd .text{left:1.75rem; right:7rem; top:2rem;}
#column dl dd .text h3{background-repeat:no-repeat; background-position:left center; font-size:1.5rem; font-weight:bold; color:#fff; overflow:hidden;}
#column dl dd.industry .text h3{height:1.75rem; line-height:1.75rem; padding-left:2.625rem; background-image:url(img/industry.png); background-size:1.75rem 1.75rem;}
#column dl dd.knowledge .text h3{height:2rem; line-height:2rem; padding-left:2.875rem; background-image:url(img/knowledge.png); background-size:2rem 2rem;}
#column dl dd .text p{height:3.75rem; line-height:1.875rem; margin-top:0.875rem; font-size:1.0625rem; color:#fff; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
#column dl dd .text h4{width:10rem; height:2.75rem; line-height:2.75rem; margin-top:1.375rem; border-radius:1.375rem; font-size:0.9375rem; text-align:center; color:#fff; overflow:hidden;}
#column dl dd.industry .text h4{background:#007ec3;}
#column dl dd.knowledge .text h4{background:#0b8c90;}
#column dl dd .icon{left:1.75rem; right:1.75rem; bottom:2rem; display:flex;}
#column dl dd .icon span{margin-left:2.75rem;}
#column dl dd .icon span:first-child{margin-left:0;}
#column dl dd .icon span em{display:block; width:4rem; height:4rem; margin:0 auto; border:0.0625rem solid #fff; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:4rem 4rem;}
#column dl dd .icon span em.c-icon1{background-image:url(img/c-icon1.png);}
#column dl dd .icon span em.c-icon2{background-image:url(img/c-icon2.png);}
#column dl dd .icon span em.c-icon3{background-image:url(img/c-icon3.png);}
#column dl dd .icon span h3{height:1.125rem; line-height:1.125rem; margin-top:0.75rem; font-size:1rem; text-align:center; color:#fff; overflow:hidden;}

/*单页*/

#single-img img{width:100%;}

#single-text{padding:1.25rem 1.5rem; line-height:200%; font-size:1rem; color:#464646;}
#single-text p{margin-top:0.5rem;}
#single-text p:first-child{margin-top:0;}
#single-text img{display:inline-block; vertical-align:middle;}

#wrap-advantage{padding:4rem 0 3rem 0; background-repeat:no-repeat; background-position:top center; background-size:cover;}
#wrap-advantage.industry{background-image:url(img/industry-bg.png);}
#wrap-advantage.knowledge{background-image:url(img/knowledge-bg.png);}

#adv-title h2{height:1.625rem; line-height:1.625rem; font-size:1.5rem; font-weight:bold; color:#fff; overflow:hidden;}
#adv-title h3{display:flex; justify-content:center; align-items:center; height:2rem; margin-top:1.25rem; overflow:hidden;}
#wrap-advantage.industry #adv-title h3{color:#0187d0;}
#wrap-advantage.knowledge #adv-title h3{color:#30acaa;}
#adv-title h3 span{height:2rem; line-height:2rem; padding:0 1rem; background:#fff; border-radius:1rem; font-size:0.9375rem;}
#adv-title h3 i{flex:1; height:0.0625rem; background:rgba(255,255,255,.5);}

#adv-icon{display:flex; justify-content:space-between; margin-top:3rem; padding:0 3rem;}
#adv-icon span em{display:block; width:4.5rem; height:4.5rem; margin:0 auto; border:0.0625rem solid #fff; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:4.5rem 4.5rem;}
#adv-icon span em.a-icon1{background-image:url(img/a-icon1.png);}
#adv-icon span em.a-icon2{background-image:url(img/a-icon2.png);}
#adv-icon span em.a-icon3{background-image:url(img/a-icon3.png);}
#adv-icon h3{height:1.125rem; line-height:1.125rem; margin-top:0.75rem; font-size:1rem; text-align:center; color:#fff; overflow:hidden;}

/*猜字谜*/

#guess-item{position:relative; overflow:hidden;}
#guess-item a{position:absolute; right:1rem; top:1rem; display:block; width:2rem; height:2rem; background:url(img/share.png) no-repeat center; background-size:2rem 2rem;}
#guess-item section{position:absolute; left:3.5rem; right:3.5rem; bottom:2.5rem; padding:2.5rem; background:rgba(255,255,255,.5); border-radius:0.375rem; overflow:hidden;}
#guess-item section h3{height:1.25rem; line-height:1.25rem; margin-top:1.25rem; font-size:1.125rem; text-align:center; color:#e43e23; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#guess-form{padding:4rem; background:#f7e1c6;}
#guess-form input{height:3.25rem; line-height:3.25rem; padding:0 1.25rem; border-radius:1.625rem; border:none; font-size:1rem; text-align:center; color:#666; overflow:hidden;}
#guess-form input::-moz-placeholder{text-align:center;}
#guess-form input::-webkit-input-placeholder{text-align:center;}
#guess-form input::-ms-input-placeholder{text-align:center;}
#guess-form button{height:3.25rem; line-height:3.25rem; margin-top:2.5rem; border-radius:1.625rem; background:#e43e23; font-size:1rem;}

#validate-tip{left:50%; top:50%; transform:translate(-50%,-50%); max-width:60%; height:3rem; line-height:3rem; padding:0 1rem; background:#333; border-radius:0.25rem; font-size:0.9375rem; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:none; z-index:1001;}

#mask{left:0; right:0; top:0; bottom:0; margin-left:auto; margin-right:auto; background:rgba(0,0,0,.6); z-index:1000;}

#guess-share{left:1.5rem; right:1.5rem; top:50%; transform:translateY(-50%);}
#guess-share-item{position:relative; border-radius:0.375rem; overflow:hidden;}
#guess-share-item section{position:absolute; left:3rem; right:3rem; bottom:3rem;}
#guess-share-item section img{width:10rem; height:10rem; margin:0 auto;}
#guess-share-item section h3{height:1.25rem; line-height:1.25rem; margin-top:1rem; font-size:1.125rem; text-align:center; color:#fff; overflow:hidden;}
#guess-share-close{width:2.5rem; height:2.5rem; margin:1.5rem auto 0 auto; background:url(img/close.png) no-repeat center; background-size:2.5rem 2.5rem;}
#guess-share-close a{display:block; width:2.5rem; height:2.5rem;}

#guess-success{left:1.5rem; right:1.5rem; top:50%; transform:translateY(-50%); padding:2.75rem 2rem; background:#fff; border-radius:0.375rem; overflow:hidden;}
#guess-success-close{right:1rem; top:1rem; width:2rem; height:2rem; background:url(img/close1.png) no-repeat center; background-size:2rem 2rem;}
#guess-success-close a{display:block; width:2rem; height:2rem;}
#guess-success em{display:block; width:4rem; height:4rem; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:4rem 4rem;}
#guess-success em.ok{background-image:url(img/ok.png);}
#guess-success em.no{background-image:url(img/no.png);}
#guess-success h3{height:1.5rem; line-height:1.5rem; margin-top:1rem; font-size:1.375rem; font-weight:bold; text-align:center; overflow:hidden;}
#guess-success section{line-height:1.875rem; margin-top:1.25rem; font-size:0.9375rem; text-align:center; color:#464646;}
#guess-success h4{width:11.75rem; height:2.75rem; line-height:2.75rem; margin:1.75rem auto 0 auto; background:linear-gradient(148deg,#f38d4a,#e25212); border-radius:1.375rem; font-size:0.9375rem; text-align:center; overflow:hidden;}
#guess-success h4 a{display:block; color:#fff;}

/*我的*/

#wrap-member{padding:5.5rem 2rem 7rem 2rem; background:url(img/member-bg.jpg) no-repeat top center;}
#m-xiaoxi{right:2rem; top:2rem;}
#m-xiaoxi em{display:block; width:1.5rem; height:1.5rem; margin:0 auto; background:url(img/msg.png) no-repeat center; background-size:1.5rem 1.5rem;}
#m-xiaoxi h3{height:1.125rem; line-height:1.125rem; margin-top:0.375rem; font-size:0.9375rem; text-align:center; color:#fff; overflow:hidden;}
#member-info{display:flex; justify-content:space-between; align-items:center; overflow:hidden;}
#member-info img{width:5.5rem; height:5.5rem; border-radius:50%;}
#member-info section{flex:1; margin-left:1rem;}
#member-info section h2{display:flex; align-items:center; height:1.625rem; overflow:hidden;}
#member-info section h2 em{height:1.625rem; line-height:1.625rem; font-size:1.5rem; font-weight:bold; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#member-info section h2 span{flex:1; display:flex; align-items:flex-end; height:1.625rem; margin-left:0.5rem; overflow:hidden;}
#member-info section h2 span img{position:relative; width:1.75rem; height:1.625rem; z-index:99;}
#member-info section h2 span i{height:1.375rem; line-height:1.375rem; margin-left:-0.875rem; padding:0 0.375rem 0 1.25rem; background:#f8b551; font-size:0.875rem; text-transform:uppercase; color:#fff; overflow:hidden;}
#member-info section h3{height:1.125rem; line-height:1.125rem; margin-top:0.75rem; font-size:1rem; color:#fff; overflow:hidden;}

#wrapper.min{padding:1rem;}

#m-quanyi{position:relative; margin-top:-5rem; padding:1.5rem 1rem; background:#f5f5f5; border-radius:0.375rem; z-index:99;}
#m-quanyi h3{height:1.625rem; line-height:1.625rem; background:url(img/arrow-r.png) no-repeat right center; background-size:0.5625rem 1rem; font-size:1.125rem; overflow:hidden;}
#m-quanyi h3 a{display:block; padding:0 1.5625rem 0 2rem; background:url(img/qy.png) no-repeat left center; background-size:1.375rem 1.625rem; color:#464646;}
#m-quanyi h3:hover{background-image:url(img/arrow-r-h.png);}
#m-quanyi h3:hover a{color:#007ec3;}
#m-quanyi i{display:block; width:100%; height:0.0625rem; margin-top:0.9375rem; background:#d1d1d1;}
#m-quanyi-item{margin-top:1.5rem;}
#m-quanyi-item dl dd{margin-top:1rem; border-radius:0.375rem; overflow:hidden;}
#m-quanyi-item dl dd:first-child{margin-top:0;}
#m-quanyi-item dl dd img{width:100%;height: auto !important;}

/*消息*/

#xiaoxi-list ul li{margin-top:1rem; background:#f5f5f5; border-radius:0.375rem; overflow:hidden;}
#xiaoxi-list ul li:first-child{margin-top:0;}
#xiaoxi-list ul li a{display:block; padding:1.25rem;}
#xiaoxi-list ul li h3{display:flex; justify-content:space-between; height:2rem; overflow:hidden;}
#xiaoxi-list ul li h3 .title{flex:1; display:flex; align-items:center; height:2rem; overflow:hidden;}
#xiaoxi-list ul li h3 .title em{width:2rem; height:2rem; background:url(img/msg1.png) no-repeat center #007ec3; background-size:1.125rem 1.25rem; border-radius:50%;}
#xiaoxi-list ul li h3 .title span{flex:1; height:1.25rem; line-height:1.25rem; margin-left:0.5rem; font-size:1.125rem; font-weight:bold; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#xiaoxi-list ul li h3 .date{height:1.125rem; line-height:1.125rem; margin-left:1rem; font-size:0.9375rem; color:#999; overflow:hidden;}
#xiaoxi-list ul li p{height:3.25rem; line-height:1.625rem; margin-top:0.625rem; font-size:0.9375rem; color:#999; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
#xiaoxi-list ul li i{display:block; width:100%; height:0.0625rem; margin-top:0.6875rem; background:#d1d1d1;}
#xiaoxi-list ul li h4{height:1.125rem; line-height:1.125rem; margin-top:0.75rem; padding-right:1.4375rem; background:url(img/arrow-r.png) no-repeat right center; background-size:0.4375rem 0.75rem; font-size:0.9375rem; color:#999; overflow:hidden;}
#xiaoxi-list ul li.noread h3 .title em{position:relative;}
#xiaoxi-list ul li.noread h3 .title em u{position:absolute; right:0; top:0.125rem; width:0.4375rem; height:0.4375rem; background:#e43e23; border-radius:50%;}
#xiaoxi-list ul li.noread h3 .title span{color:#333;}
#xiaoxi-list ul li.noread h3 .date{color:#666;}
#xiaoxi-list ul li.noread p{color:#666;}
#xiaoxi-list ul li.noread h4{color:#464646;}

#xiaoxi-nodata{margin-top:6rem;}
#xiaoxi-nodata img{height:8.5rem; margin:0 auto;}
#xiaoxi-nodata h3{height:1.125rem; line-height:1.125rem; margin-top:1rem; font-size:1rem; text-align:center; color:#999; overflow:hidden;}

/*权益*/

#quanyi-list ul li{margin-top:1rem; background:#f9f3e5; border-radius:0.375rem; overflow:hidden;}
#quanyi-list ul li:first-child{margin-top:0;}
#quanyi-list ul li a{display:flex; justify-content:space-between; align-items:center; padding:1.25rem;}
#quanyi-list ul li section{flex:1; overflow:hidden;}
#quanyi-list ul li section h3{display:flex; align-items:center; height:1.5rem; overflow:hidden;}
#quanyi-list ul li section h3 img{width:1.625rem; height:1.5rem;}
#quanyi-list ul li section h3 span{flex:1; height:1.25rem; line-height:1.25rem; margin-left:0.5rem; font-size:1.125rem; font-weight:bold; color:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#quanyi-list ul li section h4{height:1rem; line-height:1rem; margin-top:0.75rem; font-size:0.875rem; color:#666; overflow:hidden;}
#quanyi-list ul li h5{width:7.75rem; height:2.375rem; line-height:2.25rem; margin-left:1.25rem; border:0.0625rem solid #e43e23; border-radius:1.25rem; font-size:1.125rem; font-weight:bold; text-align:center; color:#e43e23; overflow:hidden;}

#quanyi-nodata{margin-top:6rem;}
#quanyi-nodata img{height:6.25rem; margin:0 auto;}
#quanyi-nodata h3{height:1.125rem; line-height:1.125rem; margin-top:1rem; font-size:1rem; text-align:center; color:#999; overflow:hidden;}

/*底部样式*/

#tabbar{left:0; right:0; bottom:0; display:flex; justify-content:space-around; align-items:center; height:5.375rem; margin-left:auto; margin-right:auto; background:#fff; box-shadow:0 -0.375rem 0.375rem -0.375rem #e1e1e1; z-index:999;}
#tabbar a{flex:1;}
#tabbar a em{display:block; width:1.75rem; height:1.75rem; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:1.75rem 1.75rem;}
#tabbar a em.home{background-image:url(img/home.png);}
#tabbar a em.user{background-image:url(img/user.png);}
#tabbar a h3{height:1.125rem; line-height:1.125rem; margin-top:0.5rem; font-size:1rem; text-align:center; color:#666; overflow:hidden;}
#tabbar a:hover em.home{background-image:url(img/home-h.png);}
#tabbar a:hover em.user{background-image:url(img/user-h.png);}
#tabbar a:hover h3{color:#007ec3;}
#tabbar a.current em.home{background-image:url(img/home-h.png);}
#tabbar a.current em.user{background-image:url(img/user-h.png);}
#tabbar a.current h3{color:#007ec3;}
#tabbar i{display:block; width:0.0625rem; height:2.875rem; background:#e1e1e1;}