@import 'common.css';
/***********************************
 *** 首页风格
 **********************************/
/* 基础 */
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0}
::-webkit-scrollbar {width:4px;height:4px}
::-webkit-scrollbar-track {box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:0;background:rgba(0,0,0,.1)}
::-webkit-scrollbar-thumb {border-radius:5px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb:hover {border-radius:5px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.4)}



/***********************************
 *** 案例列表
 **********************************/

.wrapper { width:100%; }

.case-filter { margin-top:1rem;width:100%; background:#FFF; }
.case-filter .list { width:100%; }
.case-filter .list li { float:left; width:25%; height:.7rem; line-height:.7rem; border-left:1px solid #f1f2f4; text-align:center; }
.case-filter .list li:after { content:''; width:0; height:0; border:.08rem solid transparent; border-top-color:#ccc; display:inline-block; vertical-align:-.03rem; margin-left:.1rem; }

.case-list { width:100%; padding:2% 0 .2rem; }
.case-list .list { width:100%; }
.case-list .item { float:left; margin:0 0 2% 2%; width:47%; background:#FFF; }
.case-list .item:active { box-shadow:0 0 5px 2px rgba(0,0,0,.1); }
.case-list .item a { display:block; padding:0 0 .1rem; }
.case-list .item figure { display:block; position:relative; width:100%; padding-bottom:63%; overflow:hidden; }
.case-list .item img { width:100%; position:absolute; left:0; top:0; }
.case-list .item h3 { font-weight:400; line-height:.4rem; color:#444; margin:0 .1rem; }
.case-list .item p { margin:0 .1rem; line-height:.4rem; color:#cdcdcd; }
.case-list .item span { margin-right:.2rem; padding:0 0 0 .4rem; }
.case-list .item span.hit { background:url(../../images/ico-hit.png) left center no-repeat; background-size:.35rem; }
.case-list .item span.zan { background:url(../../images/ico-zan.png) left center no-repeat; background-size:.35rem; }
.case-baojia, .case-list .loaded,
.case-mc-list .loaded { height:.8rem; line-height:.8rem; font-size:.22rem; text-align:center; background:#e1e2e5; margin:.2rem 10% 0; border-radius:3px; }
.case-baojia { display:block; background:#d0101b; color:#FFF !important; }
.case-baojia:active, .case-list .loaded:active, .case-mc-list .loaded:active { box-shadow:0 0 99rem rgba(0,0,0,.2) inset; }

.case-mc-list { width:100%; padding:2% 0 .2rem; }
.case-mc-list .list { margin-bottom:10px; }
.case-mc-list .list .item { float:left; width:30.666%; margin:0 0 2% 2%; border:1px solid #ddd; padding:15px 5px 20px; border-radius:10px; position:relative; background:#FFF; }
.case-mc-list .list .item:before { content:''; width:10px; height:10px; background:#fff; border:1px solid #e5e5e5; position:absolute; bottom:5px; left:50%; margin-left:-5px; border-radius:50%; }
.case-mc-list .list .item figure { width:100%; padding:0 0 160%; position:relative; overflow:hidden; border:1px solid #eee; }
.case-mc-list .list .item img { position:absolute; width:100%; height:auto; }

.case-fileter-list { position:fixed; left:0; top:0; width:100%; height:100%; background:#f1f2f4; z-index:9999; display:none; }
.case-fileter-list .head { position:fixed; left:0; top:0; width:100%; height:.8rem; line-height:.8rem; background:#0074d7; color:#FFF; }
.case-fileter-list .head dt { font-size:.24rem; margin:0 0 0 .2rem; font-weight:400; display:none; }
.case-fileter-list .head dt.current { display:block; }
.case-fileter-list .head .close { position:absolute; right:0; top:0; width:.8rem; height:.8rem; background:url(../../images/ico-close.png) center center no-repeat; background-size:.4rem; opacity:.9; overflow:hidden; text-indent:-99rem; }
.case-fileter-list .main { background:#FFF; }
.case-fileter-list .list { padding-top:.8rem; }
.case-fileter-list .list dd { padding:0 .2rem; height:.6rem; line-height:.6rem; border-bottom:1px solid #e5e5e5; position:relative; font-size:.22rem; }
.case-fileter-list .list dd:after { content:''; position:absolute; right:.24rem; top:50%; margin:-.1rem 0 0; width:.2rem; height:.2rem; background:none; border:.04rem solid #ddd; border-radius:50%; }
.case-fileter-list .list dd.current:after { border-color:#0074d7; }
.case-fileter-list .list dd:active { background:#f1f1f1; }
.case-fileter-list dl[color] span { display:block; width:1.2rem; height:.3rem; line-height:.3rem; position:relative; top:.15rem; overflow:hidden; text-indent:-99rem; }
.case-fileter-list dl[color] dd:nth-child(2) span { box-shadow:0 0 0 1px #ddd inset; }



/***********************************
 *** 案例详情页
 **********************************/

.case-page { margin-top:1rem;background:#FFF; border-bottom:1px solid #ddd; margin-bottom:.2rem; padding:.1rem .2rem 0; }
.case-page h1 { font-size:.24rem; margin-bottom:.1rem; }

.case-parameter { margin-bottom:.1rem; line-height:1.8; font-size:.22rem; }
.case-parameter dt { color:#ff3334; }

.case-parameter-button { width:100%; padding:0 0 .2rem; }
.case-parameter-button dd { float:left; width:47%; height:.6rem; line-height:.6rem; text-align:center; background:#ff9c00; margin:0 0 0 5%; border-radius:3px; }
.case-parameter-button dd:first-child { margin-left:0; }
.case-parameter-button a { display:block; color:#FFF; font-size:.22rem; }
.case-parameter-button dd:active { box-shadow:0 0 99rem rgba(0,0,0,0.2) inset; }

.case-tool { border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#FFF; margin-bottom:.2rem; }
.case-tool .list { padding:.4rem 0 .3rem; }
.case-tool dd { float:left; width:30.66%; margin:0 0 0 2%; text-align:center; }
.case-tool a { display:block; font-size:.22rem; }
.case-tool a:before { content:''; display:block; width:.6rem; height:.6rem; background:#CCC; margin:0 auto .1rem; border-radius:50%; }
.case-tool a.ico-zj:before { background:url(../../images/ico-tool-zj.png) center center no-repeat; background-size:contain; }
.case-tool a.ico-online:before { background:url(../../images/ico-tool-online.png) center center no-repeat; background-size:contain; }
.case-tool a.ico-lxb:before { background:url(../../images/ico-tool-lxb.png) center center no-repeat; background-size:contain; }

.case-recase { background:#fff; border-top:1px solid #ddd; }
.case-recase .head { height:.7rem; line-height:.7rem; font-size:.24rem; padding:0 0 0 .2rem; color:#199ad7; border-bottom:1px solid #ddd; }
.case-recase .list { width:100%; padding:2% 0 0; }
.case-recase .item { float:left; margin:0 0 2% 2%; width:30.66%; background:#FFF; }
.case-recase .item:active { }
.case-recase .item a { display:block; padding:0 0 .1rem; }
.case-recase .item figure { display:block; position:relative; width:100%; padding-bottom:63%; overflow:hidden; background: #eee; }
.case-recase .item img { width:100%; position:absolute; left:0; top:0; }
.case-recase .item h3 { font-weight:400; line-height:.4rem; color:#444; }
.case-recase .item p { line-height:.4rem; color:#cdcdcd; font-size:.18rem; }
.case-recase .item span { margin-right:.1rem; padding:0 0 0 .3rem; }
.case-recase .item span.hit { background:url(../../images/ico-hit.png) left center no-repeat; background-size:.25rem; }
.case-recase .item span.zan { background:url(../../images/ico-zan.png) left center no-repeat; background-size:.25rem; }

.case-article { padding:0 !important; }

.article-zan { padding:.1rem 0 .2rem; }
.article-zan .tip { margin:0 .1rem; line-height:.4rem; color:#cdcdcd; }
.article-zan .tip span { margin-right:.2rem; padding:0 0 0 .45rem; }
.article-zan .tip span.hit { background:url(../../images/ico-hit.png) left center no-repeat; background-size:.35rem; }
.article-zan .tip span.zan { background:url(../../images/ico-zan.png) left center no-repeat; background-size:.35rem; }
.article-zan .tip span.date { background:url(../../images/ico-date.png) left center no-repeat; background-size:.35rem; }

.article-zan .button { width:1rem; height:1rem; margin:0 auto; background:url(../../images/ico-zan-big.png) center center no-repeat; background-size:contain; }
.article-zan .button.checked { background:url(../../images/ico-zan-big-checked.png) center center no-repeat; background-size:contain; }





/***********************************
 *** 新闻列表页
 **********************************/

.news-tab { width:100%; background:#fff; }
.news-tab .list { width:100%; }
.news-tab .list li { float:left; width:25%; height:.7rem; line-height:.7rem; text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd; }
.news-tab .list li.current { border-bottom:3px solid #0074d7; }
.news-tab .list a { display:block; }

.news-view { width:100%; overflow:hidden; padding:2% 2% 0; background:#FFF; }
.news-view-main { width:100%; overflow:hidden; position:relative; }
.news-view .list { float:left; width:500%; }
.news-view .list li { float:left; width:20%; }
.news-view .list img { display:block; width:100%; }
.news-view .tip { width:90%; height:.2rem; line-height:.2rem; text-align:center; clear:both; display:none; position:absolute; left:5%; bottom:.2rem; }
.news-view .tip span { display:inline-block; vertical-align:middle; width:.14rem; height:.14rem; background:#fff; border-radius:50%; margin:0 .1rem; vertical-align:middle; }
.news-view .tip span.cur { background:#0080ca; }

.news-list { width:100%; background:#FFF; padding-bottom:.2rem; }
.news-list .list { width:100%; margin-bottom:.2rem; }
.news-list .item { padding:.15rem 2%; border-bottom:1px solid #ddd; }
.news-list .item:active { background:#f1f1f1; }
.news-list .item a { display:block; height:1.2rem; position:relative; padding:0 .4rem 0 1.75rem; background:url(../../images/arrow-grace.png) right center no-repeat; background-size:.15rem; }
.news-list .item figure { position:absolute; left:0; top:0; width:1.6rem; height:1.2rem; background:#FFF; overflow:hidden; }
.news-list .item img { display:block; width:100%; height:100%; }
.news-list .item h3 { height:.55rem; line-height:.45rem; font-size:.26rem; font-weight:400; color:#333; }
.news-list .item p { height:.6rem; line-height:.3rem; overflow:hidden; opacity:.8; text-align:justify; font-size:.22rem; }
.news-list .loaded { margin:0 2%; height:.6rem; line-height:.6rem; text-align:center; border:1px solid #ddd; color:#999; border-radius:3px; }


/***********************************
 *** 新闻详情页
 **********************************/
.news-page { background:#FFF; border-bottom:1px solid #ddd; margin-bottom:.2rem; }
.news-page h1 { padding:.2rem .2rem; border-bottom:1px solid #ddd; font-size:.24rem; }
.news-article { margin-bottom:.2rem; }
.article-relink { border-top:1px solid #ddd; margin:.2rem 0 0; padding:.2rem 0; }
.article-relink dd { height:.5rem; line-height:.5rem; }
.article-relink a { display:block; padding:0 2%; color:#333; }
.article-relink span { opacity:.5; }

.news-recase { background:#fff; border-top:1px solid #ddd; }
.news-recase .head { height:.7rem; line-height:.7rem; font-size:.24rem; padding:0 0 0 .2rem; color:#199ad7; border-bottom:1px solid #ddd; }
.news-recase .list { width:100%; margin-bottom:.2rem; }
.news-recase .item { padding:.15rem 2%; border-bottom:1px solid #ddd; }
.news-recase .item:active { background:#f1f1f1; }
.news-recase .item a { display:block; height:1.2rem; position:relative; padding:0 .4rem 0 1.75rem; background:url(../../images/arrow-grace.png) right center no-repeat; background-size:.15rem; }
.news-recase .item figure { position:absolute; left:0; top:0; width:1.6rem; height:1.2rem; background:#FFF; overflow:hidden; background: #eee; }
.news-recase .item img { display:block; width:100%; height:100%; }
.news-recase .item h3 { height:.55rem; line-height:.45rem; font-size:.22rem; font-weight:400; color:#333; }
.news-recase .item p { height:.6rem; line-height:.3rem; overflow:hidden; opacity:.8; text-align:justify; }



/***********************************
 *** 帮助频道页
 **********************************/
.helper-menu { padding:.5rem 0 0; }
.helper-menu h2 { font-size:.4rem; text-align:center; font-weight:normal; }
.helper-menu h2 + p { font-size:.28rem; text-align:center; color:#999; margin:0 0 .5rem; }
.helper-menu .list { padding:.4rem 0 0; background:#FFF; }
.helper-menu .list li { float:left; width:22.5%; margin:0 0 2% 2%; text-align:center; }
.helper-menu .list a { display:block; }
.helper-menu .list img { display:block; width:1rem; height:1rem; margin:0 auto; }
.helper-menu .list h3 { line-height:.8rem; font-size:.28rem; font-weight:normal; }


/***********************************
 *** 帮助列表页
 **********************************/
.helper-classify { }
.helper-classify .list { padding:2% 0 0; }
.helper-classify li { float:left; margin:0 0 2% 2%; width:30.33%; background:#FFF; text-align:center; border-radius:3px; }
.helper-classify a { display:block; height:.6rem; line-height:.6rem; }
.helper-classify li:active,
.helper-classify li.current { background:#00aef3; }
.helper-classify li.current a,
.helper-classify li:active a { color:#fff; }

.helper-list { background:#FFF; padding:.2rem; }
.helper-list .item { position:relative; border-bottom:1px solid #eee; padding:.15rem 0; }
.helper-list .item a { display:block; font-size:.28rem; line-height:.4rem; }
.helper-list .item span { display:block; line-height:.4rem; color:#999; }


/***********************************
 *** 帮助详情页
 **********************************/
.helper-page { background:#FFF; border-bottom:1px solid #ddd; margin-bottom:.2rem; }
.helper-page h1 { padding:.2rem 2%; border-bottom:1px solid #ddd; font-size:.3rem; }
.helper-page .article { margin-bottom:.2rem; }


/***********************************
 *** 产品专题页架构
 **********************************/
.topic { position:absolute; left:0; top: .7rem; bottom:.7rem; width:100%; background:#FFF; overflow:hidden; visibility:hidden; }
.topic .ui-item { position:relative; }
.topic .arrow { width:1.1rem; height:.7rem; position:fixed; left:50%; margin-left:-.55rem; bottom:0.8rem; z-index:8; background:url(../../images/page/ico-arrow.png) center center no-repeat; background-size:contain; -webkit-animation:arrow 1.5s infinite ease-in-out; -moz-animation:arrow 1.5s infinite ease-in-out; -ms-animation:arrow 1.5s infinite ease-in-out; animation:arrow 1.5s infinite ease-in-out; }
.topic-load { width:100%; position:fixed; left:0; top:0; bottom:0; background:#fff; z-index:11; }
.topic-load .center { width:120px; height:120px; position:absolute; left:50%; top:50%; margin:-60px 0 0 -60px;  }
.topic-load .load, .topic-load .icon { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background:url(../../images/page/topic-icon.png) center center no-repeat; background-size:contain; }
.topic-load .icon { -webkit-transform:scale(.9,.9); }
.topic-load .load { z-index:3; background:url(../../images/page/topic-load.png) center center no-repeat; background-size:contain; -webkit-animation:rotate .7s linear infinite; }

.topic-former {margin-top:80px; background:#eee; height:auto; }
.topic-former h2 { height:.6rem; line-height:.6rem; font-size:.24rem; background:#FFF; padding:0 .2rem; font-weight:400; border-bottom:1px solid #ddd; }
.topic-former .main { background:#FFF; border-bottom:1px solid #ddd; padding:.2rem; }
.topic-former .radio { padding:5px 0; margin-bottom:.2rem; }
.topic-former .radio dd { float:left; width:50%; position:relative; }
.topic-former .radio[cell='3'] dd { width:33.3333333333%; }
.topic-former .radio label { display:block; height:40px; line-height:40px; padding:0 0 0 30px; position:relative; }
.topic-former .radio input { position:absolute; left:0; top:0; opacity:0; background:none; width:100%; height:40px; }
.topic-former .radio label:before { content:''; width:20px; height:20px; background:#f7f7f7; position:absolute; left:0; top:10px; border:1px solid #e4e4e4; border-radius:3px; }
.topic-former .radio label.checked:before { background:url(../../images/rep-true.png) center center no-repeat #ed7017; border-color:#ed7017; background-size:11px; }
.topic-former .input { padding:0 0 .2rem; }
.topic-former .input dd  { margin-bottom:.2rem; position:relative; }
.topic-former .txt { width:100%; height:.6rem; background:#f7f7f7; color:#999; border:1px solid #ddd; border-radius:5px; padding:0 .2rem; color:#333; font-size:14px; }
.topic-former .submit { width:100%; height:.6rem; background:#e14848; color:#FFF; font-size:.24rem; border:0; border-radius:5px; }
.topic-former .submit:active { background:#c40606; }
.topic-former dd.required:before { content:'*'; position:absolute; right:8px; top:0; height:40px; line-height:40px; color:#e55959; }
.topic-former .foot { background:#FFF; border-top:1px solid #ddd; padding:10px 0 10px; }
.topic-former .foot dd { float:left; width:30.66%; margin:0 0 0 2%; text-align:center; }
.topic-former .foot a { display:block; font-size:14px; }
.topic-former .foot a:before { content:''; display:block; width:50px; height:50px; background:#CCC; margin:0 auto 5px; border-radius:50%; }
.topic-former .foot a.ico-zj:before { background:url(../../images/ico-tool-zj.png) center center no-repeat; background-size:contain; }
.topic-former .foot a.ico-online:before { background:url(../../images/ico-tool-online.png) center center no-repeat; background-size:contain; }
.topic-former .foot a.ico-lxb:before { background:url(../../images/ico-tool-lxb.png) center center no-repeat; background-size:contain; }
.topic-former .tag { background:#ffecbf; color:#fd5900; border-radius:3px; padding:10px; margin-bottom:2rem; }
.topic-former .gray { opacity:.3; }

@media (max-height:499px){
	.topic-former .foot { display:none; }
}





/***********************************
 *** 联系我们
 **********************************/

.page-contact { background:#FFF; margin-bottom:.2rem; border-bottom:1px solid #ddd; padding:0 0 .5rem; }

.page-contact .mode { position:relative; padding:.2rem 2rem .2rem 0; margin:0 2%; }
.page-contact .mode .qq { position:absolute; right:0; top:.2rem; line-height:1.2; width:1.9rem; text-align:center; }
.page-contact .mode .qq a { display:block; }
.page-contact .mode .qq a:after { content:''; display:block; margin:.1rem auto 0; width:.5rem; height:.5rem; background:url(../../images/ico-qiao.png) center center no-repeat; background-size:contain; }
.page-contact .mode .tel { border-right:1px solid #ddd; line-height:1.2; }
.page-contact .mode .tel span { display:block; font-size: .24rem; }
.page-contact .mode .tel strong { display:block; font-size:.3rem; color:#ed5656; font-weight:400; }

.page-contact .social { margin:0 2%; border-top:1px solid #ddd; padding:.2rem 0; }
.page-contact .social dd { float:left; margin-right:.3rem; height:.5rem; line-height:.5rem; }
.page-contact .social a { display:block; width:.5rem; height:.5rem; background:#CCC; border-radius:50%; }
.page-contact .social a.sina { background:url(../../images/ico-sina.png) center center no-repeat; background-size:contain; }
.page-contact .social a.weixin { background:url(../../images/ico-weixin.png) center center no-repeat; background-size:contain; }
.page-contact .social dt { width:2rem; clear:both; border:1px solid #ddd; margin:0 0 0 1.7rem; position:relative; top:.2rem; margin-bottom:.2rem; display:none; }
.page-contact .social dt img { width:100%; }
.page-contact .social dt:before { content:''; width:0; height:0; border:.15rem solid transparent; border-bottom-color:#ddd; position:absolute; top:-.3rem; left:.8rem; }
.page-contact .social dt:after { content:''; width:0; height:0; border:.15rem solid transparent; border-bottom-color:#fff; position:absolute; top:-.26rem; left:.8rem; }

.page-contact .address { margin:0 2%; }
.page-contact .address .head { line-height:1.2; padding:.2rem 0; border-top:1px solid #ddd; }
.page-contact .address .head h2 { font-size:.24rem; color:#ed5656; font-weight:400; }
.page-contact .address .head p { color:#999; }
.page-contact .address .list { border:1px solid #ddd; border-radius:0px; margin:0 0 -1px 0; }
.page-contact .address .list dt { padding:2%; height:.7rem; font-size:.24rem; position:relative; }
.page-contact .address .list dt:after { content:''; width:.7rem; height:.7rem; position:absolute; right:0; top:0; background:url(../../images/ico-more.png) center center / .25rem no-repeat; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); }
.page-contact .address .list dd { padding:2%; border-top:1px solid #ddd; display:none; }
.page-contact .address .list p { margin-bottom:.2rem; }
.page-contact .address .list:nth-child(2) { border-radius:5px 5px 0 0; }
.page-contact .address .list:last-child { border-radius:0 0 5px 5px; }
.page-contact .address .list.current dd { display:block; }
.page-contact .address .list.current dt:after { -webkit-transform:rotate(0); -moz-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); }



/***********************************
 *** 关于我们
 **********************************/

.page-about { background:#FFF; margin-bottom:.2rem; border-bottom:1px solid #ddd; padding:.2rem .2rem .5rem; }
.about-company { margin-bottom:.2rem; }
.about-company h2,
.about-company dt strong { font-size:.3rem; font-weight:400; line-height:1.8; }
.about-company p, .about-company dd, .about-company dt { line-height:1.8; }
.about-company dl { padding-top:.12rem; }
.about-company dl, .about-company p { display:none; }
.about-company p:nth-child(2) { display:block; }
.about-company .mo { width:100%; height:.4rem; background:url(../../images/ico-more.png) center center / contain no-repeat; margin:0 auto; }

.about-company-view { width:100%; overflow:hidden; position:relative; }
.about-company-view .list { float:left; width:500%; }
.about-company-view .list li { float:left; width:20%; position:relative; }
.about-company-view .list img { display:block; width:100%; }
.about-company-view .list span { position:absolute; left:0; bottom:0; width:100%; text-align:center; height:.6rem; line-height:.6rem; background:rgba(0,0,0,.7); color:#FFF; }
.about-company-view .tip { width:100%; height:.6rem; line-height:.14rem; text-align:center; clear:both; display:none; padding:.2rem 0; }
.about-company-view .tip span { display:inline-block; vertical-align:middle; width:.14rem; height:.14rem; background:#ccc; border-radius:50%; margin:0 .1rem; vertical-align:middle; }
.about-company-view .tip span.cur { background:#0080ca; }

.about-photo { margin-bottom:.2rem; }
.about-photo img { display:block; width:100%; }

.about-department { margin-bottom:.2rem; }
.about-department h2 { font-size:.3rem; color:#cf2827; text-align:center; }
.about-department h3 { font-size:.24rem; color:#999; font-weight:400; text-align:center; margin-bottom:.1rem; }
.about-department p { line-height:1.8; }

.about-department-view { width:100%; overflow:hidden; position:relative; }
.about-department-view .list { float:left; width:500%; }
.about-department-view .list li { float:left; width:20%; position:relative; }
.about-department-view .list img { display:block; width:100%; }
.about-department-view .list span { position:absolute; left:0; bottom:0; width:100%; text-align:center; height:.6rem; line-height:.6rem; background:rgba(0,0,0,.7); color:#FFF; }
.about-department-view .tip { width:100%; height:.6rem; line-height:.14rem; text-align:center; clear:both; display:none; padding:.2rem 0; }
.about-department-view .tip span { display:inline-block; vertical-align:middle; width:.14rem; height:.14rem; background:#ccc; border-radius:50%; margin:0 .1rem; vertical-align:middle; }
.about-department-view .tip span.cur { background:#0080ca; }



/***********************************
 *** IDC搜索
 **********************************/
.domain-container { background:#FFF; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:0 2%; }
.domain-sos {  }
.domain-sos .head { height:.7rem; line-height:.7rem; border-bottom:1px solid #ddd; margin:0 .05rem; }
.domain-sos .head span { color:#F30; }
.domain-sos .list {  }
.domain-sos .item { height:.7rem; line-height:.7rem; border-bottom:1px solid #ddd; margin:0 .1rem; }
.domain-sos .item:last-child { border-bottom:0; }



/***********************************
 *** 全站搜索
 **********************************/
.contr-search { height:.8rem; padding:.1rem .1rem; background:#FFF; position:relative; border-bottom:1px solid #ddd; margin-bottom:.2rem; }
.contr-search .io { height:.6rem; margin-right:1.1rem; }
.contr-search .txt { width:100%; height:.6rem; border:1px solid #ddd; padding:0 .1rem; border-radius:3px; }
.contr-search .txt:focus { border-color:#c8e6ff; }
.contr-search .search { position:absolute; right:.1rem; top:.1rem; }
.contr-search .submit { width:1rem; height:.6rem; background:url(../../images/sos.png) center center / .5rem no-repeat #0074d7; border:1px solid #0074d7; border-radius:3px; }
.contr-search .cancel { display:block; width:1rem; height:.6rem; line-height:.6rem; border-radius:3px; text-align:center; color:#0074d7; border-radius:3px; }
.contr-search .cancel + .submit { display:none; }
.contr-search .submit:active  { background-color:#e14948; border-color:#e14948; }
.contr-search .cancel:active  { background-color:#c8e6ff; }

.result-search { background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.result-search h2.key { height:.6rem; line-height:.6rem; margin:0 .1rem; font-weight:400; border-bottom:1px solid #ddd; }
.result-search h2.key span { color:#F30; }
.result-search .item { padding:0 .1rem; }
.result-search .item:active { background:#f1f1f1; }
.result-search .item a { display:block; border-bottom:1px solid #ddd; padding:.2rem 0; }
.result-search .item h3 { font-size:.26rem; font-weight:400; color:#0050b5; text-decoration:underline; margin-bottom:.1rem; }
.result-search .item .img { width:1.6rem; height:1.2rem; overflow:hidden; float:left; background:#fff; }
.result-search .item img { display:block; max-width:100%; max-height:100%; margin:auto; }
.result-search .item .summay { max-height:1.2rem; line-height:.3rem; font-size:.22rem; overflow:hidden; }
.result-search .item .summay span { opacity:.5; margin-right:.1rem; }
.result-search .item .url { color:#008027; font-size:.2; padding-top:.1rem; clear:both; }
.result-search .item[tmp='photo'] .summay { margin-left:1.8rem; }
.result-search .loaded { height:.8rem; line-height:.8rem; text-align:center; }
.result-search .loaded a { display:block; }
.result-search .loaded a:active { background:#f1f1f1; }

.dialog-search { position:fixed; left:0; top:0; right:0; bottom:0; background:#fff; z-index:20; display:block; display:none; }
.hot-search { background:#FFF; margin-top:-.2rem; border-top:.2rem solid #eee; }
.hot-search .head { height:.8rem; line-height:.8rem; border-top:1px solid #ddd; font-weight:700; font-size:.26rem; padding:0 .1rem; }
.hot-search .list { margin:0 .1rem; border-top:1px solid #ddd; padding:.2rem 0 0; }
.hot-search .list dd { float:left; margin:0 .2rem .2rem 0; }
.hot-search .list a { display:block; padding:0 .3rem; height:.6rem; line-height:.6rem; border-radius:.6rem; background:#ddd;  }
.hot-search .list a:active { background:#aaa; }