|
@@ -0,0 +1,757 @@
|
|
|
+@charset "utf-8";
|
|
|
+/*Reset 样式初始化*/
|
|
|
+html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
|
|
|
+br, input, button, textarea, h1, h2, h3, h4, h5,em{
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+ font-weight: normal;
|
|
|
+ font-style: normal;
|
|
|
+ font-size: 12px;
|
|
|
+ font-family:"微软雅黑","Tahoma";
|
|
|
+ vertical-align: baseline;
|
|
|
+ text-align:justify;
|
|
|
+ word-wrap:break-word;
|
|
|
+ text-justify:inter-ideograph
|
|
|
+}
|
|
|
+body{text-align:center}
|
|
|
+ul, ol, li, h1 {
|
|
|
+ line-height:normal;
|
|
|
+ list-style-image:none;
|
|
|
+ list-style-position:outside;
|
|
|
+ list-style-type:none
|
|
|
+}
|
|
|
+dl {
|
|
|
+ margin:0
|
|
|
+}
|
|
|
+dd {
|
|
|
+ margin-left:0
|
|
|
+}
|
|
|
+a {
|
|
|
+ outline:none;
|
|
|
+}
|
|
|
+a img {
|
|
|
+ border:0 none
|
|
|
+}
|
|
|
+img {
|
|
|
+ vertical-align:middle;
|
|
|
+ border:0px
|
|
|
+}
|
|
|
+table {
|
|
|
+ border-collapse:collapse
|
|
|
+}
|
|
|
+.clearfix:after {
|
|
|
+ content:".";
|
|
|
+ display:block;
|
|
|
+ height:0;
|
|
|
+ clear:both;
|
|
|
+ visibility:hidden
|
|
|
+}
|
|
|
+.clearfix {
|
|
|
+ display:inline-block;
|
|
|
+ overflow:hidden
|
|
|
+}
|
|
|
+.clearfix {
|
|
|
+ display:block
|
|
|
+}
|
|
|
+body {color:#666;background:#f8f8f8 url(bodybg.jpg) repeat}
|
|
|
+a {color:#3366cc;text-decoration:none}
|
|
|
+a:hover {color:#333}
|
|
|
+.width950{width:950px;margin:0 auto}
|
|
|
+/**/
|
|
|
+.clearB {clear:both}
|
|
|
+.fL {float:left}
|
|
|
+.fR {float:right}
|
|
|
+:link, *:visited, *:hover, *:active, *:focus {
|
|
|
+ -moz-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
|
|
|
+ -webkit-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
|
|
|
+ transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
|
|
|
+ -o-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
|
|
|
+}
|
|
|
+.colRed {color:#f70000}
|
|
|
+.colOrange {color:#ed8b00}
|
|
|
+.colYel {color:#d9a601}
|
|
|
+.colGreen{color:#17ab0c}
|
|
|
+.colGray{color:#999}
|
|
|
+.colBlue{color:#3172d9}
|
|
|
+.hide {display:none}
|
|
|
+
|
|
|
+.button {
|
|
|
+ float:left;
|
|
|
+ height:32px;
|
|
|
+ margin-right:10px;
|
|
|
+ padding:0px 30px;
|
|
|
+ line-height:32px;
|
|
|
+ text-align:center;
|
|
|
+ overflow:hidden;
|
|
|
+ font-weight:bold;
|
|
|
+ color:#FFF;
|
|
|
+ border-radius:3px;
|
|
|
+ text-shadow:0 1px rgba(0, 0, 0, 0.1);
|
|
|
+ text-decoration:none;
|
|
|
+ border:none;
|
|
|
+ cursor:pointer
|
|
|
+}
|
|
|
+input.button {
|
|
|
+ height: 35px;
|
|
|
+ line-height: 35px;
|
|
|
+}
|
|
|
+.button:hover{
|
|
|
+ color:#fff
|
|
|
+}
|
|
|
+.button.btn-blue{
|
|
|
+ background-color:#006fd8;
|
|
|
+ border-bottom:3px solid #014687
|
|
|
+}
|
|
|
+.button.btn-blue:hover{
|
|
|
+ background-color:#0076e4;
|
|
|
+}
|
|
|
+.button.btn-blue:active{
|
|
|
+ background-color:#014687;
|
|
|
+}
|
|
|
+.button.btn-red{
|
|
|
+ background-color:#E74C3C;
|
|
|
+ border-bottom:3px solid #C44133
|
|
|
+}
|
|
|
+.button.btn-red:hover{
|
|
|
+ background-color:#EC7063;
|
|
|
+}
|
|
|
+.button.btn-red:active{
|
|
|
+ background-color:#C44133;
|
|
|
+}
|
|
|
+.button.btn-green{
|
|
|
+ background-color:#1ABC9C;
|
|
|
+ border-bottom:3px solid #16A085
|
|
|
+}
|
|
|
+.button.btn-green:hover{
|
|
|
+ background-color:#48C9B0;
|
|
|
+}
|
|
|
+.button.btn-green:active{
|
|
|
+ background-color:#16A085;
|
|
|
+}
|
|
|
+.button.btn-dark{
|
|
|
+ background-color:#415B76;
|
|
|
+ border-bottom:3px solid #2c3e50
|
|
|
+}
|
|
|
+.button.btn-dark:hover{
|
|
|
+ background-color:#456a91;
|
|
|
+}
|
|
|
+.button.btn-dark:active{
|
|
|
+ background-color:#2c3e50;
|
|
|
+}
|
|
|
+/*global header*/
|
|
|
+.globalHeader {
|
|
|
+ background:#515b61;
|
|
|
+ height:30px
|
|
|
+}
|
|
|
+.globalNav a{
|
|
|
+ float:left;
|
|
|
+ height:30px;
|
|
|
+ line-height:30px;
|
|
|
+ padding:0 10px;
|
|
|
+ color:#eee;
|
|
|
+ position: relative;
|
|
|
+ cursor: pointer
|
|
|
+}
|
|
|
+.globalNav a:hover{
|
|
|
+ background:#666E70;
|
|
|
+ color:#fff
|
|
|
+}
|
|
|
+.globalNav a.now{
|
|
|
+ background:#E36335;
|
|
|
+ color:#fff;
|
|
|
+ font-weight:600
|
|
|
+}
|
|
|
+.globalNav .zhzd{
|
|
|
+ float:left;
|
|
|
+ height:30px;
|
|
|
+ position: relative;
|
|
|
+ z-index:999
|
|
|
+}
|
|
|
+.globalNav .zhzd a b{
|
|
|
+ border-color: #FFDDC9 transparent transparent;
|
|
|
+ border-right: 3px dashed transparent;
|
|
|
+ border-style: solid dashed dashed;
|
|
|
+ border-width: 3px 3px 0;
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 0;
|
|
|
+ height: 0;
|
|
|
+ line-height: 0;
|
|
|
+ width: 0;
|
|
|
+ position: relative;
|
|
|
+ top:-1px;
|
|
|
+ left:4px
|
|
|
+}
|
|
|
+.globalNav .zhzd .zhzdMenu{
|
|
|
+ position: absolute;
|
|
|
+ left:0;
|
|
|
+ top:29px;
|
|
|
+ background:#fff;
|
|
|
+ border:1px solid #ccc;
|
|
|
+ border-top:none;
|
|
|
+ box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
|
|
|
+ z-index: 0;
|
|
|
+ display:none
|
|
|
+}
|
|
|
+.globalNav .zhzd .zhzdMenu a{
|
|
|
+ width:100%;
|
|
|
+ padding:0;
|
|
|
+ text-align:center;
|
|
|
+ color:#3366cc
|
|
|
+}
|
|
|
+.globalNav .zhzd .zhzdMenu a:hover{
|
|
|
+ background:#f2f2f2
|
|
|
+}
|
|
|
+.globalNav .zhzd a.now{
|
|
|
+ background:#fff;
|
|
|
+ border:1px solid #ccc;
|
|
|
+ border-bottom:none;
|
|
|
+ border-top:none;
|
|
|
+ color:#3366cc;
|
|
|
+ z-index:10
|
|
|
+}
|
|
|
+/*indexBanner*/
|
|
|
+.indexBanner {
|
|
|
+ background:url(indexbanner.jpg) no-repeat center top;
|
|
|
+ height:418px
|
|
|
+}
|
|
|
+.indexBanner .width950{
|
|
|
+ position:relative
|
|
|
+}
|
|
|
+.indexBanner a.loginButton{
|
|
|
+ position:absolute;
|
|
|
+ right:0;
|
|
|
+ top:-40px;
|
|
|
+ border:1px solid #d75d49;
|
|
|
+ color:#d75d49;
|
|
|
+ padding:5px 20px
|
|
|
+}
|
|
|
+.indexBanner a.loginButton:hover{
|
|
|
+ background-color:#e8715e;
|
|
|
+ color: #fff
|
|
|
+}
|
|
|
+.indexBanner a.loginButton:active{
|
|
|
+ background-color:#bf3a25;
|
|
|
+ color: #fff
|
|
|
+}
|
|
|
+.sideBanner {
|
|
|
+ width:486px;
|
|
|
+ height:290px;
|
|
|
+ position: absolute;
|
|
|
+ right:81px;
|
|
|
+ top:24px
|
|
|
+}
|
|
|
+.signButton {
|
|
|
+ position:absolute;
|
|
|
+ top:232px;
|
|
|
+ left:20px
|
|
|
+}
|
|
|
+.panelLogin {
|
|
|
+ float:left
|
|
|
+}
|
|
|
+.panelLogin a{
|
|
|
+ width:187px;
|
|
|
+ height:58px;
|
|
|
+ display:inline-block;
|
|
|
+ *display:inline;
|
|
|
+ zoom:1;
|
|
|
+ background:url(globalIcon.png) no-repeat 0 -20px
|
|
|
+}
|
|
|
+.panelLogin a:hover{
|
|
|
+ background-position:0 -78px;
|
|
|
+}
|
|
|
+.panelLogin a:active{
|
|
|
+ background-position:0 -136px;
|
|
|
+}
|
|
|
+.panelSign {
|
|
|
+ margin:0 0 0 200px
|
|
|
+}
|
|
|
+.panelSign p{
|
|
|
+ margin:4px 0 4px 0
|
|
|
+}
|
|
|
+.panelSign a{
|
|
|
+ width:118px;
|
|
|
+ height:33px;
|
|
|
+ display:inline-block;
|
|
|
+ *display:inline;
|
|
|
+ zoom:1;
|
|
|
+ background:url(globalIcon.png) no-repeat -187px -20px
|
|
|
+}
|
|
|
+.panelSign a:hover{
|
|
|
+ background-position:-187px -53px;
|
|
|
+}
|
|
|
+.panelSign a:active{
|
|
|
+ background-position:-187px -86px;
|
|
|
+}
|
|
|
+.indexDownload {
|
|
|
+ background:#f5f5f5 url(globalIcon.png) repeat-x 0 -194px;
|
|
|
+ position: relative;
|
|
|
+ margin:40px 0 0 0
|
|
|
+}
|
|
|
+.indexDownload .warpDownload{
|
|
|
+ background:url(globalIcon.png) repeat-x 0 260px;
|
|
|
+ *background:url(globalIcon.png) repeat-x 0 260px;
|
|
|
+ _background:url(globalIcon.png) repeat-x 0 272px;
|
|
|
+ padding:20px 0
|
|
|
+}
|
|
|
+.warpDownload li{
|
|
|
+ width:420px;
|
|
|
+ height:50px;
|
|
|
+ float:left;
|
|
|
+ padding:15px 25px
|
|
|
+}
|
|
|
+.warpDownload li:hover{
|
|
|
+ background:#fff
|
|
|
+}
|
|
|
+.warpDownload li a{
|
|
|
+ float:right;
|
|
|
+ color:#fff;
|
|
|
+ background-color:#E36335;
|
|
|
+ padding:1px 5px;
|
|
|
+ margin:20px 0 0 0
|
|
|
+}
|
|
|
+.warpDownload li a:hover{
|
|
|
+ background-color:#ff6501;
|
|
|
+}
|
|
|
+.warpDownload li a:active{
|
|
|
+ background-color:#D05100;
|
|
|
+}
|
|
|
+.warpDownload li a.info{
|
|
|
+ border-right:1px solid #fff;
|
|
|
+ display:none
|
|
|
+}
|
|
|
+.warpDownload li h2 {
|
|
|
+ font-size:18px;
|
|
|
+ color:#414141;
|
|
|
+ margin:0 0 5px 65px
|
|
|
+}
|
|
|
+.warpDownload li h3 {
|
|
|
+ font-size:14px;
|
|
|
+ color:#a8a8a8;
|
|
|
+ margin:0 0 0 65px
|
|
|
+}
|
|
|
+.warpDownload li b{
|
|
|
+ float:right;
|
|
|
+ color:#fff;
|
|
|
+ background-color:#999;
|
|
|
+ padding:1px 5px;
|
|
|
+ margin:20px 0 0 0
|
|
|
+}
|
|
|
+.indexIcon {
|
|
|
+ background:url(globalIcon.png) no-repeat;
|
|
|
+ width:48px;
|
|
|
+ height:48px;
|
|
|
+ position:absolute
|
|
|
+}
|
|
|
+.idIcon {
|
|
|
+ background-position:-187px -119px;
|
|
|
+ left:50%;
|
|
|
+ margin:0 0 0 -24px;
|
|
|
+ top:-37px
|
|
|
+}
|
|
|
+.isIcon {
|
|
|
+ background-position:-236px -119px;
|
|
|
+ right:50%;
|
|
|
+ margin:0 -24px 0 0;
|
|
|
+ top:-50px
|
|
|
+}
|
|
|
+.indexSlide {
|
|
|
+ margin:40px 0 0 0;
|
|
|
+ position: relative
|
|
|
+}
|
|
|
+.footer{
|
|
|
+ margin:20px 0
|
|
|
+}
|
|
|
+.footer p{
|
|
|
+ text-align:center
|
|
|
+}
|
|
|
+.warpLogin .loginItem,.warpProfile .formContent{background:#fff}
|
|
|
+.warpLogin .loginSlide {
|
|
|
+ padding: 40px 0 0 40px;
|
|
|
+ width: 280px;
|
|
|
+}
|
|
|
+.warpLogin .loginSlide p {
|
|
|
+ line-height: 50px;
|
|
|
+}
|
|
|
+.warpLogin .loginForm {
|
|
|
+ border-right: 1px dashed #E2E2E2;
|
|
|
+ margin: 0 320px 0 30px;
|
|
|
+ padding: 20px 0 150px;
|
|
|
+}
|
|
|
+.warpLogin .loginForm h3 {
|
|
|
+ border-left: 2px solid #FF6501;
|
|
|
+ font-size: 18px;
|
|
|
+ padding: 3px 8px;
|
|
|
+}
|
|
|
+.warpLogin .loginForm dt {
|
|
|
+ font-size: 14px;
|
|
|
+ margin: 20px 0 5px;
|
|
|
+}
|
|
|
+.loginForm dd .inputText {
|
|
|
+ font-size: 14px;
|
|
|
+ width: 300px;
|
|
|
+}
|
|
|
+.formItem li input.inputText,.inputText {
|
|
|
+ background:url(inputBg.png) repeat-x 0 0;
|
|
|
+ height:28px;
|
|
|
+ line-height:28px;
|
|
|
+ border:1px solid #dcdcdc;
|
|
|
+ border-top-color:#abadb3;
|
|
|
+ border-left-color:#abadb3;
|
|
|
+ border-radius:3px;
|
|
|
+ -moz-border-radius:3px;
|
|
|
+ -webkit-border-radius:3px;
|
|
|
+ padding:0 5px;
|
|
|
+ color:#999;
|
|
|
+ font-size: 14px
|
|
|
+}
|
|
|
+.formItem li input.inputText:focus,.inputText:focus {
|
|
|
+ border-color:#ff6501;
|
|
|
+ background:#fff;
|
|
|
+ color:#333;
|
|
|
+ font-weight:600;
|
|
|
+}
|
|
|
+.formItem li {
|
|
|
+ border-bottom: 1px dotted #E2E2E2;
|
|
|
+ padding: 15px 0 15px 20px;
|
|
|
+ position:relative
|
|
|
+}
|
|
|
+.formItem li .fL {
|
|
|
+ color: #676767;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
+ height: 32px;
|
|
|
+ line-height: 32px;
|
|
|
+ width: 125px;
|
|
|
+}
|
|
|
+.formItem li select {
|
|
|
+ -moz-border-bottom-colors: none;
|
|
|
+ -moz-border-left-colors: none;
|
|
|
+ -moz-border-right-colors: none;
|
|
|
+ -moz-border-top-colors: none;
|
|
|
+ border-color: #ABADB3 #DCDCDC #DCDCDC #ABADB3;
|
|
|
+ border-image: none;
|
|
|
+ border-right: 1px solid #DCDCDC;
|
|
|
+ border-style: solid;
|
|
|
+ border-width: 1px;
|
|
|
+ color: #999999;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ padding: 5px 3px;
|
|
|
+ vertical-align: bottom;
|
|
|
+}
|
|
|
+.formItem li input.inputDis,.loginForm input.inputDis {
|
|
|
+ background: none repeat scroll 0 0 #F2F2F2;
|
|
|
+}
|
|
|
+.formItem li input.erroT, .formItem li select.erroT {
|
|
|
+ border-color: #E9322E;
|
|
|
+ box-shadow: 0 0 4px #E9322E;
|
|
|
+ color: #E9322E;
|
|
|
+}
|
|
|
+.formItem li span.erroT {
|
|
|
+ background: none repeat scroll 0 0 #E9322E;
|
|
|
+ border-radius: 0 0 5px 5px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ left: 150px;
|
|
|
+ padding: 0 5px;
|
|
|
+ position: absolute;
|
|
|
+ bottom:-2px;
|
|
|
+}
|
|
|
+.formItem .formExtra {
|
|
|
+ background: none repeat scroll 0 0 #E5EDEF;
|
|
|
+ margin: 0 0 0 125px;
|
|
|
+ padding: 8px;
|
|
|
+}
|
|
|
+.formItem .formExtra p {
|
|
|
+ margin: 0 0 5px;
|
|
|
+}
|
|
|
+.formItem .formExtra i {
|
|
|
+ margin: 0 10px;
|
|
|
+}
|
|
|
+.formTips{
|
|
|
+ background: #FFFBCC;
|
|
|
+ border: 1px solid #E6DB55;
|
|
|
+ color: #666452;
|
|
|
+ padding: 8px 12px;
|
|
|
+ margin:5px 20px 5px 0
|
|
|
+}
|
|
|
+.loginItem dd select {
|
|
|
+ -moz-border-bottom-colors: none;
|
|
|
+ -moz-border-left-colors: none;
|
|
|
+ -moz-border-right-colors: none;
|
|
|
+ -moz-border-top-colors: none;
|
|
|
+ border-color: #ABADB3 #DCDCDC #DCDCDC #ABADB3;
|
|
|
+ border-image: none;
|
|
|
+ border-radius: 2px 2px 2px 2px;
|
|
|
+ border-right: 1px solid #DCDCDC;
|
|
|
+ border-style: solid;
|
|
|
+ border-width: 1px;
|
|
|
+ color: #999999;
|
|
|
+ outline: medium none;
|
|
|
+ padding: 7px;
|
|
|
+ vertical-align: bottom;
|
|
|
+}
|
|
|
+.loginItem .globalForm{
|
|
|
+ padding-bottom:100px;
|
|
|
+ margin-top:10px
|
|
|
+}
|
|
|
+.userInfoPanel {
|
|
|
+ margin:20px auto 5px
|
|
|
+}
|
|
|
+.userInfoPanel p{
|
|
|
+ text-align:right;
|
|
|
+ margin:10px 0 0 0
|
|
|
+}
|
|
|
+.formContent {
|
|
|
+ margin-top:10px;
|
|
|
+ background:#fff
|
|
|
+}
|
|
|
+.formContent .slidebar {
|
|
|
+ float: left;
|
|
|
+ width: 180px;
|
|
|
+ margin:20px 0 0 0
|
|
|
+}
|
|
|
+.formContent .slidebar li {
|
|
|
+ margin: 1px 0;
|
|
|
+ padding: 0 10px 0 0;
|
|
|
+}
|
|
|
+.formContent .slidebar li.now {
|
|
|
+ background: none repeat scroll 0 0 #f5f5f5;
|
|
|
+}
|
|
|
+.formContent .slidebar li a {
|
|
|
+ color: #666666;
|
|
|
+ display: block;
|
|
|
+ font-size: 14px;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ padding: 0 0 0 10px;
|
|
|
+}
|
|
|
+.formContent .slidebar li a:hover{
|
|
|
+ color:#ff6501
|
|
|
+}
|
|
|
+.formContent .slidebar li.now a {
|
|
|
+ color: #FF6501;
|
|
|
+}
|
|
|
+.formContent .slidebar li a.userProfile {
|
|
|
+ background-position: right 0;
|
|
|
+}
|
|
|
+.formContent .mainContent {
|
|
|
+ border-left: 1px solid #E2E2E2;
|
|
|
+ margin: 0 0 0 180px;
|
|
|
+}
|
|
|
+.mainContent .globalForm {
|
|
|
+ padding:15px 0 60px
|
|
|
+}
|
|
|
+.mainContent .globalForm .formTips{
|
|
|
+ margin-left:20px
|
|
|
+}
|
|
|
+.mainContent .globalForm h3 {
|
|
|
+ border-left: 2px solid #FF6501;
|
|
|
+ font-size: 18px;
|
|
|
+ padding: 3px 8px;
|
|
|
+ margin:0 20px
|
|
|
+}
|
|
|
+.statistical {
|
|
|
+ margin:10px 20px;
|
|
|
+ padding:10px;
|
|
|
+ background:#f9f9f9
|
|
|
+}
|
|
|
+.statistical table {
|
|
|
+ width:80%;
|
|
|
+ margin:0 0 10px 0
|
|
|
+}
|
|
|
+.statistical table th{
|
|
|
+ width:90px
|
|
|
+}
|
|
|
+.accuntTipe{
|
|
|
+ padding:5px 8px;
|
|
|
+ background:#34495E;
|
|
|
+ color:#fff;
|
|
|
+ margin:0 30px 10px 0
|
|
|
+}
|
|
|
+.accuntTipe a{
|
|
|
+ color:#fff;
|
|
|
+ border-bottom:1px dashed #fff;
|
|
|
+ padding:0 3px
|
|
|
+}
|
|
|
+.accuntConfirm {
|
|
|
+ margin:20px 30px 0 0;
|
|
|
+ padding:20px 0 20px 150px;
|
|
|
+ border-top:1px dashed #E2E2E2;
|
|
|
+ background:#f2f2f2
|
|
|
+}
|
|
|
+.accuntConfirm p{
|
|
|
+ font-size:18px;
|
|
|
+ margin:0 0 10px 0
|
|
|
+}
|
|
|
+.accuntConfirm p span{
|
|
|
+ display:inline-block;
|
|
|
+ *display:inline;
|
|
|
+ zoom:1;
|
|
|
+ width:140px;
|
|
|
+ text-align:right
|
|
|
+}
|
|
|
+.accuntConfirm .button{
|
|
|
+ margin:20px 0 0 50px
|
|
|
+}
|
|
|
+
|
|
|
+.modal-backdrop {
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ z-index: 1040;
|
|
|
+ background-color: #000
|
|
|
+}
|
|
|
+
|
|
|
+.modal-backdrop.fade {
|
|
|
+ opacity: 0
|
|
|
+}
|
|
|
+
|
|
|
+.modal-backdrop,.modal-backdrop.fade.in {
|
|
|
+ opacity: .8;
|
|
|
+ filter: alpha(opacity=80)
|
|
|
+}
|
|
|
+
|
|
|
+.modal {
|
|
|
+ position: fixed;
|
|
|
+ top: 10%;
|
|
|
+ left: 50%;
|
|
|
+ z-index: 1050;
|
|
|
+ width: 560px;
|
|
|
+ margin-left: -280px;
|
|
|
+ background-color: #fff;
|
|
|
+ border: 1px solid #999;
|
|
|
+ border: 1px solid rgba(0,0,0,0.3);
|
|
|
+ *border: 1px solid #999;
|
|
|
+ -webkit-border-radius: 6px;
|
|
|
+ -moz-border-radius: 6px;
|
|
|
+ border-radius: 6px;
|
|
|
+ outline: 0;
|
|
|
+ -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
|
|
|
+ -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
|
|
|
+ box-shadow: 0 3px 7px rgba(0,0,0,0.3);
|
|
|
+ -webkit-background-clip: padding-box;
|
|
|
+ -moz-background-clip: padding-box;
|
|
|
+ background-clip: padding-box
|
|
|
+}
|
|
|
+
|
|
|
+.modal.fade {
|
|
|
+ top: -25%;
|
|
|
+ -webkit-transition: opacity .3s linear,top .3s ease-out;
|
|
|
+ -moz-transition: opacity .3s linear,top .3s ease-out;
|
|
|
+ -o-transition: opacity .3s linear,top .3s ease-out;
|
|
|
+ transition: opacity .3s linear,top .3s ease-out
|
|
|
+}
|
|
|
+
|
|
|
+.modal.fade.in {
|
|
|
+ top: 10%
|
|
|
+}
|
|
|
+
|
|
|
+.modal-header {
|
|
|
+ padding: 9px 15px;
|
|
|
+ border-bottom: 1px solid #eee
|
|
|
+}
|
|
|
+
|
|
|
+.modal-header .close {
|
|
|
+ margin-top: 2px
|
|
|
+}
|
|
|
+
|
|
|
+.modal-header h3 {
|
|
|
+ margin: 0;
|
|
|
+ line-height: 30px
|
|
|
+}
|
|
|
+
|
|
|
+.modal-body {
|
|
|
+ position: relative;
|
|
|
+ max-height: 400px;
|
|
|
+ padding: 15px;
|
|
|
+ overflow-y: auto
|
|
|
+}
|
|
|
+
|
|
|
+.modal-form {
|
|
|
+ margin-bottom: 0
|
|
|
+}
|
|
|
+
|
|
|
+.modal-footer {
|
|
|
+ padding: 14px 15px 15px;
|
|
|
+ margin-bottom: 0;
|
|
|
+ text-align: right;
|
|
|
+ background-color: #f5f5f5;
|
|
|
+ border-top: 1px solid #ddd;
|
|
|
+ -webkit-border-radius: 0 0 6px 6px;
|
|
|
+ -moz-border-radius: 0 0 6px 6px;
|
|
|
+ border-radius: 0 0 6px 6px;
|
|
|
+ *zoom: 1;
|
|
|
+ -webkit-box-shadow: inset 0 1px 0 #fff;
|
|
|
+ -moz-box-shadow: inset 0 1px 0 #fff;
|
|
|
+ box-shadow: inset 0 1px 0 #fff
|
|
|
+}
|
|
|
+
|
|
|
+.modal-footer:before,.modal-footer:after {
|
|
|
+ display: table;
|
|
|
+ line-height: 0;
|
|
|
+ content: ""
|
|
|
+}
|
|
|
+
|
|
|
+.modal-footer:after {
|
|
|
+ clear: both
|
|
|
+}
|
|
|
+
|
|
|
+.modal-footer .btn+.btn {
|
|
|
+ margin-bottom: 0;
|
|
|
+ margin-left: 5px
|
|
|
+}
|
|
|
+
|
|
|
+.modal-footer .btn-group .btn+.btn {
|
|
|
+ margin-left: -1px
|
|
|
+}
|
|
|
+
|
|
|
+.modal-footer .btn-block+.btn-block {
|
|
|
+ margin-left: 0
|
|
|
+}
|
|
|
+.area-button {
|
|
|
+ display:inline-block;
|
|
|
+ height:30px;
|
|
|
+ line-height: 30px;
|
|
|
+ padding:0 10px;
|
|
|
+ cursor: pointer;
|
|
|
+ font-size: 14px
|
|
|
+}
|
|
|
+.area-dorpdown.hover .area-button{
|
|
|
+ background:#e2e2e2;
|
|
|
+ color: #E36335
|
|
|
+}
|
|
|
+.area-dorpdown .area-warp {
|
|
|
+ width:360px;
|
|
|
+ padding:10px 0 10px 10px;
|
|
|
+ position:absolute;
|
|
|
+ top:45px;
|
|
|
+ left:145px;
|
|
|
+ z-index: 999;
|
|
|
+ border:1px solid #E2E2E2;
|
|
|
+ background:#fff;
|
|
|
+ display:none;
|
|
|
+}
|
|
|
+.area-dorpdown.hover .area-warp{
|
|
|
+ display:block;
|
|
|
+}
|
|
|
+.area-content-list div.item {
|
|
|
+ float:left;
|
|
|
+ width:60px;
|
|
|
+ padding:2px 0;
|
|
|
+}
|
|
|
+.area-content-list div.item a{
|
|
|
+ float:left;
|
|
|
+ padding:5px 8px;
|
|
|
+ color:#666;
|
|
|
+}
|
|
|
+.area-content-list div.item a:hover{
|
|
|
+ background-color:#E36335;
|
|
|
+ color:#fff;
|
|
|
+}
|
|
|
+
|
|
|
+.area-content-list div.item a.select{
|
|
|
+ background-color:#E36335;
|
|
|
+ color:#fff;
|
|
|
+}
|