www.gusucode.com > 金融基金黄金投资类网站织梦模板源码（demo127） > 金融基金黄金投资类网站织梦模板源码（demo127）/www7/skin/css/ui.css
/* AB模版网 做最好的织梦整站模板下载网站 */
/* 网址：Www.AdminBuy.Cn */
/* QQ：9490489 */
/* ui组件样式 */
/* loading状态图标 */
.ui-loading {
width: 230px;
height: 25px;
color: #666;
border: 1px solid #ccc;
background: url(../images/loading.gif) center 12px no-repeat #FAFAFA;
overflow: hidden;
z-index: 9999;
text-align: center;
padding-top: 25px;
color: #333;
opacity: 0.7;
filter: alpha(opacity=70);
}
/* 小图标 */
.ui-ico {
display: inline-block;
background: url(../images/ui-ico.png) no-repeat;
}
.ui-ico-hotline {
background-position: -5px -5px;
height: 26px;
width: 26px;
}
.ui-ico-weixin {
background-position: -5px -41px;
height: 26px;
width: 26px;
}
.ui-ico-numbg {
background-position: -5px -75px;
height: 25px;
width: 25px;
}
.ui-ico-lquotes {
background-position: -5px -110px;
height: 15px;
width: 20px;
}
.ui-ico-rquotes {
background-position: -5px -134px;
height: 15px;
width: 20px;
}
.ui-ico-user {
background-position: -5px -159px;
height: 32px;
width: 32px;
}
.ui-ico-income {
background-position: -5px -193px;
height: 32px;
width: 32px;
}
.ui-ico-active {
background-position: -5px -235px;
height: 32px;
width: 32px;
}
.ui-ico-prompt {
background-position: -5px -277px;
height: 36px;
width: 36px;
}
.ui-ico-close {
background-position: -5px -323px;
height: 26px;
width: 26px;
}
.ui-ico-idcardN {
background-position: -5px -358px;
height: 15px;
width: 20px;
}
.ui-ico-idcardY {
background-position: -5px -383px;
height: 15px;
width: 20px;
}
.ui-ico-mailN {
background-position: -5px -458px;
height: 15px;
width: 20px;
}
.ui-ico-mailY {
background-position: -5px -483px;
height: 15px;
width: 20px;
}
.ui-ico-shapeN {
background-position: -5px -408px;
height: 15px;
width: 20px;
}
.ui-ico-shapeY {
background-position: -5px -433px;
height: 15px;
width: 20px;
}
.ui-ico-linearrow {
background: url(../images/linearrow.png) no-repeat;
height: 224px;
width: 14px;
}
.ui-ico-success {
width:30px;
height:30px;
background-position: -152px -334px;
}
.ui-ico-error {
width:30px;
height:30px;
background-position: -122px -334px;
}
.ui-ico-warning {
width:30px;
height:30px;
background-position: -61px -334px;
}
.ui-ico-query {
width:30px;
height:30px;
background-position: -92px -334px;
}
.ui-ico-yes_rz {
width:96px;
height:96px;
background-position: -151px -383px;
}
.ui-ico-no_rz {
width:96px;
height:96px;
background-position: -45px -383px;
}
.ui-arrow-down {
background:url(../images/select_right5.gif) no-repeat;
width:28px;
height:39px;
display:inline-block;
cursor:pointer;
}
/* 小图标 */
/* 三角形 */
.ui-arrow {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-color: rgba(255,255,255,0);
border-color: transparent\0;
_border-color: tomato;
_filter: chroma(color=tomato);
border-style: solid;
overflow: hidden;
border-width: 6px 6px 6px 6px;
}
/* 按钮 */
.ui-btn-01 {
background: none scroll 0 0 #d0021b;
cursor: pointer;
border: none;
color: #fff;
height: 40px;
line-height: 40px;
text-align: center;
width: 180px;
display: inline-block;
}
.ui-btn-01:hover {
background: #c50114;
}
.ui-btn-02 {
background: none scroll 0 0 #d0021b;
cursor: pointer;
border: none;
color: #fff;
height: 138px;
line-height: 138px;
text-align: center;
width: 120px;
display: inline-block;
border-radius: 0 0 20px 0;
}
.ui-btn-03 {
background: none scroll 0 0 #d0021b;
cursor: pointer;
border: none;
color: #fff;
height: 40px;
line-height: 40px;
text-align: center;
width: 252px;
display: inline-block;
border-radius: 5px;
font-size: 18px;
cursor: pointer;
}
.ui-btn-03 a {
color:#ffffff
}
.ui-btn-04 {
background: none scroll 0 0 #69b3f2;
cursor: pointer;
}
.ui-btn-03:hover {
background: #c50114;
}
.ui-btn-04:hover {
background: #7cbdf5;
}
.ui-btn-05 {
background: none scroll #d0021b;
cursor: pointer;
padding: 2px 10px;
color: #fff;
border-radius: 3px;
}
.ui-btn-05:hover {
background: none scroll 0 0 #c50114;
}
.ui-btn-06 {
border:none;
background: none scroll #d0021b;
cursor: pointer;
padding: 5px 15px;
color: #fff;
border-radius: 3px;
}
.ui-btn-06:hover {
background: none scroll 0 0 #c50114;
}
.ui-btn-07 {
background: none scroll 0 0 #FF6600;
cursor: pointer;
border: none;
color: #fff;
height: 40px;
line-height: 40px;
text-align: center;
width: 200px;
display: inline-block;
border-radius: 5px;
font-size: 18px;
cursor: pointer;
}
.ui-btn-07:hover {
background:#DC5A03
}
.ui-btn-08 {
background: none scroll 0 0 #4990E2;
cursor: pointer;
border: none;
color: #fff;
height: 35px;
line-height: 35px;
text-align: center;
width: 120px;
display: inline-block;
border-radius: 5px;
font-size: 14px;
font-weight:none;
font-family:宋体;
cursor: pointer;
}
.ui-btn-08:hover {
background:#1065BE
}
.ui-btn-09 {
border:none;
background: none scroll #d0021b;
cursor: pointer;
padding: 5px 80px;
color: #fff;
border-radius: 5px;
line-height:40px;
font-size:18px;
font-weight:bold;
font-family:"microsoft yahei";
}
.ui-btn-09:hover {
background: none scroll 0 0 #c50114;
}
.ui-btn-10 {
background: none scroll 0 0 #4990E2;
cursor: pointer;
border: none;
color: #fff;
height: 40px;
line-height: 40px;
text-align: center;
width: 150px;
display: inline-block;
border-radius: 5px;
font-size: 16px;
font-family:"Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei";
cursor: pointer;
}
.ui-btn-10:hover {
background:#1065BE
}
.ui-btn-11 {
background: none scroll 0 0 #4990E2;
cursor: pointer;
border: none;
color: #fff;
height: 40px;
line-height: 40px;
text-align: center;
width: 200px;
display: inline-block;
border-radius: 5px;
font-size: 18px;
cursor: pointer;
}
.ui-btn-11:hover {
background:#1065BE
}
.ui-btn-12 {
background: none scroll 0 0 #dc1e1e;
cursor: pointer;
border: none;
color: #fff;
height: 40px;
line-height: 40px;
text-align: center;
width: 252px;
display: inline-block;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
}
/* 按钮 */
/* 搜索框 */
/* 文本框 */
.ui-txt01 {
width: 240px;
padding: 5px;
background: none scroll 0 0 #fff;
border: 1px solid #979797;
height: 28px;
font-size: 14px;
}
.ui-txt02 {
width: 348px;
padding: 5px;
background: none scroll 0 0 #fff;
border: 1px solid #979797;
height: 28px;
font-size: 14px;
}
.ui-gray {
background: none scroll 0 0 #f0f0f0;
border: 1px solid #ddd;
}
/* 文本框 */
/* 下拉框 */
.ui-select01 {
padding:10px 5px;
}
/* 下拉框 */
/* 选项卡 */
.ui-tab-01 {
background: #fff;
height: 58px;
line-height: 58px;
}
.ui-tab-01 .ui-tab-each {
display: inline-block;
width: 106.6px;
height: 58px;
text-align: center;
color: #999;
font-size: 18px;
}
.ui-tab-cont-each {
display: none;
}
.ui-tab-01 .ui-tab-select {
background: none scroll 0 0 #e2e2e2;
color: #000;
}
.ui-tab-02 {
background: #fff;
margin-top: 35px;
}
.ui-tab-02 .ui-tab-each02 {
display: inline-block;
background: none scroll 0 0 #f0f0f0;
border-radius: 0 0 20px 0;
height: 58px;
line-height: 58px;
width: 220px;
text-align: center;
margin-top: 15px;
color: #444;
font-size: 18px;
}
.ui-tab-02 .ui-tab-select02 {
background: none scroll 0 0 #d0021b;
color: #fff;
}
.ui-tab-03 {
background: #fff;
margin-top: 20px;
border-top: 1px solid #d8d8d8;
}
.ui-tab-03 .ui-tab-each03 {
display: inline-block;
background: none scroll 0 0 #fff;
height: 47px;
line-height: 47px;
width: 100%;
letter-spacing:2px;
color: #444;
font-size: 16px;
text-align:center
}
.ui-tab-03 .ui-tab-select03 {
background: none scroll 0 0 #f0f0f0;
}
.ui-tab-03 .ui-tab-selecting {
color:#d0021b;
}
.ui-tab-04 {
background: url(../images/user_bg01.png) repeat-x;
height: 49px;
}
.ui-tab-04 .ui-tab-each04 {
display: inline-block;
height: 47px;
line-height: 47px;
width: 120px;
color: #444;
font-size: 16px;
text-align: center;
}
.ui-tab-04 .ui-tab-select04 {
border-bottom: 2px solid #d0021b;
}
.ui-tab-0401 {
height: 49px;
border-bottom:1px solid #f0f0f0
}
.ui-tab-0401 .ui-tab-each04 {
display: inline-block;
height: 49px;
line-height: 49px;
background: url(../images/user_bg02.png) repeat-x;
width: 120px;
color: #444;
font-size: 16px;
margin-right:2px;
text-align: center;
}
.ui-tab-0401 .ui-tab-select04 {
background:#ffffff
}
.ui-tab-05 {
background: none scroll 0 0 #E0071A;
border:none;
height:58px;
line-height:58px;
display:block;
text-align:center
}
.ui-tab-05 .ui-tab-each05 {
color:#ffffff;
font-size:16px;
font-weight:bold;
letter-spacing:2px;
}
.ui-tab-05 a {
color:#ffffff
}
.ui-tab-03 .btborder {
border-bottom:1px solid #CACACA
}
/* 选项卡 */
/* 表格 */
.ui-table {
}
.ui-table table {
width: 100%;
background: #fff;
}
.ui-table .ui-table-list {
overflow: auto;
background: #fff;
}
.ui-table .ui-table-header th {
background: #f0f0f0;
height: 58px;
font-size: 16px;
}
.ui-table .ui-table-content td {
border: 1px solid #d0d0d0;
border-left: none;
border-right: none;
height: 78px;
font-size: 14px;
table-layout: fixed;
word-break: break-all;
color: #444;
}
.ui-table .ui-table-content tr:hover {
background: #e2f2ff;
}
/* 表格 */
/* page模块 */
.ui-page {
}
.ui-page a {
background: none scroll 0 0 #f0f0f0;
padding:10px 15px;
color: #555;
text-align: center;
margin-left: 0px;
font-size: 14px;
}
.ui-page .hover {
background: none scroll 0 0 #d0021b;
color: #fff;
text-align: center;
font-size: 14px;
}
.ui-page a:hover {
background: none scroll 0 0 #d0021b;
color: #fff;
}
.ui-page .ui-pageTo {
width: 66px;
}
.ui-page .ui-pageEnd {
background: none scroll 0 0 #f0f0f0;
display: inline-block;
width: 66px;
height: 36px;
color: #bbb;
line-height: 36px;
text-align: center;
margin-left: 10px;
font-size: 14px;
}
/* page模块 */
/* 用户登录 */
.ui-form {
}
.ui-form .ui-formTop {
border-bottom: 1px solid #979797;
height: 50px;
line-height: 50px;
position: relative;
font-size: 21px;
}
.ui-form .ui-formTop .ui-formTit {
padding: 0 50px 0 20px;
border-bottom: 2px solid #d0021b;
position: absolute;
bottom: -1px;
}
.ui-form .ui-formBox {
position: relative;
}
.ui-form .ui-formBox .ui-formItem {
}
/* 用户登录 */
/* 步骤 */
.ui-stepsBox {
padding: 0px 20px;
font-size: 18px;
}
.ui-stepsBox .ui-steps01 {
display: inline-block;
width: 300px;
height: 45px;
line-height: 45px;
text-align: center;
color: #fff;
background: url(../images/ui-ico.png) no-repeat scroll -60px -5px;
}
.ui-stepsBox .ui-steps02 {
display: inline-block;
width: 300px;
height: 45px;
line-height: 45px;
text-align: center;
color: #fff;
background: url(../images/ui-ico.png) no-repeat scroll -60px -60px;
}
.ui-stepsBox .ui-steps03 {
display: inline-block;
width: 300px;
height: 45px;
line-height: 45px;
text-align: center;
color: #fff;
background: url(../images/ui-ico.png) no-repeat scroll -60px -115px;
}
.ui-stepsBox .ui-stepsOn01 {
background-position: -370px -5px;
}
.ui-stepsBox .ui-stepsOn02 {
background-position: -370px -60px;
}
.ui-stepsBox .ui-stepsOn03 {
background-position: -370px -115px;
}
.ui-stepsBox01 {
padding: 0px 0px 0 5px;
font-size: 14px;
}
.ui-stepsBox01 .ui-steps01 {
display: inline-block;
width: 230px;
height: 45px;
line-height: 45px;
text-align: center;
color: #fff;
background: url(../images/ui-ico.png) no-repeat scroll -60px -170px;
}
.ui-stepsBox01 .ui-steps02 {
display: inline-block;
width: 230px;
height: 45px;
line-height: 45px;
text-align: center;
color: #fff;
background: url(../images/ui-ico.png) no-repeat scroll -60px -225px;
}
.ui-stepsBox01 .ui-steps03 {
display: inline-block;
width: 230px;
height: 45px;
line-height: 45px;
text-align: center;
color: #fff;
background: url(../images/ui-ico.png) no-repeat scroll -60px -280px;
}
.ui-stepsBox01 .ui-stepsOn01 {
background-position: -300px -170px;
}
.ui-stepsBox01 .ui-stepsOn02 {
background-position: -300px -225px;
}
.ui-stepsBox01 .ui-stepsOn03 {
background-position: -300px -280px;
}
/* 步骤 */
/* 弹窗覆盖层 */
.ui-layer {
background: none scroll 0 0 #000;
filter: alpha(opacity=30);
opacity: 0.3;
background: none scroll 0 0 rgba(0,0,0,.3);
z-index: 10;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
/* 弹窗组件 */
.ui-dialog {
background: #fff;
overflow: hidden;
position: relative;
z-index: 11;
}
.ui-dialog .ui-dialog-header {
background: none scroll 0 0 #d0021b;
height: 58px;
line-height: 58px;
position: relative;
}
.ui-dialog .ui-dialog-header .ui-title {
color: #fff;
font-size: 21px;
padding-left: 60px;
}
.ui-dialog .ui-dialog-header .ui-title .ui-ico {
position: absolute;
left: 10px;
top: 11px;
}
.ui-dialog .ui-dialog-header .ui-ico-close {
cursor: pointer;
}
.ui-dialog .ui-dialog-header .ui-sysbtn {
position: absolute;
right: 0px;
top: 0;
}
.ui-dialog .ui-dialog-header .ui-sysbtn .ui-ico {
position: absolute;
top: 16px;
right: 20px;
}
.ui-dialog .ui-dialog-content {
background: #fff;
}
/* 弹窗组件 */
/* 快速提示 */
.ui-msgtip {
min-width:100px;
border-radius:5px;
position:absolute;
height:60px;
padding-left:50px;
padding-right:15px;
line-height:60px;
background-color:rgba(0,0,0,0.5);
background-color:#000\9;
filter:alpha(opacity=50);
color:#fffff;
z-index:999999999;
*zoom:1;
}
.ui-msgtip .ui-ico {
position:absolute;
left:10px;
top:15px;
}
/* 快速提示 */
/* 上传按钮 */
.ui-upload {
position:relative;
display:inline-block;
overflow:hidden;
padding:5px 0;
}
.ui-upload .ui-upload-file {
position:absolute;
right:0;
top:0;
opacity:0;
filter:alpha(opacity=0);
font-size:100px;
line-height:100px;
}
/* 上传按钮 */
/* 幻灯 */
.ui-slide {
overflow:hidden;
}
.ui-slide .slide-each {
display:block;
text-align:center;
width:100%;
}
.ui-slideNav {
text-align:center;
}
.ui-slideNav a {
cursor:pointer;
display:inline-block;
margin:5px 2px;
width:58px;
height:6px;
overflow:hidden;
background-color:#fff;
}
.ui-slideNav a.select {
background-color:#d0021b;
}
/* 幻灯 */
/* 银行选择下拉框 */
.ui-banks {
border:1px solid #979797;
display:inline-block;
height:40px;
width:360px;
line-height:40px;
position:relative;
}
.ui-banks .ui-arrow-down {
position:absolute;
right:0;
top:0;
}
.ui-banks .ui-bank-select {
padding:5px;
display:inline-block;
width: 100%;
box-sizing: border-box;
}
.ui-banks .ui-banklist {
display:none;
position:absolute;
top:40px;
background-color:#fff;
left:-1px;
z-index:999;
border:1px solid #979797;
padding:10px;
width:450px;
overflow:hidden;
*zoom:1;
}
.ui-banks .ui-banklist li {
width:148px;
text-align:center;
border:solid 1px #fff;
height:30px;
padding:10px 0;
float:left;
cursor:pointer;
}
.ui-banks .ui-banklist li:hover {
border:solid 1px #0087ef;
}
/* 银行选择下拉框 */