|
|
/** |
|
|
base |
|
|
**/ |
|
|
|
|
|
html,body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,button,textarea,p,span,table,th,td,form{margin:0;padding:0} |
|
|
body,input,button,select,textarea{font:12px/1.5 "Microsoft Yahei","Helvetica Neue";color:#34495e; |
|
|
-webkit-font-smoothing: antialiased; |
|
|
-moz-osx-font-smoothing: grayscale; |
|
|
-moz-font-feature-settings: "liga","kern";} |
|
|
table{border-collapse:collapse;border-spacing:0} |
|
|
img,a img{border:0} |
|
|
a{color:#369;outline:medium none;text-decoration:none;} |
|
|
a:hover{text-decoration:none} |
|
|
label{cursor:pointer} |
|
|
ul li,.ol li{list-style:none} |
|
|
em,cite,i{font-style:normal} |
|
|
p{word-wrap: break-word; word-break: break-all;} /*全部英文å—符下自动æ¢è¡Œ*/ |
|
|
|
|
|
/* 去除Chromeç‰æµè§ˆå™¨æ–‡æœ¬æ¡†é»˜è®¤å‘光边框 */ |
|
|
input:focus, textarea:focus {outline: none;} |
|
|
/* 去除IE10+æµè§ˆå™¨æ–‡æœ¬æ¡†åŽé¢çš„å°å‰å‰ */ |
|
|
input::-ms-clear {display: none;} |
|
|
/* ç¦æ¢å¤šè¡Œæ–‡æœ¬æ¡†textarea拖拽 */ |
|
|
textarea {resize: none;} |
|
|
|
|
|
/* ==å…¨å±€é€šç”¨æ ·å¼== */ |
|
|
|
|
|
/* é¿å…å› åå…ƒç´ æµ®åŠ¨è€Œå¯¼è‡´çš„çˆ¶å…ƒç´ é«˜åº¦ç¼ºå¤±èƒ½é—®é¢˜ */ |
|
|
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; } |
|
|
|
|
|
/* 浮动 */ |
|
|
.z { float: left !important; } |
|
|
.y { float: right !important; } |
|
|
|
|
|
/* é¼ æ ‡æ ·å¼ï¼Œå¯ä»¥æ ¹æ®éœ€è¦æŒ‰åºæ·»åŠ */ |
|
|
.cur1 { cursor: pointer; } |
|
|
|
|
|
/* 显示/éšè— */ |
|
|
.show { display: block !important; } |
|
|
.hide { display: none !important; } |
|
|
|
|
|
/* ç›¸å¯¹å®šä½ */ |
|
|
.pos { position: relative; } |
|
|
|
|
|
/* ç°è‰² */ |
|
|
.grays { |
|
|
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ |
|
|
-webkit-filter: grayscale(100%); /* chrome+ */ |
|
|
filter: grayscale(100%); /* 未æ¥æµè§ˆå™¨ */ |
|
|
filter: gray; /* ie6-8 */ |
|
|
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);/*ie6-9 */ |
|
|
} |
|
|
|
|
|
/* 通用容器,定义页é¢å®½åº¦ 具有 n, m, w 三个级别 */ |
|
|
.wpn { width: 1180px; margin: 0 auto; } /* 4 列 * 300 */ |
|
|
.wpm { width: 1480px; margin: 0 auto; } /* 5 列 * 300 */ |
|
|
.wpw { width: 1780px; margin: 0 auto; } /* 6 列 * 300 */ |
|
|
|
|
|
.wpf { width: 100%; max-width: 1260px; margin: 0 auto; } /* 4 列 * 300 */ /*实际宽度1180+å·¦å³è¾¹è·å„40*/ |
|
|
.wpf-row { width: 93.6507936%; margin: 0 3.1746031%;} /*1180/1260,40/1260*/ |
|
|
.row { width: 100% } |
|
|
|
|
|
/* 主体内容 */ |
|
|
.ct { display: block; min-height: 530px;} |
|
|
|
|
|
/* 主体内容 - 带边æ */ |
|
|
/*.ctn .mn { width: 880px; float: left; } |
|
|
.ctn .sd { width: 280px; float: right; }*/ |
|
|
.ctn .mn {margin:0 300px 0 0; padding-top: 20px;} |
|
|
.ctn .sd {position: absolute; right: 280px; top: 0; bottom: 0; } |
|
|
|
|
|
/* 文本属性:å—å·ã€é¢œè‰²ã€ç²—细ã€æ£æ–œ */ |
|
|
/* å—å· */ |
|
|
.f12 { font-size: 12px; } |
|
|
.f14 { font-size: 14px; } |
|
|
.f16 { font-size: 16px; } |
|
|
.f26 { font-size: 26px; } |
|
|
|
|
|
/* 颜色 */ |
|
|
.b8c5ce { color: #b8c5ce; } |
|
|
.ff8326 { color: #ff8326; } |
|
|
|
|
|
/* 粗细 */ |
|
|
.b { font-weight: bold; } |
|
|
|
|
|
/* æ£æ–œ */ |
|
|
.i { font-style: italic; } |
|
|
|
|
|
/* 外边è·æ ·å¼ï¼Œä½œç”¨äºŽå…ƒç´ 的上下外边è·ï¼Œä¸Šä¸‹å„具有 n, m, w 三个级别 */ |
|
|
.mtn { margin-top: 5px !important; } |
|
|
.mtm { margin-top: 10px !important; } |
|
|
.mtw { margin-top: 20px !important; } |
|
|
|
|
|
.mbn { margin-bottom: 5px !important; } |
|
|
.mbm { margin-bottom: 10px !important; } |
|
|
.mbw { margin-bottom: 20px !important; } |
|
|
|
|
|
.mrn { margin-right: 5px !important; } |
|
|
.mrm { margin-right: 10px !important; } |
|
|
.mrw { margin-right: 20px !important; }/*20/1180=1.6949152%*/ |
|
|
|
|
|
.mln { margin-left: 5px !important; } |
|
|
.mlm { margin-left: 10px !important; } |
|
|
.mlw { margin-left: 20px !important; } |
|
|
|
|
|
.mtbn { margin: 5px 0 !important; } |
|
|
.mtbm { margin: 10px 0 !important; } |
|
|
.mtbw { margin: 20px 0 !important; } |
|
|
|
|
|
.mlrn { margin: 0 5px !important; } |
|
|
.mlrm { margin: 0 10px !important; } |
|
|
.mlrw { margin: 0 20px !important; } |
|
|
|
|
|
|
|
|
/* 内边è·æ ·å¼ï¼Œä½œç”¨äºŽå…ƒç´ 的上下内边è·ï¼Œä¸Šä¸‹å„具有 n, m, w 三个级别 */ |
|
|
.ptn { padding-top: 5px !important; } |
|
|
.ptm { padding-top: 10px !important; } |
|
|
.ptw { padding-top: 20px !important; } |
|
|
|
|
|
.pbn { padding-bottom: 5px !important; } |
|
|
.pbm { padding-bottom: 10px !important; } |
|
|
.pbw { padding-bottom: 20px !important; } |
|
|
|
|
|
.ptbn { padding: 5px 0 !important; } |
|
|
.ptbm { padding: 10px 0 !important; } |
|
|
.ptbw { padding: 20px 0 !important; } |
|
|
|
|
|
.plrn { padding: 0 5px !important; } |
|
|
.plrm { padding: 0 10px !important; } |
|
|
.plrw { padding: 0 20px !important; } |
|
|
|
|
|
|
|
|
/* ==== 按钮 Buttons 2015-1-12==== */ |
|
|
.lang-btn { |
|
|
display: inline-block; |
|
|
position: relative; |
|
|
vertical-align: middle; |
|
|
cursor: pointer; |
|
|
white-space: nowrap; |
|
|
background-color: #3499DA; |
|
|
height: 40px; |
|
|
line-height: 40px; |
|
|
font-size: 16px; |
|
|
color: #FFF; |
|
|
border: none; |
|
|
letter-spacing: 1px; |
|
|
overflow: hidden; |
|
|
text-align: center; |
|
|
border-radius:2px; |
|
|
} |
|
|
/* æ— èƒŒæ™¯æŒ‰é’® */ |
|
|
.lang-cancel{background:0;color:#2d3e50} |
|
|
/* å–消按钮 */ |
|
|
.lang-btn-none{background:#e4e9ed;color:#2d3e50;} |
|
|
.lang-btn-none:hover{background:#e4e9ed;color:#2d3e50;} |
|
|
|
|
|
.lang-btn-c{display:inline-block;position:relative;vertical-align:middle;cursor:pointer;white-space:nowrap;background:#e4e9ed;height:40px;line-height:40px; |
|
|
font-size:16px;color:#2d3e50;border:0;letter-spacing:1px;overflow:hidden;text-align:center;border-radius:2px} |
|
|
/* ä¿®æ”¹æŒ‰é’®çš„é»˜è®¤çŠ¶æ€ */ |
|
|
.lang-btn:active{outline:0;box-shadow:none} |
|
|
.lang-btn:focus{border:0;outline:0;box-shadow:none} |
|
|
.lang-btn:hover{text-decoration:none} |
|
|
|
|
|
/* ç«ç‹å…¼å®¹ */ |
|
|
.lang-btn::-moz-focus-inner {border: 0;padding: 0;} |
|
|
/* æˆåŠŸ */ |
|
|
.lang-btn-success { background-color: #4a993e; } |
|
|
/* 错误 */ |
|
|
.lang-btn-eroor { background-color: #b33630; } |
|
|
/* ä¸å¯æäº¤çŠ¶æ€ */ |
|
|
.lang-btn-disabled { background-color: #ddd; color: #777; cursor: default; } |
|
|
/* 展示 */ |
|
|
.lang-btn-show { background-color: #e4e9ed; color: #2d3e50; cursor: default; } |
|
|
/* å…³è” */ |
|
|
.lang-btn-relating { background-color: #b8c5ce; color: #2d3e50; } |
|
|
|
|
|
|
|
|
/* æŒ‰é’®æ–‡å— */ |
|
|
.lang-btn .lang-btn-content { padding: 0 30px; display: block; } |
|
|
/* 大的 */ |
|
|
.lang-btn-big .lang-btn-content { padding: 0 45px; } |
|
|
/* 巨大的 */ |
|
|
.lang-btn-huge { height: 50px; line-height: 50px; } |
|
|
.lang-btn-huge .lang-btn-content { padding: 0 45px; } |
|
|
/* 按钮的颜色 */ |
|
|
.lang-btn-col-blue{background:#3499DA;color:#fff;} |
|
|
.lang-btn-col-blue:hover{background:#3da2e3;color:#fff;} |
|
|
/* 固定宽度的 */ |
|
|
.lang-btn-fixed-small { width: 100px; } |
|
|
.lang-btn-fixed-small .lang-btn-content { padding: 0; } |
|
|
|
|
|
.lang-btn-fixed-big { width: 160px; } |
|
|
.lang-btn-fixed-big .lang-btn-content { padding: 0; } |
|
|
|
|
|
.lang-btn-fixed-Large { width: 100%; } |
|
|
.lang-btn-fixed-Large .lang-btn-content { padding: 0; } |
|
|
|
|
|
/* å°å—å·æŒ‰é’® 举报弹出框å†ç”¨ */ |
|
|
.submit-button{width:80px;height:40px;background:#3499da;color:#fff;font-size:14px;cursor:pointer;line-height:40px;border:0;border-radius:2px} |
|
|
.submit-button:hover{background:#3da2e3;transition:all .4s ease-in-out 0s} |
|
|
.submit-button:active{background:#2e93d4} |
|
|
.mini-button-disabble{width:80px;height:40px;background:#b8c5ce;color:#fff;font-size:14px;cursor:pointer;line-height:40px;border:0;border-radius:2px} |
|
|
.mini-button-disabble:hover{background:#c8d4db;transition:all .4s ease-in-out 0s} |
|
|
.mini-button-disabble:active{background:#a9b9c3} |
|
|
|
|
|
/* 按钮 Buttons END */ |
|
|
|
|
|
/* ==== è¡¨å• Input 框 2015-2-28==== 以å‰çš„颜色b8c4ce*/ |
|
|
.lang-input{padding:14px 15px;height:20px;border:#e4e9ed 1px solid;border-radius:2px;background:#fff;color:#5d6d7e;font-size:16px;line-height:20px;box-sizing: content-box;} |
|
|
|
|
|
.lang-input:focus { |
|
|
border: 1px solid #3498db; |
|
|
box-shadow: 0 0 4px rgba(41, 128, 185, 0.4); |
|
|
} |
|
|
/* 焦点/æˆåŠŸ */ |
|
|
.lang-input-on, .lang-input-success { |
|
|
border: #3498db 1px solid; |
|
|
box-shadow: 0 0 4px rgba(41, 128, 185, 0.4); |
|
|
color: #34495e; |
|
|
} |
|
|
/* 错误 */ |
|
|
.lang-input-error { |
|
|
border: #fcab2b 1px solid; |
|
|
box-shadow: 0 0 4px rgba(252, 171, 43, 0.4); |
|
|
} |
|
|
|
|
|
/* form 表å•å›ºå®šå®½åº¦ */ |
|
|
.w520 { width: 488px; } /* 实际宽度520-内边è·å·¦å³å„15px-边框2 */ |
|
|
.w880 { width: 848px; } /* 实际宽度520-内边è·å·¦å³å„15px-边框2 */ |
|
|
.w580 { width: 548px; } /* 实际宽度520-内边è·å·¦å³å„15px-边框2 */ |
|
|
|
|
|
/* textarea使用 */ |
|
|
.h164 { height: 130px; } |
|
|
.lh20 { line-height: 24px; } |
|
|
|
|
|
.lang-must{ position: absolute; right: 11px; color: #FD8335!important; line-height: 50px!important;} |
|
|
/* è¡¨å• Input 框 END */ |
|
|
|
|
|
/* ====注册输入框 2015-1-12==== */ |
|
|
.login-icon { display: block; height: 40px; width: 100%; border-bottom: #e9ecee 1px solid; margin-top: 30px; } |
|
|
|
|
|
/* 输入框活动状æ€/æˆåŠŸ */ |
|
|
.login-on, .login-success { border-bottom: #3498db 1px solid; } |
|
|
.login-on .log-input, .login-error .log-input, .login-success .log-input { color: #5d6d7e; } |
|
|
.login-on .iconfont, .login-success .iconfont{color: #3A99D8;} |
|
|
|
|
|
/* 错误 */ |
|
|
.login-error { border-bottom: #fcab2b 1px solid; } |
|
|
.login-error .iconfont{ color: #fcab2b;} |
|
|
|
|
|
/* 登录输入框 */ |
|
|
.log-input { border: none; height: 20px; font-size: 16px; padding: 10px 2.5%; line-height: 20px; color: #b8c4ce; background: #fff; width: 90%;} |
|
|
/*30/400=7.5%,360/400=90%,10/400=2.5%*/ |
|
|
.log-input-half { border: none; height: 20px; font-size: 16px; padding: 10px 5%; line-height: 20px; color: #b8c4ce; background: #fff; width: 80%;} |
|
|
/*30/200=15%,160/200=80%,10/200=5%*/ |
|
|
.log-input::-moz-placeholder { color: #b8c4ce;} |
|
|
.log-input::-ms-input-placeholder { color: #b8c4ce;} |
|
|
.log-input::-webkit-input-placeholder { color: #b8c4ce;} |
|
|
.log-input:placeholder { color: #b8c4ce;} |
|
|
|
|
|
textarea::-moz-placeholder { color: #b8c4ce;} |
|
|
textarea::-ms-input-placeholder { color: #b8c4ce;} |
|
|
textarea::-webkit-input-placeholder { color: #b8c4ce;} |
|
|
textarea:placeholder { color: #b8c4ce;} |
|
|
/* 注册输入框 end */ |
|
|
|
|
|
/*message æ醒消æ¯*/ |
|
|
#ajax-hook{ position:fixed; top:0; z-index:99999; width:100%;} |
|
|
.globalInfoTip {z-index: 20; height: 60px;width: 100%;position: relative;cursor: pointer;} |
|
|
.globalInfoTip p {text-align: center;font-size: 16px;height: 30px;line-height: 30px;padding: 15px 0;color: #FFF;position: relative;} |
|
|
.globalInfoTip .infoTipBack {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #3498db;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);opacity: 0.8;filter:alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;} |
|
|
.msg-bor{border-bottom-color:#e74c3c} |
|
|
|
|
|
|
|
|
/*å—ä½“å›¾æ ‡*/ |
|
|
.iconfont, [class^="icon-"], [class*=" icon-"] { |
|
|
font-family:"iconfont" !important; |
|
|
font-size:16px; |
|
|
color: #b8c4ce; |
|
|
font-style:normal; |
|
|
font-weight: normal; |
|
|
font-variant: normal; |
|
|
text-transform: none; |
|
|
line-height: 1; |
|
|
-webkit-font-smoothing: antialiased; |
|
|
-webkit-text-stroke-width: 0.2px; |
|
|
-moz-osx-font-smoothing: grayscale; |
|
|
} |
|
|
[id^="xunlei_com"],[id*="xunlei_com"]{ |
|
|
display:none !important; |
|
|
} |
|
|
|
|
|
/*网站整体ç°è‰²èƒŒæ™¯*/ |
|
|
body, |
|
|
.body-gray { background-color: #eff3f5; } |
|
|
/*部分白色背景*/ |
|
|
.bg-white { background-color: #fff;} |
|
|
/*认è¯*/ |
|
|
.icon-certified2{color: #e74c3c;font-size: 14px;} |