/** * Copyright (c) 2005, 2016, EVECOM Technology Co.,Ltd. All rights reserved. * EVECOM PROPRIETARY/CONFIDENTIAL. Use is subject to license terms. * @authors Heroic Du (dsj@evecom.net) * @created 2016-03-09 * @version 0.0.1 * @desc PC端UI基础样式表 */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;} body{margin:0;} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;} audio,canvas,progress,video{display:inline-block;vertical-align:baseline;} audio:not([controls]){display:none;height:0;} [hidden],template{display:none;} a{background-color:transparent;} a:active,a:hover{outline:0;} abbr[title]{border-bottom:1px dotted;} b,strong{font-weight:bold;} dfn{font-style:italic;} h1{font-size:2em;margin:0.67em 0;} mark{background:#ff0;color:#000;} small{font-size:80%;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} mg{border:0;} svg:not(:root){overflow:hidden;} figure{margin:1em 40px;} hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} pre{overflow:auto;} code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;} button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;} button{overflow:visible;} button,select{text-transform:none;} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;} button[disabled],html input[disabled]{cursor:default;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} input{line-height:normal;} input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;} input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;} legend{border:0;padding:0;} textarea{overflow:auto;} optgroup{font-weight:bold;} /***全局样式***/ body{width:100%; height:100%;} input,button,select,textarea{font-family:inherit; font-size:inherit; line-height:inherit; outline:none;} a{text-decoration:none;} a:hover,a:focus{text-decoration:none;} figure{margin:0;} img{vertical-align:middle; border:none;} ol,ul,li{list-style:none; margin:0px; padding:0px;} textarea{resize:none;} .lfloat{float:left;} .rfloat{float:right;} /*IE下a:hover 背景闪烁*/ *html{overflow:-moz-scrollbars-vertical;/* _zoom:expression(function(ele){ele.style.zoom = "1"; document.execCommand("BackgroundImageCache",false,true)}(this))*/} /*清除浮动*/ .clearfix:after{content:''; display:block; height:0; clear:both; visibility:hidden;} .clearfix{*zoom:1; _zoom:1;} /***布局组件***/ .eui-layer1,.eui-layer2,.eui-layer3,.eui-layer4,.eui-layer5{*zoom:1; _zoom:1;} .eui-layer1:after,.eui-layer2:after,.eui-layer3:after.eui-layer4:after.eui-layer5:after{content:''; display:block; height:0; clear:both; visibility:hidden;} /*一列*/ .eui-layer1 .eui-col1{width:100%;} /*二列*/ .eui-layer2 .eui-col1,.eui-layer2 .eui-col2{float:left; width:50%;} /*三列*/ .eui-layer3 .eui-col1,.eui-layer3 .eui-col2,.eui-layer3 .eui-col3{float:left; width:33.33%;} /*四列*/ .eui-layer4 .eui-col1,.eui-layer4 .eui-col2,.eui-layer4 .eui-col3,.eui-layer4 .eui-col4{float:left; width:25%;} /*五列*/ .eui-layer5 .eui-col1,.eui-layer5 .eui-col2,.eui-layer5 .eui-col3,.eui-layer5 .eui-col4,.eui-layer5 .eui-col5{float:left; width:20%;} /* 低浏览器版本提醒 */ .ifie9{background:#eaeaad; display:none; display:block\9; text-align:center; height:30px; line-height:30px; letter-spacing:1px; width:100%; position:fixed; z-index:999} @media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {.ifie9{display:none}} .ifie9 a{color:#00a2ca} /***常规列表***/ .eui-list li{line-height:24px;} .eui-list li span{float:right; font-size:12px; color:#999;} /***图片列表***/ .eui-piclist{*zoom:1; _zoom:1;} .eui-piclist:after{content:'';display:block; height:0; clear:both; visibility:hidden;} .eui-piclist ul li{float:left; margin:0 6px;} .eui-piclist ul li p{line-height:20px; margin:6px 0; text-align:center;} .eui-piclist ul li img{display:block; width:224px; height:146px; overflow:hidden;} /***视频列表***/ .eui-videolist{*zoom:1; _zoom:1;} .eui-videolist:after{content:'';display:block; height:0; clear:both; visibility:hidden;} .eui-videolist ul li{float:left; margin:0 6px; position:relative;} .eui-videolist ul li p{line-height:36px; margin:0px; text-align:center;} .eui-videolist ul li img{display:block; width:224px; height:146px; overflow:hidden;} .eui-shade{position:absolute; top:0px; left:0px; width:224px; height:146px;/* background:url("/jrbqhlsjcom/images/shade.png") no-repeat center center;*/ display:none;} .eui-videolist a:hover .eui-shade{display:block; -webkit-animation-name:zoomIn; animation-name:zoomIn;} /***头条新闻组件样式***/ .eui-topnews{padding:10px 0;} .eui-topnews h3{text-align:center; font-size:18px; font-weight:400; font-family:'微软雅黑'; line-height:40px; margin:0px; padding:0px;} .eui-topnews p{text-indent:22px; line-height:20px; margin:0 5px;} /***分页组件样式***/ .eui-page span{display:inline-block; margin:0 2px; padding:0px;} .eui-page a{display:inline-block; padding:0 6px; margin:0 4px; border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px;} .eui-disabled{cursor:no-drop; color:#999 !important; background:none !important;} /***面包屑组件样式***/ .eui-crumb span{margin-right:8px;} .eui-crumb i{font-style:normal;} /***表单组件样式***/ .eui-input b,.eui-select b,.eui-textarea b,.eui-radio b,.eui-checkbox b{color:#F00;} .eui-input{display:table; margin-bottom:16px;} .eui-input label{display:table-cell; width:130px; text-align:right;} .eui-input input{display:table-cell; width:228px; height:28px; line-height:28px; padding:0 4px; border:1px solid #ccc;} .eui-select{display:table; margin-bottom:16px;} .eui-select label{display:table-cell; width:130px; text-align:right;} .eui-select select{display:table-cell; width:90px; height:28px; line-height:28px; padding:6px 3px; border:1px solid #ccc;} .eui-textarea{display:table; margin-bottom:16px;} .eui-textarea label{display:table-cell; width:130px; text-align:right; vertical-align:top;} .eui-textarea textarea{display:table-cell; border:1px solid #ccc;} .eui-radio{display:table; margin-bottom:16px;} .eui-radio .eui-radiolaber{display:table-cell; width:130px; text-align:right;} .eui-radio input{vertical-align:middle;} .eui-checkbox{display:table; margin-bottom:16px;} .eui-checkbox .eui-checkboxlaber{display:table-cell; width:130px; text-align:right;} .eui-checkbox input{vertical-align:middle;} /***条件选择组件样式***/ .eui-selecttype{padding:5px 10px; margin:0 auto;} .eui-selecttype li{padding:10px 0 5px 120px;} .eui-selecttype dl{zoom:1; position:relative; line-height:24px; margin:0px;} .eui-selecttype dl:after{content:" "; display:block; clear:both; height:0; overflow:hidden} .eui-selecttype dt{width:120px; margin-bottom:5px; position:absolute; top:0; left:-120px; text-align:right; height:24px; line-height:24px} .eui-selecttype dd{float:left; display:inline; margin:0 0 5px 5px;} .eui-selecttype a{display:inline-block; white-space:nowrap; height:24px; padding:0 10px; text-decoration:none; border-radius:2px;} .eui-selecttype a:hover{color:#ff791f; background:#fdd7bd; transition:all 0.2s;} .eui-selecttype li{border-bottom:1px dashed #ddd;} .eui-selecttype .eui-selecttypeOn a{color:#fff; background:#ff791f;} /***轮换图组件样式***/ .eui-slide{position:relative; width:100%; overflow:hidden;} .eui-slide .eui-sd-pic{position:relative; z-index:0;} .eui-slide .eui-sd-pic img{width:100%; display:block; vertical-align:top;} .eui-slide .eui-sd-txt-bg{position:absolute; bottom:0; z-index:1; height:36px; width:100%; background:#333; filter:alpha(opacity=40); opacity:0.4; overflow:hidden;} .eui-slide .eui-sd-txt {position:absolute; bottom:0; z-index:2; height:36px; width:100%; overflow:hidden; } .eui-slide .eui-sd-txt li{height:36px; line-height:36px; position:absolute; bottom:-36px;} .eui-slide .eui-sd-txt li a{display:block; color:#fff; padding: 0 0 0 10px; font-size:12px; font-weight:bold; text-decoration:none;} .eui-slide .hd{width:100%; position:absolute; bottom:10px; text-align:right; font-size:0; z-index:3; padding:0 10px; box-sizing:border-box;} .eui-slide .hd li{display:inline-block; *display:inline; margin:0 5px; width:10px; height:10px; overflow:hidden; background:#cae6f9; zoom:1; border-radius:50%;} .eui-slide .hd .on{background:#22a9ff;} .eui-slide .eui-sd-prev,.eui-slide .eui-sd-next{width:40px; height:90px; text-align:center; line-height:90px; color:#fff; font-size:60px; margin:-60px 0 0 0; display:none; background:#000; position:absolute; top:50%; z-index:10; cursor:pointer; filter:alpha(opacity=20); opacity:0.2;} .eui-slide .eui-sd-prev{left:0;} .eui-slide .eui-sd-next{right:0;} .eui-slide .eui-sd-prev:hover,.eui-slide .eui-sd-next:hover{filter:alpha(opacity=50) !important; opacity:0.5!important;} /***书签切换组件样式***/ .eui-tabmore .hd{position: relative;} .eui-tabmore .hd ul li{float:left; display:inline; text-align:center; cursor:pointer;} .eui-tabmore .hd ul .on a{} .eui-tabmore .hd .eui-more{float:right; font-size:12px; margin-right:10px;} /***(图片、文字)滚动组件样式***/ .eui-marquee{position:relative; overflow:hidden;} .eui-marquee .eui-mqe-prev,.eui-marquee .eui-mqe-next{width:20px; height:40px; text-align:center; line-height:40px; color:#fff; font-size:20px; margin:-20px 0 0 0; display:none; background:#000; position:absolute; top:50%; z-index:10; cursor:pointer; filter:alpha(opacity=20); opacity:0.2; *zoom:1; _zoom:1;} .eui-marquee .eui-mqe-prev{left:10px;} .eui-marquee .eui-mqe-next{right:10px;} .eui-marquee .eui-mqe-prev:hover,.eui-marquee .eui-mqe-next:hover{filter:alpha(opacity=50) !important; opacity:0.5!important;} /* 备注:当切换前后没内容时,隐藏左右箭头 .eui-marquee .nextStop,.eui-marquee .prevStop{display:none !important;} */ /***表格组件***/ .eui-table{width:100%; border-collapse:collapse; border:1px solid #e1e1e1; font-size:14px;} .eui-table thead tr th{height:30px; line-height:30px; border:1px solid #e1e1e1; background:#f3f3f3;} .eui-table tbody tr th{line-height:20px; padding:8px 5px; border:1px solid #e1e1e1; text-align:right; font-weight:400; background:#f6f6f6;} .eui-table tbody tr font{color:#F00;} .eui-table tbody tr td{line-height:20px; padding:8px 5px; border:1px solid #e1e1e1;} /***贴吧列表组件***/ .eui-tiebalist ul li{padding:12px 0;} .eui-tblistimg{float:left; width:62px; text-align:center;} .eui-tblistimg img{width:42px; height:42px; vertical-align:top;} .eui-tblisttxt{position:relative; margin-left:62px;} .eui-tblisttxt h3{margin:0px; height:24px; line-height:24px; font-size:14px; font-weight:400;} .eui-tblisttxt p{font-size:12px; color:#646464; line-height:22px; margin:0px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .eui-tbinfo{font-size:12px; color:#969696; height:24px; line-height:24px;} .eui-tbinfo i{display:inline-block; width:20px; height:20px; margin:-4px 0 0 0; vertical-align:middle;} /*.eui-tbname{background:url("/jrbqhlsjcom/images/tb-icon.png") no-repeat 0 0;}*/ /*.eui-tbreply{background:url("/jrbqhlsjcom/images/tb-icon.png") no-repeat -20px 0;}*/ /*.eui-tblook{background:url("/jrbqhlsjcom/images/tb-icon.png") no-repeat -40px 0;}*/ /***贴吧详细组件***/ .eui-tbconhd{padding:16px 30px; border-bottom:1px solid #e6e6e6;} .eui-tbconhd h3{font-size:18px; margin:5px 0; height:30px; line-height:30px;} .eui-tbinfobtn li{float:left; display:inline; margin-right:12px; font-size:12px;} .eui-tbinfobtn li a{display:block; padding:0 16px; color:#969696; height:22px; line-height:22px; border:1px solid #e6e6e6; border-radius:3px;} .eui-tbinfobtn li a:hover{border:1px solid #fc5151; color:#fff; background:#fc5151; transition:all 0.2s ease;} .eui-tbconbd ul li{padding:16px; border-bottom:1px solid #e6e6e6; *zoom:1; _zoom:1;} .eui-tbconbd ul li:after{content:'';display:block;height:0;clear:both;visibility:hidden;} .eui-tbconimg{float:left; width:100px; text-align:center;} .eui-tbconimg img{width:80px; height:80px; vertical-align:top;} .eui-tbcontxt{position:relative; margin-left:110px;} .eui-tbcontxt h3{margin:0px; line-height:30px; font-size:16px; color:#323232;} .eui-tbcontxt h3 span{font-weight:400; color:#969696;} .eui-tbcontxt p{margin:8px 0; min-height:120px; line-height:22px; font-size:14px; color:#323232;} .eui-reply{text-align:right; color:#969696; font-size:12px;} .eui-replywrapper{padding-top:10px; text-align:left; /*background:url("/jrbqhlsjcom/images/arrow-top.png") no-repeat right top;*/} .eui-replywrapper .eui-tbconbd{padding:8px 16px; background:#f7f7f7;} .eui-replywrapper .eui-tbconbd ul li{padding:8px 0;} .eui-replywrapper .eui-tbconimg{width:60px;} .eui-replywrapper .eui-tbconimg img{width:40px; height:40px;} .eui-replywrapper .eui-tbcontxt{margin-left:60px;} .eui-replywrapper .eui-tbcontxt h3{margin:0px; line-height:28px; font-size:14px; font-weight:400;} .eui-replywrapper .eui-tbcontxt p{margin:0; min-height:22px; line-height:22px; font-size:14px; color:#323232;} .eui-replycon{text-align:right;} .eui-replycon textarea{width:100%; height:52px; border:2px solid #e6e6e6; padding:5px; color:#323232; margin:0 0 6px 0; box-sizing:border-box; -webkit-box-sizing:border-box;} .eui-replycon a{display:inline-block; padding:0 14px; height:22px; line-height:22px; text-align:center; color:#646464;} .eui-tbpage{height:20px; margin:8px 0;} .eui-tbpage a{display:inline-block; margin:0 4px;} /***发表回复组件***/ .eui-publish{padding:0 50px;} .eui-publish h3{font-size:18px; font-weight:400;} .eui-publish textarea{width:100%; height:112px; border:1px solid #e6e6e6; padding:5px; color:#323232; margin:0 0 6px 0; box-sizing:border-box; -webkit-box-sizing:border-box;} .eui-publish span{float:left; margin-left:10px; color:#969696; font-size:12px; line-height:32px;} .eui-publish a{float:right; display:inline-block; width:80px; height:32px; line-height:32px; text-align:center;} .eui-publish a:hover{transition:background 0.2s ease;} /***投票组件***/ .eui-votetitle,.eui-voteipt{text-align:center;} .eui-votetitle h1{font-size:22px; font-weight:400; margin:10px 0;} .eui-votesmall{font-size:12px; height:24px; line-height:23px; margin-bottom:20px; color:#969696;} .eui-votesmall span{display:inline-block; height:24px; padding-left:14px; margin-right:10px;/* background:url("/jrbqhlsjcom/images/click.png") no-repeat left;*/} .eui-votesmall label{display:inline-block; height:24px; padding-left:16px;/* background:url("/jrbqhlsjcom/images/time.png") no-repeat left;*/} .eui-votestate{text-indent:24px; line-height:28px;} .eui-votelist{margin-bottom:40px;} .eui-votelist ul li label{margin:0 10px 0 20px; line-height:20px;} .eui-votelist ul li label input{vertical-align:middle; margin-top:-2px;} .eui-voteipt input{width:100px; height:24px; line-height:24px; padding:0 5px; vertical-align:middle;} .eui-voteipt img{width:60px; height:28px; margin-left:10px;} .eui-voteipt a{display:inline-block; padding:0 20px; height:32px; line-height:32px;} /***文章组件***/ .eui-detailtitle{text-align:center;} .eui-detailtitle h1{font-size:22px; line-height:30px; font-weight:400; margin:0px;} .eui-detailtitle p{padding:10px 0; line-height:26px; font-size:14px; border-bottom:1px solid #ddd; color:#999; margin:0px;} .eui-detailtitle p a{color:#999; margin:0 3px;} .eui-detailtitle p .eui-on,.eui-detailbtn span{color:#F00;} .eui-detailcon{padding:10px 20px; margin-bottom:10px; border-bottom:1px dotted #ddd;} .eui-detailbtn{float:right; height:28px; line-height:28px;}