You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1476 lines
114 KiB

5 years ago
/**
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;}
/***icon***/
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1506407224992'); /* IE9*/
src: url('iconfont.eot?t=1506407224992#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff;charset=utf-8;base64,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
url('iconfont.ttf?t=1506407224992') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('iconfont.svg?t=1506407224992#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-yuedu:before { content: "\e73f"; }
.icon-xiazai:before { content: "\e73e"; }
.icon-renminbi:before { content: "\e722"; }
.icon-xuanzhuan:before { content: "\e72d"; }
.icon-youjiantou:before { content: "\e708"; }
.icon-dian:before { content: "\e71c"; }
.icon-fail:before { content: "\e718"; }
.icon-succ:before { content: "\e719"; }
.icon-site2:before { content: "\e70a"; }
.icon-bofang:before { content: "\e73c"; }
.icon-activity:before { content: "\e600"; }
.icon-add-dot:before { content: "\e602"; }
.icon-add-round:before { content: "\e603"; }
.icon-add-solid:before { content: "\e604"; }
.icon-add:before { content: "\e605"; }
.icon-android:before { content: "\e606"; }
.icon-arrows-left:before { content: "\e607"; }
.icon-arrows-right:before { content: "\e608"; }
.icon-attachment:before { content: "\e609"; }
.icon-attachment2:before { content: "\e60a"; }
.icon-bag-line:before { content: "\e60b"; }
.icon-ball:before { content: "\e60c"; }
.icon-baoming:before { content: "\e60d"; }
.icon-be:before { content: "\e60e"; }
.icon-bell:before { content: "\e60f"; }
.icon-briefcase:before { content: "\e610"; }
.icon-briefcase2:before { content: "\e611"; }
.icon-butterfly:before { content: "\e612"; }
.icon-cake-line:before { content: "\e613"; }
.icon-captcha:before { content: "\e614"; }
.icon-card:before { content: "\e615"; }
.icon-check:before { content: "\e616"; }
.icon-checked:before { content: "\e617"; }
.icon-close:before { content: "\e619"; }
.icon-cloud:before { content: "\e61a"; }
.icon-code:before { content: "\e61b"; }
.icon-comment-round:before { content: "\e61c"; }
.icon-copyright1:before { content: "\e61d"; }
.icon-copyright2:before { content: "\e61e"; }
.icon-copyright3:before { content: "\e61f"; }
.icon-copyright4:before { content: "\e620"; }
.icon-copyright5:before { content: "\e621"; }
.icon-dang:before { content: "\e622"; }
.icon-del-round:before { content: "\e623"; }
.icon-del:before { content: "\e624"; }
.icon-del1:before { content: "\e625"; }
.icon-dibbble:before { content: "\e626"; }
.icon-dot:before { content: "\e627"; }
.icon-douban1:before { content: "\e628"; }
.icon-down-mini:before { content: "\e629"; }
.icon-down:before { content: "\e62a"; }
.icon-download:before { content: "\e62b"; }
.icon-download2:before { content: "\e62c"; }
.icon-download3:before { content: "\e62d"; }
.icon-edit-round:before { content: "\e62e"; }
.icon-edit:before { content: "\e62f"; }
.icon-edit2:before { content: "\e630"; }
.icon-edu-line:before { content: "\e631"; }
.icon-email-line:before { content: "\e632"; }
.icon-email-line2:before { content: "\e633"; }
.icon-envelope-line:before { content: "\e634"; }
.icon-envelope-round:before { content: "\e635"; }
.icon-envelope-square:before { content: "\e636"; }
.icon-envelope-thin-r:before { content: "\e637"; }
.icon-envelope:before { content: "\e638"; }
.icon-error-thin:before { content: "\e639"; }
.icon-error:before { content: "\e63a"; }
.icon-exit:before { content: "\e63b"; }
.icon-douban:before { content: "\e63c"; }
.icon-exit2:before { content: "\e63d"; }
.icon-experience:before { content: "\e63e"; }
.icon-eye:before { content: "\e63f"; }
.icon-face:before { content: "\e640"; }
.icon-fail1:before { content: "\e641"; }
.icon-flowerpot:before { content: "\e642"; }
.icon-gift:before { content: "\e643"; }
.icon-globe:before { content: "\e644"; }
.icon-heart:before { content: "\e645"; }
.icon-help:before { content: "\e646"; }
.icon-hexagon1:before { content: "\e647"; }
.icon-hexagon-down:before { content: "\e648"; }
.icon-hexagon-up:before { content: "\e649"; }
.icon-hexagon-zan:before { content: "\e64a"; }
.icon-hexagon:before { content: "\e64b"; }
.icon-hexagon11:before { content: "\e64c"; }
.icon-home-line:before { content: "\e64d"; }
.icon-home:before { content: "\e64e"; }
.icon-hot:before { content: "\e64f"; }
.icon-huaban:before { content: "\e650"; }
.icon-txweibo-r:before { content: "\e651"; }
.icon-iconfans-round:before { content: "\e652"; }
.icon-iconfans:before { content: "\e653"; }
.icon-in:before { content: "\e654"; }
.icon-info:before { content: "\e655"; }
.icon-ins:before { content: "\e656"; }
.icon-inspiration:before { content: "\e657"; }
.icon-iphone2:before { content: "\e658"; }
.icon-item:before { content: "\e659"; }
.icon-jiabin:before { content: "\e65a"; }
.icon-join:before { content: "\e65b"; }
.icon-job:before { content: "\e65c"; }
.icon-leaf-round:before { content: "\e65d"; }
.icon-leaf:before { content: "\e65e"; }
.icon-left-thin:before { content: "\e65f"; }
.icon-lef-tthin2:before { content: "\e660"; }
.icon-left:before { content: "\e661"; }
.icon-list:before { content: "\e662"; }
.icon-liucheng:before { content: "\e663"; }
.icon-lock-double:before { content: "\e664"; }
.icon-lock-line:before { content: "\e665"; }
.icon-lock:before { content: "\e666"; }
.icon-lofter:before { content: "\e667"; }
.icon-mac:before { content: "\e668"; }
.icon-mags:before { content: "\e669"; }
.icon-mi:before { content: "\e66a"; }
.icon-microsoft:before { content: "\e66b"; }
.icon-mitag:before { content: "\e66c"; }
.icon-mitag2:before { content: "\e66d"; }
.icon-muni:before { content: "\e66e"; }
.icon-nav:before { content: "\e66f"; }
.icon-next:before { content: "\e670"; }
.icon-ok:before { content: "\e672"; }
.icon-phone-line:before { content: "\e673"; }
.icon-phone:before { content: "\e674"; }
.icon-phone3:before { content: "\e675"; }
.icon-pic-round:before { content: "\e676"; }
.icon-pic:before { content: "\e677"; }
.icon-point:before { content: "\e678"; }
.icon-popularity:before { content: "\e679"; }
.icon-praise1:before { content: "\e67a"; }
.icon-praise2:before { content: "\e67b"; }
.icon-praise3:before { content: "\e67c"; }
.icon-praise4:before { content: "\e67d"; }
.icon-praise5:before { content: "\e67e"; }
.icon-prev:before { content: "\e67f"; }
.icon-py:before { content: "\e680"; }
.icon-qiniu:before { content: "\e681"; }
.icon-qq-line:before { content: "\e682"; }
.icon-qq-round:before { content: "\e683"; }
.icon-qq:before { content: "\e684"; }
.icon-qq2:before { content: "\e685"; }
.icon-quxiao:before { content: "\e686"; }
.icon-qzone:before { content: "\e687"; }
.icon-qzone2:before { content: "\e688"; }
.icon-read:before { content: "\e689"; }
.icon-refresh:before { content: "\e68a"; }
.icon-relating-round:before { content: "\e68c"; }
.icon-relating:before { content: "\e68d"; }
.icon-reply:before { content: "\e68e"; }
.icon-report:before { content: "\e68f"; }
.icon-res:before { content: "\e690"; }
.icon-retract:before { content: "\e691"; }
.icon-right-line:before { content: "\e692"; }
.icon-right-thin:before { content: "\e693"; }
.icon-right-thin2:before { content: "\e694"; }
.icon-right:before { content: "\e695"; }
.icon-right2:before { content: "\e696"; }
.icon-ruzhu:before { content: "\e697"; }
.icon-save:before { content: "\e698"; }
.icon-search:before { content: "\e699"; }
.icon-set:before { content: "\e69a"; }
.icon-share:before { content: "\e69b"; }
.icon-share2:before { content: "\e69c"; }
.icon-sina1:before { content: "\e69d"; }
.icon-sina:before { content: "\e69e"; }
.icon-site:before { content: "\e69f"; }
.icon-site21:before { content: "\e6a0"; }
.icon-star-round:before { content: "\e6a1"; }
.icon-star-solid:before { content: "\e6a2"; }
.icon-star2:before { content: "\e6a3"; }
.icon-student:before { content: "\e6a4"; }
.icon-study:before { content: "\e6a5"; }
.icon-succ1:before { content: "\e6a6"; }
.icon-tag-mini:before { content: "\e6a7"; }
.icon-tag:before { content: "\e6a8"; }
.icon-talk:before { content: "\e6a9"; }
.icon-tel-round:before { content: "\e6aa"; }
.icon-tel:before { content: "\e6ab"; }
.icon-tel2:before { content: "\e6ac"; }
.icon-time:before { content: "\e6ad"; }
.icon-time1:before { content: "\e6ae"; }
.icon-tool:before { content: "\e6af"; }
.icon-topic:before { content: "\e6b0"; }
.icon-trophy:before { content: "\e6b1"; }
.icon-twitter:before { content: "\e6b2"; }
.icon-txweibo:before { content: "\e6b3"; }
.icon-txweibo1:before { content: "\e6b4"; }
.icon-type1:before { content: "\e6b5"; }
.icon-type2:before { content: "\e6b6"; }
.icon-ucloud:before { content: "\e6b7"; }
.icon-ui:before { content: "\e6b8"; }
.icon-ui3:before { content: "\e6b9"; }
.icon-ui4:before { content: "\e6ba"; }
.icon-uicn:before { content: "\e6bb"; }
.icon-uimini:before { content: "\e6bc"; }
.icon-up-experience:before { content: "\e6bd"; }
.icon-up-pic:before { content: "\e6be"; }
.icon-up-posts:before { content: "\e6bf"; }
.icon-up:before { content: "\e6c0"; }
.icon-upload:before { content: "\e6c1"; }
.icon-uptop:before { content: "\e6c2"; }
.icon-user:before { content: "\e6c4"; }
.icon-warn:before { content: "\e6c5"; }
.icon-warn2:before { content: "\e6c6"; }
.icon-weixin:before { content: "\e6c7"; }
.icon-weixin1:before { content: "\e6d4"; }
.icon-xiangqing:before { content: "\e6d6"; }
.icon-zanzhu:before { content: "\e6d7"; }
.icon-zcn:before { content: "\e6d8"; }
.icon-zhihu:before { content: "\e6d9"; }
.icon-zhuibo:before { content: "\e6da"; }
.icon-comment:before { content: "\e601"; }
.icon-envelope-thin:before { content: "\e618"; }
.icon-fans:before { content: "\e671"; }
.icon-horn:before { content: "\e68b"; }
.icon-bell2:before { content: "\e6ca"; }
.icon-soup:before { content: "\e6cc"; }
.icon-heart-round:before { content: "\e6cd"; }
.icon-star1:before { content: "\e6ce"; }
.icon-hexagon-tag:before { content: "\e6cb"; }
.icon-star:before { content: "\e6c9"; }
.icon-user-line:before { content: "\e6c3"; }
.icon-add-bold:before { content: "\e6cf"; }
.icon-close-bold:before { content: "\e6d0"; }
.icon-ok-sign:before { content: "\e6d1"; }
.icon-relating-bold:before { content: "\e6d2"; }
.icon-leaf-line:before { content: "\e6d3"; }
.icon-hexagon-line:before { content: "\e6c8"; }
.icon-xingbie:before { content: "\e6d5"; }
.icon-hexagon-tag2:before { content: "\e6db"; }
.icon-loading:before { content: "\e6dc"; }
.icon-kefu:before { content: "\e73d"; }
.icon-noeye:before { content: "\e739"; }
.icon-ok_00:before { content: "\e6dd"; }
.icon-more_info:before { content: "\e6de"; }
.icon-account_safe:before { content: "\e6df"; }
.icon-bsc_info:before { content: "\e6e0"; }
.icon-renzheng:before { content: "\e6e1"; }
.icon-not_by:before { content: "\e6e2"; }
.icon-warning_0:before { content: "\e6e3"; }
.icon-updata:before { content: "\e6e5"; }
.icon-ok_j:before { content: "\e6e4"; }
.icon-sotip:before { content: "\e6e6"; }
.icon-uptop_1:before { content: "\e6e7"; }
.icon-article:before { content: "\e6e8"; }
.icon-photo:before { content: "\e6e9"; }
.icon-review:before { content: "\e6ea"; }
.icon-huigubg:before { content: "\e6eb"; }
.icon-sanjiaoxing:before { content: "\e706"; }
.icon-gongbu:before { content: "\e6ed"; }
.icon-zuopin:before { content: "\e6ee"; }
.icon-dasai:before { content: "\e6ef"; }
.icon-arrow:before { content: "\e6ec"; }
.icon-zuo:before { content: "\e6f0"; }
.icon-shiming:before { content: "\e6f1"; }
.icon-tuijian:before { content: "\e6f2"; }
.icon-guan:before { content: "\e6f3"; }
.icon-xin:before { content: "\e6f4"; }
.icon-huoju:before { content: "\e6f5"; }
.icon-banquan:before { content: "\e6f6"; }
.icon-xingxing:before { content: "\e6f7"; }
.icon-z01:before { content: "\e6f8"; }
.icon-certified2:before { content: "\e6f9"; }
.icon-zungui01:before { content: "\e6fa"; }
.icon-tiexin01:before { content: "\e6fb"; }
.icon-bq1:before { content: "\e6fc"; }
.icon-xia:before { content: "\e709"; }
.icon-gongbu1:before { content: "\e6fd"; }
.icon-qian:before { content: "\e707"; }
.icon-icon7:before { content: "\e6fe"; }
.icon-icon8:before { content: "\e6ff"; }
.icon-feiji:before { content: "\e73a"; }
.icon-eqq:before { content: "\e700"; }
.icon-e0:before { content: "\e701"; }
.icon-ecom:before { content: "\e702"; }
.icon-ecn:before { content: "\e703"; }
.icon-ea:before { content: "\e704"; }
.icon-zuojiantou:before { content: "\e71a"; }
.icon-fangkuang:before { content: "\e705"; }
.icon-yuan:before { content: "\e71b"; }
.icon-zhongguodianxin:before { content: "\e75e"; }
.icon-list1:before { content: "\e70b"; }
.icon-tubiao:before { content: "\e717"; }
.icon-kongyuan:before { content: "\e71d"; }
.icon-sanjiao:before { content: "\e71e"; }
.icon-fang:before { content: "\e71f"; }
.icon-ue:before { content: "\e720"; }
.icon-zhinanzhen:before { content: "\e73b"; }
.icon-fenghui:before { content: "\e721"; }
.icon-hupo:before { content: "\e723"; }
.icon-perpson:before { content: "\e724"; }
.icon-meiyou:before { content: "\e725"; }
.icon-safe:before { content: "\e727"; }
.icon-liubian:before { content: "\e728"; }
.icon-qizi:before { content: "\e726"; }
.icon-dizhenju:before { content: "\e729"; }
.icon-click:before { content: "\e72a"; }
.icon-location-ball:before { content: "\e72b"; }
.icon-utalk1:before { content: "\e72c"; }
.icon-shu:before { content: "\e740"; }
.icon-yun:before { content: "\e72e"; }
.icon-xxx:before { content: "\e72f"; }
.icon-putui:before { content: "\e730"; }
.icon-shoutui:before { content: "\e731"; }
.icon-biantui:before { content: "\e732"; }
.icon-reduzhi:before { content: "\e70c"; }
.icon-tips-2:before { content: "\e70d"; }
.icon-tips-1:before { content: "\e70e"; }
.icon-tips-1-copy:before { content: "\e75f"; }
.icon-tips-2-copy:before { content: "\e760"; }
.icon-uitm:before { content: "\e70f"; }
.icon-qq1:before { content: "\e738"; }
.icon-xushigandong:before { content: "\e710"; }
.icon-ruweijiang:before { content: "\e711"; }
.icon-jiangbei:before { content: "\e712"; }
.icon-shangchuan:before { content: "\e714"; }
.icon-renqi:before { content: "\e715"; }
.icon-chuangyijiang:before { content: "\e716"; }
.icon-tuandui:before { content: "\e733"; }
.icon-jishujiang:before { content: "\e734"; }
.icon-zuzhi:before { content: "\e713"; }
.icon-bizhi:before { content: "\e735"; }
.icon-r:before { content: "\e736"; }
.icon-dingding:before { content: "\e737"; }
.icon-PDF:before { content: "\e741"; }
.icon-zhuyi:before { content: "\e749"; }
.icon-heiti1:before { content: "\e74a"; }
.icon-fangsong1:before { content: "\e74b"; }
.icon-lishu1:before { content: "\e74c"; }
.icon-kaiti1:before { content: "\e74d"; }
.icon-chuangyi1:before { content: "\e74e"; }
.icon-shuxie1:before { content: "\e74f"; }
.icon-songti1:before { content: "\e750"; }
/***normal***/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
display:block;
}
audio,canvas,video {
display:inline-block;
}
audio:not([controls]) {
display:none;
height:0;
}
[hidden] {
display:none;
}
html {
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
body {
margin:0;
}
a:focus {
outline:thin dotted;
}
a:active,a:hover {
outline:0;
}
h1 {
font-size:2em;
margin:0.67em 0;
}
abbr[title] {
border-bottom:1px dotted;
}
b,strong {
font-weight:bold;
}
dfn {
font-style:italic;
}
hr {
-moz-box-sizing:content-box;
box-sizing:content-box;
height:0;
}
mark {
background:#ff0;
color:#000;
}
code,kbd,pre,samp {
font-family:monospace,serif;
font-size:1em;
}
pre {
white-space:pre-wrap;
}
q {
quotes:"\201C" "\201D" "\2018" "\2019";
}
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;
}
img {
border:0;
}
svg:not(:root) {
overflow:hidden;
}
figure {
margin:0;
}
fieldset {
border:1px solid #c0c0c0;
margin:0 2px;
padding:0.35em 0.625em 0.75em;
}
legend {
border:0;
padding:0;
}
button,input,select,textarea {
font-family:inherit;
font-size:100%;
margin:0;
}
button,input {
line-height:normal;
}
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;
}
input[type="checkbox"],input[type="radio"] {
box-sizing:border-box;
padding:0;
}
input[type="search"] {
-webkit-appearance:textfield;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}
button::-moz-focus-inner,input::-moz-focus-inner {
border:0;
padding:0;
}
textarea {
overflow:auto;
vertical-align:top;
}
table {
border-collapse:collapse;
border-spacing:0;
}
html,body {
height:100%;
width:100%;
margin:0;
overflow:hidden;
}
#site-landing {
position:relative;
height:100%;
width:100%;
background-image:linear-gradient(to top,#30cfd0 0%,#330867 100%);
}
/***reg**/
@charset "utf-8";
body{
background-color: #3895e8;
}
.form-data{
background-color: #ffffff;
width: 460px;
left: 50%;
margin-left: -230px;
border-radius: 5px;
box-shadow: 0 0 30px rgba(0,0,0,.1);
padding: 65px 0 30px 0;
position: fixed;
top: 15%;
}
.form-data .tel-warn{
position: absolute;
color: #ea5d5f;
font-size: 12px;
right: 0;
top: 22px;
}
.form-data .tel-warn i{
display: inline-block;
vertical-align: middle;
color: #ea5d5f;
font-size: 16px;
margin-top: -3px;
margin-left: 5px;
}
.form-data .p-input,.find_password .p-input{
padding: 5px 0;
height: 44px;
box-sizing: border-box;
border-bottom: 1px solid #e5e5e5;
width: 340px;
margin: 0 auto 16px;
line-height: 14px;
display: block;
}
.form-data .code{
width: 340px;
margin-left: 60px;
}
.form-data .code input{
width: 200px;
}
.form-data .code img{
width: 120px;
position: absolute;
right: 0;
bottom: 2px;
}
.form-data .code .img-err{
right: 120px;
top: 15px
}
.form-data .code a{
display: inline-block;
position: absolute;
width: 80px;
height: 34px;
line-height: 34px;
text-align: center;
color: #000;
left: 320px;
bottom: 0;
}
.form-data .send{
color: #969696;
position: absolute;
right: 0;
top: 24px;
z-index: 10;
}
.form-data .send:hover{
color: #3895e8;
}
.form-data .time{
color: #969696;
position: absolute;
right: 0;
top: 24px;
font-size: 14px;
}
.form-data label,.find_password label{
font-size: 14px;
position: absolute;
display: inline-block;
color: #cacaca;
top: 22px;
}
.form-data input,.find_password input{
outline: none;
border: none;
z-index: 5;
position: absolute;
top: 13px;
width: 340px;
background-color: transparent;
font-size: 20px;
}
input[type=number] {
-moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.form-data .head-logo{
position: absolute;
top: -47px;
left: 116px;
}
.reg_checkboxline{
font-size: 14px;
color: #cacaca;
height: 30px;
margin: 20px auto 20px;
line-height: 30px;
width: 340px;
}
.form-data .pass-warn{
width: 400px;
color: #ea5d5f;
font-size: 14px;
margin: 0 auto;
}
.reg_checkboxline p{
line-height: 30px;
padding: 0;
border-bottom: 0;
}
.reg_checkboxline a{
color: #9e9e9e;
}
.reg_checkboxline a:hover{
color: #3895e8;
}
.reg_checkboxline i.boxcol {
background: #3498db;
color: #fff;
}
.icon-ok-sign {
background: #b8c4ce;
border-radius: 2px;
margin-right: 5px;
cursor: pointer;
overflow: hidden;
width: 16px;
height: 16px;
font-size: 12px;
display: block;
margin-top: 7px;
line-height: 16px;
text-align: center;
}
.form-data .lang-btn{
width: 340px;
font-size: 18px;
font-weight: bold;
color: white;
height: 50px;
line-height: 50px;
text-align: center;
margin: 20px auto;
display: block;
border-radius: 5px;
cursor: pointer;
background-color: #42a5f5;
}
.form-data .lang-btn.off{
color: #a0a0a0;
background-color: #e5e5e5;
}
.bottom-info{
width: 400px;
line-height: 18px;
font-size: 14px;
color: #cacaca;
margin: 0 auto 30px;
text-align: center;
}
.bottom-info a{
color: #42a5f5;
}
.form-data .error{
color: #ea5d5f;
font-size: 14px;
top: -5px;
right: 0;
position: absolute;
}
.form-data .r-forget{
width: 340px;
margin: 0 auto;
}
.form-data .r-forget a{
font-size: 12px;
color: #8d8d8d;
}
.form-data .r-forget a:hover{
color: #3895e8;
}
.form-data .third-party{
width: 400px;
margin: 0 auto;
display: flex;
justify-content: space-around;
}
.form-data .third-party .icon-qq-round{
font-size: 40px;
color: #e5e5e5;
display: inline-block;
vertical-align: middle;
}
.form-data .third-party .icon-qq-round:hover{
color: #42a5f5;
}
.form-data .third-party .icon-weixin:hover{
color: #0fccbc;
}
.form-data .third-party .icon-sina1:hover{
color: #da2a2e;
}
.form-data .third-party .icon-weixin{
font-size: 40px;
color: #e5e5e5;
display: inline-block;
vertical-align: middle;
}
.form-data .third-party .icon-sina1{
font-size: 36px;
color: #e5e5e5;
display: inline-block;
vertical-align: middle;
}
.form-data .change-login{
width: 400px;
margin: 0 auto 10px;
display: flex;
justify-content: space-around;
font-size: 14px;
color: #cacaca;
}
.form-data .change-login p{
cursor: pointer;
}
.form-data .change-login p.on{
color: #76b9f7;
}
.find_password{
background-color: #ffffff;
width: 460px;
border-radius: 5px;
box-shadow: 0 0 30px rgba(0,0,0,.1);
padding: 30px 0;
left: 50%;
margin-left: -230px;
position: fixed;
top: 15%;
5 years ago
z-index: -100;
opacity: 0;
5 years ago
}
.find_password h4{
font-size: 18px;
color: #42a5f5;
text-align: center;
width: 400px;
margin: 0 auto;
}
.find_password .right_now{
width: 380px;
text-align: right;
margin: 20px auto 30px;
font-size: 12px;
color: #cacaca;
}
.find_password .right_now a{
color: #42a5f5;
}
.find_password .pc-very,.find_password .pc-code{
display: none;
}
.find_password .very2{
font-size: 14px;
position: absolute;
display: inline-block;
color: #cacaca;
top: 14px;
right: 0;
}
#pc_reset,#pc_reset2{
width: 280px;
}
.pc_reset span{
display: inline-block;
font-size: 14px;
position: absolute;
/* color: #cacaca; */
top: 14px;
right: 0;
}
.error-tip{
position: absolute;
right: 0;
top: 15px;
color: #ea5d5f;
font-size: 14px;
/* width: 400px; */
margin: 0 auto;
display: none;
}
.find_password .jihuo_email{
width: 400px;
text-align: center;
font-size: 14px;
color: #8d8d8d;
margin: 0 auto;
}
.find_password .again{
width: 400px;
color: #cacaca;
font-size: 12px;
text-align: center;
margin: 0 auto;
}
.find_password .again a{
color: #42a5f5;
}
.wrap .right{
position: absolute;
width: 1180px;
bottom: -80px;
text-align: center;
line-height: 40px;
left: 50%;
margin-left: -590px;
color: rgba(0,0,0,.3);
}