zrh
4 weeks ago
111 changed files with 15897 additions and 0 deletions
-
13.editorconfig
-
217.eslintrc.js
-
14.gitignore
-
10api/club.js
-
16api/home.js
-
18api/index.js
-
23api/login.js
-
18api/register.js
-
9assets/README.md
-
12assets/css/activity_tab.css
-
537assets/css/base.css
-
413assets/css/bottom_rec.css
-
1319assets/css/default.css
-
498assets/css/global.css
-
41assets/css/iconfont.css
-
BINassets/css/iconfont.eot
-
1assets/css/iconfont.js
-
51assets/css/iconfont.json
-
44assets/css/iconfont.svg
-
BINassets/css/iconfont.ttf
-
BINassets/css/iconfont.woff
-
BINassets/css/iconfont.woff2
-
11assets/css/nice_select.css
-
465assets/css/order.css
-
1assets/css/pages-weixinpay.css
-
2assets/css/reset.css
-
225assets/css/sign.css
-
15assets/css/swiper-3.3.1.min.css
-
35assets/css/theme.css
-
4assets/css/web.css
-
BINassets/img/1.jpg
-
BINassets/img/HF-BG.png
-
BINassets/img/avatar-boy.gif
-
BINassets/img/black-bg-hf.png
-
BINassets/img/black-mask.png
-
BINassets/img/black-name.png
-
BINassets/img/c-icon.png
-
BINassets/img/d-icon.png
-
BINassets/img/da.jpg
-
BINassets/img/default-img.gif
-
BINassets/img/default-img_old.gif
-
BINassets/img/default-tea-img.gif
-
BINassets/img/erweima.png
-
BINassets/img/icon.png
-
BINassets/img/jin.jpg
-
BINassets/img/jinbi.jpg
-
BINassets/img/kyb-tip-all-bg.png
-
BINassets/img/kyb-tip-bg.jpg
-
BINassets/img/kyb-tip-close.png
-
BINassets/img/loading.gif
-
BINassets/img/loding.gif
-
BINassets/img/logo.png
-
BINassets/img/phone-bg.png
-
BINassets/img/pic/1.jpg
-
BINassets/img/pic/NO.png
-
BINassets/img/pic/YES.png
-
BINassets/img/pic/banner-1-blue.jpg
-
BINassets/img/pic/banner-1-green.jpg
-
BINassets/img/pic/banner-2-blue.jpg
-
BINassets/img/pic/banner-2-green.jpg
-
BINassets/img/pic/c-1.jpg
-
BINassets/img/pic/one-master.jpg
-
BINassets/img/pic/t-p-1.jpg
-
BINassets/img/pic/three-blue.jpg
-
BINassets/img/pic/two-green.jpg
-
BINassets/img/qq-icon-32.png
-
BINassets/img/qq-icon-hover-32.png
-
BINassets/img/qq-icon.png
-
BINassets/img/s-next-btn.png
-
BINassets/img/s-prev-btn.png
-
BINassets/img/tipQe.png
-
BINassets/img/up-hf.png
-
BINassets/img/v-loading.gif
-
BINassets/img/v-play-bg.jpg
-
BINassets/img/wb-icon-32.png
-
BINassets/img/wb-icon-hover-32.png
-
BINassets/img/wb-icon-hover.png
-
BINassets/img/wb-icon.png
-
BINassets/img/wb2-icon.png
-
BINassets/img/wx-icon-32.png
-
BINassets/img/wx-icon-hover-32.png
-
BINassets/img/wx-icon-hover.png
-
BINassets/img/wx-icon.png
-
BINassets/img/wx2-icon.png
-
BINassets/img/zan-icon.png
-
BINassets/img/点赞 (1).png
-
BINassets/photo/club/jinbi.jpg
-
73components/AppHeader.vue
-
80components/AppLogo.vue
-
7components/README.md
-
9layouts/README.md
-
36layouts/default.vue
-
11layouts/sign.vue
-
10middleware/README.md
-
45nuxt.config.js
-
10739package-lock.json
-
30package.json
-
8pages/README.md
-
188pages/club/index.vue
-
210pages/home/index.vue
@ -0,0 +1,13 @@ |
|||||
|
# editorconfig.org |
||||
|
root = true |
||||
|
|
||||
|
[*] |
||||
|
indent_size = 2 |
||||
|
indent_style = space |
||||
|
end_of_line = lf |
||||
|
charset = utf-8 |
||||
|
trim_trailing_whitespace = true |
||||
|
insert_final_newline = true |
||||
|
|
||||
|
[*.md] |
||||
|
trim_trailing_whitespace = false |
||||
@ -0,0 +1,217 @@ |
|||||
|
module.exports = { |
||||
|
root: true, |
||||
|
env: { |
||||
|
browser: true, |
||||
|
node: true |
||||
|
}, |
||||
|
parserOptions: { |
||||
|
parser: 'babel-eslint' |
||||
|
}, |
||||
|
extends: [ |
||||
|
// https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
|
||||
|
// consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
|
||||
|
'plugin:vue/essential' |
||||
|
], |
||||
|
// required to lint *.vue files
|
||||
|
plugins: [ |
||||
|
'vue' |
||||
|
], |
||||
|
// add your custom rules here
|
||||
|
rules: {} |
||||
|
} |
||||
|
module.exports = { |
||||
|
root: true, |
||||
|
parserOptions: { |
||||
|
parser: 'babel-eslint', |
||||
|
sourceType: 'module' |
||||
|
}, |
||||
|
env: { |
||||
|
browser: true, |
||||
|
node: true, |
||||
|
es6: true, |
||||
|
}, |
||||
|
extends: ['plugin:vue/recommended', 'eslint:recommended'], |
||||
|
|
||||
|
// add your custom rules here
|
||||
|
//it is base on https://github.com/vuejs/eslint-config-vue
|
||||
|
rules: { |
||||
|
"vue/max-attributes-per-line": [2, { |
||||
|
"singleline": 10, |
||||
|
"multiline": { |
||||
|
"max": 1, |
||||
|
"allowFirstLine": false |
||||
|
} |
||||
|
}], |
||||
|
"vue/name-property-casing": ["error", "PascalCase"], |
||||
|
'accessor-pairs': 2, |
||||
|
'arrow-spacing': [2, { |
||||
|
'before': true, |
||||
|
'after': true |
||||
|
}], |
||||
|
'block-spacing': [2, 'always'], |
||||
|
'brace-style': [2, '1tbs', { |
||||
|
'allowSingleLine': true |
||||
|
}], |
||||
|
'camelcase': [0, { |
||||
|
'properties': 'always' |
||||
|
}], |
||||
|
'comma-dangle': [2, 'never'], |
||||
|
'comma-spacing': [2, { |
||||
|
'before': false, |
||||
|
'after': true |
||||
|
}], |
||||
|
'comma-style': [2, 'last'], |
||||
|
'constructor-super': 2, |
||||
|
'curly': [2, 'multi-line'], |
||||
|
'dot-location': [2, 'property'], |
||||
|
'eol-last': 2, |
||||
|
'eqeqeq': [2, 'allow-null'], |
||||
|
'generator-star-spacing': [2, { |
||||
|
'before': true, |
||||
|
'after': true |
||||
|
}], |
||||
|
'handle-callback-err': [2, '^(err|error)$'], |
||||
|
'indent': [2, 2, { |
||||
|
'SwitchCase': 1 |
||||
|
}], |
||||
|
'jsx-quotes': [2, 'prefer-single'], |
||||
|
'key-spacing': [2, { |
||||
|
'beforeColon': false, |
||||
|
'afterColon': true |
||||
|
}], |
||||
|
'keyword-spacing': [2, { |
||||
|
'before': true, |
||||
|
'after': true |
||||
|
}], |
||||
|
'new-cap': [2, { |
||||
|
'newIsCap': true, |
||||
|
'capIsNew': false |
||||
|
}], |
||||
|
'new-parens': 2, |
||||
|
'no-array-constructor': 2, |
||||
|
'no-caller': 2, |
||||
|
'no-console': 'off', |
||||
|
'no-class-assign': 2, |
||||
|
'no-cond-assign': 2, |
||||
|
'no-const-assign': 2, |
||||
|
'no-control-regex': 2, |
||||
|
'no-delete-var': 2, |
||||
|
'no-dupe-args': 2, |
||||
|
'no-dupe-class-members': 2, |
||||
|
'no-dupe-keys': 2, |
||||
|
'no-duplicate-case': 2, |
||||
|
'no-empty-character-class': 2, |
||||
|
'no-empty-pattern': 2, |
||||
|
'no-eval': 2, |
||||
|
'no-ex-assign': 2, |
||||
|
'no-extend-native': 2, |
||||
|
'no-extra-bind': 2, |
||||
|
'no-extra-boolean-cast': 2, |
||||
|
'no-extra-parens': [2, 'functions'], |
||||
|
'no-fallthrough': 2, |
||||
|
'no-floating-decimal': 2, |
||||
|
'no-func-assign': 2, |
||||
|
'no-implied-eval': 2, |
||||
|
'no-inner-declarations': [2, 'functions'], |
||||
|
'no-invalid-regexp': 2, |
||||
|
'no-irregular-whitespace': 2, |
||||
|
'no-iterator': 2, |
||||
|
'no-label-var': 2, |
||||
|
'no-labels': [2, { |
||||
|
'allowLoop': false, |
||||
|
'allowSwitch': false |
||||
|
}], |
||||
|
'no-lone-blocks': 2, |
||||
|
'no-mixed-spaces-and-tabs': 2, |
||||
|
'no-multi-spaces': 2, |
||||
|
'no-multi-str': 2, |
||||
|
'no-multiple-empty-lines': [2, { |
||||
|
'max': 1 |
||||
|
}], |
||||
|
'no-native-reassign': 2, |
||||
|
'no-negated-in-lhs': 2, |
||||
|
'no-new-object': 2, |
||||
|
'no-new-require': 2, |
||||
|
'no-new-symbol': 2, |
||||
|
'no-new-wrappers': 2, |
||||
|
'no-obj-calls': 2, |
||||
|
'no-octal': 2, |
||||
|
'no-octal-escape': 2, |
||||
|
'no-path-concat': 2, |
||||
|
'no-proto': 2, |
||||
|
'no-redeclare': 2, |
||||
|
'no-regex-spaces': 2, |
||||
|
'no-return-assign': [2, 'except-parens'], |
||||
|
'no-self-assign': 2, |
||||
|
'no-self-compare': 2, |
||||
|
'no-sequences': 2, |
||||
|
'no-shadow-restricted-names': 2, |
||||
|
'no-spaced-func': 2, |
||||
|
'no-sparse-arrays': 2, |
||||
|
'no-this-before-super': 2, |
||||
|
'no-throw-literal': 2, |
||||
|
'no-trailing-spaces': 2, |
||||
|
'no-undef': 2, |
||||
|
'no-undef-init': 2, |
||||
|
'no-unexpected-multiline': 2, |
||||
|
'no-unmodified-loop-condition': 2, |
||||
|
'no-unneeded-ternary': [2, { |
||||
|
'defaultAssignment': false |
||||
|
}], |
||||
|
'no-unreachable': 2, |
||||
|
'no-unsafe-finally': 2, |
||||
|
'no-unused-vars': [2, { |
||||
|
'vars': 'all', |
||||
|
'args': 'none' |
||||
|
}], |
||||
|
'no-useless-call': 2, |
||||
|
'no-useless-computed-key': 2, |
||||
|
'no-useless-constructor': 2, |
||||
|
'no-useless-escape': 0, |
||||
|
'no-whitespace-before-property': 2, |
||||
|
'no-with': 2, |
||||
|
'one-var': [2, { |
||||
|
'initialized': 'never' |
||||
|
}], |
||||
|
'operator-linebreak': [2, 'after', { |
||||
|
'overrides': { |
||||
|
'?': 'before', |
||||
|
':': 'before' |
||||
|
} |
||||
|
}], |
||||
|
'padded-blocks': [2, 'never'], |
||||
|
'quotes': [2, 'single', { |
||||
|
'avoidEscape': true, |
||||
|
'allowTemplateLiterals': true |
||||
|
}], |
||||
|
'semi': [2, 'never'], |
||||
|
'semi-spacing': [2, { |
||||
|
'before': false, |
||||
|
'after': true |
||||
|
}], |
||||
|
'space-before-blocks': [2, 'always'], |
||||
|
'space-before-function-paren': [2, 'never'], |
||||
|
'space-in-parens': [2, 'never'], |
||||
|
'space-infix-ops': 2, |
||||
|
'space-unary-ops': [2, { |
||||
|
'words': true, |
||||
|
'nonwords': false |
||||
|
}], |
||||
|
'spaced-comment': [2, 'always', { |
||||
|
'markers': ['global', 'globals', 'eslint', 'eslint-disable', '*package', '!', ','] |
||||
|
}], |
||||
|
'template-curly-spacing': [2, 'never'], |
||||
|
'use-isnan': 2, |
||||
|
'valid-typeof': 2, |
||||
|
'wrap-iife': [2, 'any'], |
||||
|
'yield-star-spacing': [2, 'both'], |
||||
|
'yoda': [2, 'never'], |
||||
|
'prefer-const': 2, |
||||
|
'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0, |
||||
|
'object-curly-spacing': [2, 'always', { |
||||
|
objectsInObjects: false |
||||
|
}], |
||||
|
'array-bracket-spacing': [2, 'never'] |
||||
|
} |
||||
|
} |
||||
|
|
||||
@ -1 +1,15 @@ |
|||||
|
<<<<<<< HEAD |
||||
node_modules |
node_modules |
||||
|
======= |
||||
|
# dependencies |
||||
|
node_modules |
||||
|
|
||||
|
# logs |
||||
|
npm-debug.log |
||||
|
|
||||
|
# Nuxt build |
||||
|
.nuxt |
||||
|
|
||||
|
# Nuxt generate |
||||
|
dist |
||||
|
>>>>>>> master |
||||
@ -0,0 +1,10 @@ |
|||||
|
import request from '~/utils/request' |
||||
|
export default{ |
||||
|
getSubject() { |
||||
|
return request({ |
||||
|
url: '/special-topic/api/selectSpecialTopic', |
||||
|
method: 'post' |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,16 @@ |
|||||
|
import request from '~/utils/request' |
||||
|
export default{ |
||||
|
RecommendationList() { |
||||
|
return request({ |
||||
|
url: 'recommendation/api/selectRecommendation', |
||||
|
method: 'post' |
||||
|
}) |
||||
|
}, |
||||
|
FeaturedList() { |
||||
|
return request({ |
||||
|
url: 'curated-video/api/selectCuratedVideo', |
||||
|
method: 'post' |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,18 @@ |
|||||
|
import request from '~/utils/request' |
||||
|
export default { |
||||
|
// getTopBannerAdList() {
|
||||
|
// return request({
|
||||
|
// baseURL: 'http://localhost:8140',
|
||||
|
// url: '/api/cms/ad/list/1',
|
||||
|
// method: 'get'
|
||||
|
// })
|
||||
|
// },
|
||||
|
getVideoData() { |
||||
|
return request({ |
||||
|
// baseURL: 'http://localhost:8080',
|
||||
|
url: 'video-data/api/selectVideoData', |
||||
|
method: 'post' |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,23 @@ |
|||||
|
import request from '~/utils/request' |
||||
|
// import cookie from 'js-cookie'
|
||||
|
|
||||
|
export default { |
||||
|
submitLogin(user) { |
||||
|
return request({ |
||||
|
baseURL: 'http://:8160', |
||||
|
url: '/api/ucenter/member/login', |
||||
|
method: 'post', |
||||
|
data: user |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
getLoginInfo() { |
||||
|
return request({ |
||||
|
baseURL: 'http://:8160', |
||||
|
url: '/api/ucenter/member/get-login-info', |
||||
|
method: 'get' |
||||
|
// 通过请求头发送token
|
||||
|
// headers: { 'token': cookie.get('guli_jwt_token') }
|
||||
|
}) |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,18 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
export default{ |
||||
|
sendMessage(mobile) { |
||||
|
return request({ |
||||
|
baseURL: 'http://:8150', |
||||
|
url: `/api/sms/send/${mobile}`, |
||||
|
method: 'get' |
||||
|
}) |
||||
|
}, |
||||
|
register(member) { |
||||
|
return request({ |
||||
|
baseURL: 'http://:8160', |
||||
|
url: '/api/ucenter/member/register/', |
||||
|
method: 'post', |
||||
|
data: member |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,9 @@ |
|||||
|
# ASSETS |
||||
|
|
||||
|
This directory contains your un-compiled assets such as LESS, SASS, or JavaScript. |
||||
|
|
||||
|
More information about the usage of this directory in the documentation: |
||||
|
https://nuxtjs.org/guide/assets#webpacked |
||||
|
|
||||
|
**This directory is not required, you can delete it if you don't want to use it.** |
||||
|
|
||||
@ -0,0 +1,12 @@ |
|||||
|
/*zjf20170614*/ |
||||
|
|
||||
|
|
||||
|
.act_tab {display: inline-block;position: absolute;left: 0;top: 0;padding: 0 !important;z-index: 999;} |
||||
|
.act_tab span {display: block !important;width: 78px;text-align: center;} |
||||
|
.act_tab .act_tab_l {height: 16px;line-height: 16px;font-size: 14px;color: #df3737;background: #fff;} |
||||
|
.act_tab .act_tab_r {height: 16px;line-height: 16px;font-size: 14px;color: #fff;background: #df3737;border-top: 2px solid #df3737;} |
||||
|
.act_tab .double-eleven {background-color: #f54771;width: 54px;height: 20px;line-height: 20px;font-size: 12px;color: #fff;border-radius: 3px 0 0 0;} |
||||
|
|
||||
|
/* .act_piao_all {display: inline-block;padding: 0 11px;height: 26px;line-height: 26px;text-align: center;font-size: 14px;color: #fff;cursor: pointer;} |
||||
|
.piao_btn {background: #f00;} |
||||
|
.piao_btns {background: #ccc;} */ |
||||
@ -0,0 +1,537 @@ |
|||||
|
* {font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif;margin: 0;padding:0;} |
||||
|
html {font-size: 14px;color: #424242;} |
||||
|
table {border-collapse: collapse;border-spacing: 0;} |
||||
|
ol, ul {list-style: none;} |
||||
|
dl {-webkit-margin-before:0;-webkit-margin-after:0;} |
||||
|
h1, h2, h3, h4, h5, h6 {font-size: 14px;} |
||||
|
a {text-decoration: none;color:#424242;} |
||||
|
a:hover, .color81 a:hover, .color81 a.cur {color: #000} |
||||
|
a.red {color: #ff4a56;} |
||||
|
a.red:hover {color: #950b11;} |
||||
|
.color81, .color81 a {color:#818181;} |
||||
|
|
||||
|
textarea {resize: none;} |
||||
|
/* other */ |
||||
|
input.iw60 {width: 60px;} |
||||
|
input.iw80 {width: 80px;} |
||||
|
img {border:none;} |
||||
|
.blue {color:#00baf2;} |
||||
|
input,button,input[type="button"] {outline: none;font-size: 14px;} |
||||
|
button,input[type="button"] {color:#FFF;background-color: #00baf2;line-height: 20px;border:none;padding:0px 5px;cursor: pointer;} |
||||
|
button:hover,input[type="button"]:hover {opacity: .9;} |
||||
|
img {border:none;} |
||||
|
body {text-align: left;} |
||||
|
body{color: #424242;font-size:14px;line-height:1.75;background:#FFF;min-width: 1230px;} |
||||
|
.red{color: #ff4a56;} |
||||
|
.green {color: #49af4f;} |
||||
|
.redb {background: #ff4a56;color: #FFF;} |
||||
|
.disabled {background: #999;} |
||||
|
.del{text-decoration: line-through;} |
||||
|
.clear {clear: both;width: 0px;height: 0px;overflow: hidden;} |
||||
|
.fl,.Left{float: left;}.fr,.Right{float: right;}.tl{text-align: left;}.tc{text-align: center;}.tr{text-align: right;} |
||||
|
|
||||
|
.disp-n {display: none;} |
||||
|
.color42,.color42 a {color:#424242;} |
||||
|
.color81,.color81 a {color:#818181;} |
||||
|
.fb {font-weight: bold;} |
||||
|
|
||||
|
.f12 { |
||||
|
font-size: 12px; |
||||
|
} |
||||
|
|
||||
|
.f14 { |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
|
||||
|
.f16 { |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
|
||||
|
.f18 { |
||||
|
font-size: 18px; |
||||
|
} |
||||
|
|
||||
|
.f20 { |
||||
|
font-size: 20px; |
||||
|
} |
||||
|
|
||||
|
.f21 { |
||||
|
font-size: 21px; |
||||
|
} |
||||
|
|
||||
|
.f22 { |
||||
|
font-size: 22px; |
||||
|
} |
||||
|
|
||||
|
.f24 { |
||||
|
font-size: 24px; |
||||
|
} |
||||
|
|
||||
|
.f26 { |
||||
|
font-size: 26px; |
||||
|
} |
||||
|
input.iw60 {width: 60px;} |
||||
|
input.iw80 {width: 80px;} |
||||
|
/*Margin-Arrays*/ |
||||
|
.ml-10 {margin-left: -10px;} |
||||
|
.ml-20 {margin-left: -20px;} |
||||
|
.mt5 {margin-top: 1px;} |
||||
|
.mt10 {margin-top: 10px;} |
||||
|
.mt15 {margin-top: 15px;} |
||||
|
.mt20 {margin-top: 20px;} |
||||
|
.mt25 {margin-top: 25px;} |
||||
|
.mt30 {margin-top: 30px;} |
||||
|
.mt40 {margin-top: 40px;} |
||||
|
.mt50 {margin-top: 50px;} |
||||
|
.mt80 {margin-top: 80px;} |
||||
|
.mt100 {margin-top: 100px;} |
||||
|
.mb5 {margin-bottom: 5px;} |
||||
|
.mb10 {margin-bottom: 10px;} |
||||
|
.mb15 {margin-bottom: 15px;} |
||||
|
.mb20 {margin-bottom: 20px;} |
||||
|
.mb25 {margin-bottom: 25px;} |
||||
|
.mb30 {margin-bottom: 30px;} |
||||
|
.mb40 {margin-bottom:40px;} |
||||
|
.mb50 {margin-bottom: 50px;} |
||||
|
.mb80 {margin-bottom: 80px;} |
||||
|
.mb100 {margin-bottom: 100px;} |
||||
|
.ml5 {margin-left:5px;} |
||||
|
.ml10 {margin-left: 10px;} |
||||
|
.ml15 {margin-left: 15px;} |
||||
|
.ml20 {margin-left: 20px;} |
||||
|
.ml24 {margin-left: 25px;} |
||||
|
.ml30 {margin-left: 30px;} |
||||
|
.ml40 {margin-left:40px;} |
||||
|
.ml50 {margin-left: 50px;} |
||||
|
.ml80 {margin-left: 80px;} |
||||
|
.ml100 {margin-left: 100px;} |
||||
|
.mr5 {margin-right:5px;} |
||||
|
.mr10 {margin-right: 10px;} |
||||
|
.mr15 {margin-right: 15px;} |
||||
|
.mr20 {margin-right: 20px;} |
||||
|
.mr25 {margin-right: 25px;} |
||||
|
.mr30 {margin-right: 20px;} |
||||
|
.mr40 {margin-right: 40px;} |
||||
|
.mr50 {margin-right: 50px;} |
||||
|
.mr80 {margin-right: 80px;} |
||||
|
.mr100 {margin-right: 100px;} |
||||
|
|
||||
|
.pt5 {padding-top: 5px;} |
||||
|
.pt10 {padding-top: 10px;} |
||||
|
.pt15 {padding-top: 15px;} |
||||
|
.pt20 {padding-top: 20px;} |
||||
|
.pt25 {padding-top: 25px;} |
||||
|
.pt30 {padding-top: 30px;} |
||||
|
.pt40 {padding-top: 40px;} |
||||
|
.pt45 {padding-top: 45px;} |
||||
|
.pt50 {padding-top: 50px;} |
||||
|
.pt80 {padding-top: 80px;} |
||||
|
.pt100 {padding-top: 100px;} |
||||
|
.pb5 {padding-bottom: 5px;} |
||||
|
.pb10 {padding-bottom: 10px;} |
||||
|
.pb15 {padding-bottom: 15px;} |
||||
|
.pb20 {padding-bottom: 20px;} |
||||
|
.pb25 {padding-bottom: 25px;} |
||||
|
.pb30 {padding-bottom: 30px;} |
||||
|
.pb40 {padding-bottom:40px;} |
||||
|
.pb50 {padding-bottom: 50px;} |
||||
|
.pb80 {padding-bottom: 80px;} |
||||
|
.pb100 {padding-bottom: 100px;} |
||||
|
|
||||
|
.con {padding-left: 20px;} |
||||
|
.border-bom1 {border-bottom: 1px solid #ddd;} |
||||
|
|
||||
|
/* text pos */ |
||||
|
.tl {text-align: left;} |
||||
|
.tc {text-align: center;} |
||||
|
.tr {text-align: right;} |
||||
|
|
||||
|
/* 娓呴櫎娴姩 */ |
||||
|
.fl,.Left {float: left;} |
||||
|
.fr,.Right {float: right;} |
||||
|
.clear {clear: both;width: 0px;height: 0px;overflow: hidden;} |
||||
|
.pl30 {padding-left:30px;}.pr30 {padding-right:30px;} |
||||
|
.pl10 {padding-left:10px;}.pr10 {padding-right:10px;} |
||||
|
.pl20 {padding-left:20px;}.pr20 {padding-right:20px;} |
||||
|
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; } |
||||
|
.clearfix {display: block;height: 1%;zoom: 1;}* html |
||||
|
.Clearfix {display: block;} /* for IE/Mac */ |
||||
|
|
||||
|
.clearfix2{*zoom:1;} |
||||
|
.clearfix2:after{content:'\0020';display:block;height:0;font-size:0;line-height:0;clear:both;overflow:hidden;} |
||||
|
|
||||
|
|
||||
|
/* 閫忔槑鑳屾櫙灞� */ |
||||
|
.mask, .Mask {width:100%;height:100%;position:fixed;background: url(https://s1.51cto.com/images/201611/95dc798763e7191d096823b51600438a1218c0.png);top:0px;left:0px;z-index:9999;display: none;} |
||||
|
|
||||
|
/*ALL Pages use*/ |
||||
|
.Page {width:1200px;margin:auto;position: relative;z-index: 2;} |
||||
|
.Header {padding:50px 0px 40px 0px;height: 40px;border-bottom: 1px solid #EEE;background: #FFF;position: relative;z-index: 100;} |
||||
|
.Header .Logo {margin-top: 0;margin-right: 45px;} |
||||
|
.Header .Logo img.sublogo {margin-left: 15px;margin-top: 5px;} |
||||
|
.Header .Navigate {margin-left: 0;} |
||||
|
.Header .Navigate li {float: left;font-size: 16px;line-height: 1;padding-top:24px;padding-right: 30px;*padding-right: 25px;position: relative;padding-bottom: 10px;margin-bottom: -10px;} |
||||
|
.Header .Navigate li p.min_more {background: url(/edu/center/images/tips.png) no-repeat right center;padding-right: 10px;font-size: 16px;cursor: default;} |
||||
|
.Header .Navigate li:hover p.min_more {background-image: url(/edu/center/images/tips2.png)} |
||||
|
.Header .Navigate li div.min_more {position: absolute;top:50px;z-index: 101;background: #FFF;left: -20px;right: 10px;display: none;border:1px solid #EEE;border-radius: 3px;line-height: 36px;} |
||||
|
.Header .Navigate li:hover div.min_more {display: block;box-shadow: 0 6px 12px rgba(0,0,0,.175);} |
||||
|
.Header .Navigate li div.min_more a {display: block;text-align: center;} |
||||
|
.Header .Navigate li {float: left;font-size: 16px;line-height: 1;padding-top:24px;padding-right: 30px;*padding-right: 25px;} |
||||
|
.Header .Search {height: 22px;border:1px solid #15b1e4;border-radius: 5px;background-color: #15b1e4;margin-top: 20px;width:180px;} |
||||
|
.Header .Search * {height: 22px;line-height: 22px;} |
||||
|
.Header .Search button {background-color: transparent;border:none;color:#FFF;width: 50px;line-height: 1;padding:0;} |
||||
|
.Header .Search input {border:none;width: 130px;text-indent: 5px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;font-size: 12px;padding: 0;} |
||||
|
|
||||
|
/**/ |
||||
|
.Header3 {position: relative;z-index: 10000;height: 50px;background: #333;} |
||||
|
.Header3 ul {} |
||||
|
.Header3 ul li {position: relative;} |
||||
|
.Header3 ul li.logo {margin-right: 10px;} |
||||
|
.Header3 ul li.logo>a { padding: 0; } |
||||
|
.Header3 ul li.logo .logo_pic1 { |
||||
|
display: block; |
||||
|
width: 110px; |
||||
|
height: 50px; |
||||
|
background: url('/edu/center/images/common/layout_css_sprites2.png') -230px -10px; |
||||
|
} |
||||
|
.Header3 ul li.logo .logo_pic2 { |
||||
|
display: block; |
||||
|
width: 110px; |
||||
|
height: 50px; |
||||
|
background: url('/edu/center/images/common/layout_css_sprites2.png') -230px -80px; |
||||
|
} |
||||
|
.Header3 ul li>a {padding: 0 13px;line-height: 50px;display: block;position: relative;z-index: 4;} |
||||
|
.Header3 ul li>a:hover {opacity: 1;} |
||||
|
.Header3 ul li.fl a {font-size: 16px;color:#FFF;} |
||||
|
.Header3 ul li.fr {font-size: 12px;} |
||||
|
.Header3 ul li.fr>a {color: #DDD;} |
||||
|
.Header3.IndexHeader_old_bg ul li.fr>a {color: #999;} |
||||
|
.Header3.IndexHeader_old_bg ul li.fr a.vipslgn { |
||||
|
color: #d32f24; |
||||
|
padding-left: 40px; |
||||
|
position: relative; |
||||
|
} |
||||
|
.Header3.IndexHeader_old_bg ul li.fr a.vipslgn:after { |
||||
|
content: ''; |
||||
|
position: absolute; |
||||
|
left: 8px; |
||||
|
top: 6px; |
||||
|
width: 21px; |
||||
|
height: 19px; |
||||
|
background: url(/edu/center/images/common/layout_css_sprites.png) no-repeat -7px -9px; |
||||
|
} |
||||
|
|
||||
|
.Header3 ul li.fr:hover>a { |
||||
|
background: #FFF url("/edu/center/images/sprite/css_sprites.png") -10px -135px repeat-x; |
||||
|
background-size: 100% 4px; |
||||
|
color:#00baf2;} |
||||
|
.Header3 ul li.links {margin: 0;} |
||||
|
.Header3 ul li.links>a {width: 2px;height: 50px;} |
||||
|
.Header3 ul li.links i.icon {width: 12px;height: 12px;background: url(/edu/center/images/common/layout_css_sprites.png) -85px -10px;position: absolute;left: 50%;top:18px;margin-left: -6px;z-index: 5;} |
||||
|
.Header3 ul li.links:hover i.icon {background: url(/edu/center/images/common/layout_css_sprites.png) -85px -42px;} |
||||
|
.Header3 ul li .More {position: absolute;background: #FFF;border:1px solid #DDD;right: -1px;top:50px;padding-bottom: 5px;display: none;text-align: center;min-width: 100%;z-index: 2;} |
||||
|
.Header3 ul li .More>a {position: relative;line-height: 30px;margin: 0 5px;white-space: nowrap;display: block;padding: 0 20px;} |
||||
|
.Header3 ul li .More>a:hover {background: #EEE;} |
||||
|
.Header3 ul li.links .More {width: 1198px;padding: 25px 0;overflow: hidden;} |
||||
|
.Header3 ul li.links .More dl {border-right: 1px solid #e8e8e8;padding-left: 60px;text-align: left;float: left;height: 160px;} |
||||
|
.Header3 ul li.links .More dl.noBorder {border:none;} |
||||
|
.Header3 ul li.links .More dl dt {font-size: 14px;font-weight: bold;margin-bottom: 10px;} |
||||
|
.Header3 ul li.links .More dl dd.th1 {max-width: 130px;} |
||||
|
.Header3 ul li.links .More dl dd.th2 {max-width: 250px;} |
||||
|
.Header3 ul li.links .More dl dd a{ color:#666;} |
||||
|
.Header3 ul li.links .More dl dd a:hover{ color:#00a8e9;} |
||||
|
.Header3 ul li.links .More dl p {width: 125px;margin-bottom: 5px;float: left;} |
||||
|
.Header3 ul li.hasMore>a {padding-right: 25px;} |
||||
|
.Header3 ul li.hasMore i.icon {background-position: 0 -250px;width: 9px;height: 6px;position: absolute;right: 10px;top:22px;z-index: 5;} |
||||
|
.Header3 ul li.hasMore2>a {padding-right: 45px;} |
||||
|
.Header3 ul li.hasMore2 .vipSide {position: absolute !important;top:17px; right:25px;z-index: 5;} |
||||
|
.Header3 ul li .empty {width: 100%;position: absolute;right: -1px;top:0;height: 50px;z-index: 3;border:1px solid #DDD;border-top: 0;border-bottom: 1px solid #FFF;display: none;} |
||||
|
|
||||
|
.Header3 ul li:hover>* {display: block;} |
||||
|
.Header3 ul .myname a{max-width: 65px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: inline-block;} |
||||
|
.topSearch {padding-top: 9px;margin-left: 30px;} |
||||
|
.topSearch input {width: 170px !important;padding-right: 25px;padding-left: 10px;border:1px solid #e6e6e7;height: 20px;background-color: #FFF; padding:5px 25px 5px 10px;} |
||||
|
.topSearch .in_foucs{border:1px solid #21b8ff;} |
||||
|
.topSearch .icon.search {width: 14px;height: 14px;position: absolute;z-index: 2;top:17px;right: 13px;cursor: pointer;padding: 0;background: url(/edu/center/images/common/layout_css_sprites.png) no-repeat -51px -10px;} |
||||
|
.topSearch .icon.search2 {background: url(/edu/center/images/common/layout_css_sprites.png) no-repeat -51px -44px;} |
||||
|
|
||||
|
.Header3.white { |
||||
|
background: #FFF url("/edu/center/images/sprite/css_sprites.png") -10px -135px repeat-x; |
||||
|
background-size: 100% 4px; |
||||
|
/* border-bottom: 1px solid #ebeef0; */ |
||||
|
} |
||||
|
|
||||
|
.Header3.white ul li.fl a {font-size: 16px;color:#333;} |
||||
|
.Header3.white ul li.fl:hover>a {background: #00baf2;color:#FFF;} |
||||
|
.Header3.white ul li.logo:hover a{ background:none;} |
||||
|
.Header3.white ul li.fr>a {color: #999;} |
||||
|
.Header3.white ul li.fr a.vipslgn{ color: #d32f24;padding-left: 25px; position: relative;} |
||||
|
.Header3.white ul li.fr a.vipslgn:after {content: '';width:21px;height:19px;background: url('/edu/center/images/common/layout_css_sprites.png') -10px -10px;position: absolute;left: 0;top: 15px;} |
||||
|
.Header3.Fix {position: fixed;left: 0;top: 0;width: 100%;z-index: 1000;display: none;} |
||||
|
|
||||
|
.ALLCourse {position: absolute;background: #FFF;border:2px solid #00baf2;top:50px;right:0px;display: none;} |
||||
|
.ALLCourse .List {width: 240px;background: #00baf2;position: relative;} |
||||
|
.ALLCourse .List .item {padding: 10px 20px;padding-top: 0;} |
||||
|
.ALLCourse .List .item:hover {background: #FFF;border:none;margin-right: -2px;} |
||||
|
.Header3 ul li .ALLCourse .List .item h2 {overflow: hidden;border-top:1px dashed #FFF;border-top:1px dashed rgba(255,255,255,0.5);padding-top: 11px;margin-top: -1px;} |
||||
|
.Header3 ul li .ALLCourse .List .item:first-child h2 {border:none;margin-top: 0;} |
||||
|
.Header3 ul li .ALLCourse .List .item h2 * {float: left;} |
||||
|
.Header3 ul li .ALLCourse .List .item h2 a {color: #FFF;font-weight: normal;line-height: 28px;font-size: 14px;} |
||||
|
.ALLCourse .List .item h2 span {width: 0px;height: 12px;padding-left: 1px;overflow: hidden;background: #87d7f4;margin-top: 8px;} |
||||
|
.Header3 ul li .ALLCourse .List .item p a,.ALLCourse .List .item h2 span {color: #87d7f4;font-size: 12px;} |
||||
|
.Header3 ul li .ALLCourse .List .item p {font-size: 12px;} |
||||
|
.Header3 ul li .ALLCourse .List .item a {margin: 0 4px;} |
||||
|
.Header3 ul li .ALLCourse .List .item:hover a {color:#666;position: static;} |
||||
|
.Header3 ul li .ALLCourse .List .item:hover a:hover {color:#00baf2;} |
||||
|
.ALLCourse .List .item .more {position: absolute;width: 660px;height: 100%;left: 242px;top:-2px;background: #FFF;border:2px solid #00baf2;border-left:0;display: none;} |
||||
|
.ALLCourse .List .item:hover .more {display: block;} |
||||
|
.ALLCourse .List .item .more .main {padding: 20px;} |
||||
|
.ALLCourse .List .item .more .main dl {margin-bottom: 20px;font-size: 12px;width: 420px;} |
||||
|
.ALLCourse .List .item .more .main dl dt {font-weight: bold;margin-bottom: 10px;} |
||||
|
.ALLCourse .List .item .more .main dl dd {overflow: hidden;} |
||||
|
.ALLCourse .List .item .more .main dl dd a {margin: 0;} |
||||
|
.ALLCourse .List .item:hover .more img {position: absolute;right: 0;bottom:0;} |
||||
|
|
||||
|
/**/ |
||||
|
.Content {padding:20px 0;} |
||||
|
.Footer {background-color: #FAFAFA;padding-bottom: 40px;border-top:1px solid #EEE;} |
||||
|
.Footer .Links {overflow: hidden;padding:15px 0px;line-height: 40px;border-bottom: 1px solid #FFF;} |
||||
|
.Footer .Links dt {float: left;width: 125px;font-size: 16px;} |
||||
|
.Footer .Links dd {float: left;width: 1075px;} |
||||
|
.Footer .Links dd a{margin-right: 30px;white-space:nowrap} |
||||
|
.Footer>.Page {padding-top: 55px;} |
||||
|
.Footer .QRcode {margin:0 50px;width: 280px;float: left;} |
||||
|
.Footer .QRcode caption {padding-bottom: 30px;} |
||||
|
.Footer .Info {margin-top: 70px;line-height: 1} |
||||
|
.Footer .Info .Map {margin-bottom: 45px;font-size: 14px;} |
||||
|
.Footer .Info .Map a,.Footer .Info .Map span {margin-right: 15px;} |
||||
|
.Footer .Info .Map span {border-left: 1px solid #AAA;} |
||||
|
.Footer .Info .Call {font-size: 22px;font-weight: bold;padding-left: 30px;background: url(/edu/center/images/call.png) no-repeat left 1px;margin-right: 30px;} |
||||
|
.Footer .Info .callTime {margin-top: 6px;} |
||||
|
.Footer .Info .copy {color: #818181;margin-top: 15px;font-size: 14px;text-align: left;} |
||||
|
.Footer .Info .copy a {color: #818181;} |
||||
|
.Footer .Info .copy a:hover {color: #000;} |
||||
|
|
||||
|
.footer_bg {background: #FAFAFA;line-height: 1.75;} |
||||
|
.footer {width: 1060px;padding: 50px 50px 30px;margin: 0 auto;border-top: 1px solid #f5f5f5;} |
||||
|
.footer_list {float: left;width: 200px;} |
||||
|
.footer h2 {display: inline-block;font-size: 18px;color: #333;margin-right: 10px;} |
||||
|
.footer h3 {font-size: 34px;color: #333;} |
||||
|
.footer_list a {font-size: 14px;color: #666;line-height: 30px;} |
||||
|
.footer_company {text-align: center;border-top: 1px solid #FFF; padding-bottom: 10px;} |
||||
|
.footer_company .bottom_logo_pic { |
||||
|
display: block; |
||||
|
width: 200px; |
||||
|
height: 44px; |
||||
|
background: url('/edu/center/images/common/layout_css_sprites2.png') -10px -10px; |
||||
|
margin: auto; |
||||
|
margin-bottom: 20px; |
||||
|
transform: scale(.5) |
||||
|
} |
||||
|
.footer_company div, .footer_company div a {font-size: 14px;color: #999;line-height: 1;} |
||||
|
/*鍒嗕韩*/ |
||||
|
.sbox_more a {display: inline-block;width: 46px;height: 46px;margin-right: 30px;} |
||||
|
.sbox_more a.sina { |
||||
|
background: url('/edu/center/images/common/layout_css_sprites2.png') -112px -74px; |
||||
|
} |
||||
|
.sbox_more a.qq { |
||||
|
background: url('/edu/center/images/common/layout_css_sprites2.png') -10px -280px; |
||||
|
} |
||||
|
.sbox_more a.wechat { |
||||
|
background: url('/edu/center/images/common/layout_css_sprites2.png') -220px -174px; |
||||
|
} |
||||
|
.sbox_more a.sina:hover { |
||||
|
background: url('/edu/center/images/common/layout_css_sprites2.png') -154px -174px; |
||||
|
} |
||||
|
.sbox_more a.qq:hover { |
||||
|
background: url('/edu/center/images/common/layout_css_sprites2.png') -76px -280px; |
||||
|
} |
||||
|
.wechat_bg {position: relative;} |
||||
|
.wechat_bg:hover a.wechat { |
||||
|
background: url('/edu/center/images/common/layout_css_sprites2.png') -286px -174px; |
||||
|
} |
||||
|
.wechat_bg:hover .wechat_box {display: block;} |
||||
|
.wechat_box {display: none;position: absolute;top: 0px;left: 56px;background: #fff;padding: 10px;box-shadow: 0 0 10px #ccc;} |
||||
|
.wechat_box p {text-align: center;margin-top: 5px;font-size: 14px;color: #666;} |
||||
|
|
||||
|
/*鍒嗛〉*/ |
||||
|
.pagination {margin: 30px auto;text-align: right;font-size: 14px;} |
||||
|
.pagination li {display:inline-block;margin:0px 2px;height: 34px;line-height: 34px;overflow: hidden;background: #FFF;border:1px solid #E0E0E0;} |
||||
|
.pagination li {*display:inline;} |
||||
|
.pagination li.disabled,.pagination li.disabled:hover {border-color:#EEE;padding:0px 10px;cursor: default;} |
||||
|
.pagination li.active,.pagination li:hover {border-color: #00baf2;} |
||||
|
.pagination li:last-child.last.disabled {border-color:#FFF;font-size: 14px;color: #818181} |
||||
|
.pagination li a{display: block;padding:0px 14px;background:#F5F5F5;text-align: center;} |
||||
|
.pagination li.active a,.pagination li a:hover{background: #00baf2;color:#FFF;} |
||||
|
.pagination li:last-child.last.noLink {border-color:transparent;margin: 0;margin-left: 10px;background: none;} |
||||
|
|
||||
|
.Advice {position: fixed;width: 588px;height: 392px;padding:7px 6px;background:#FFF url(/edu/center/images/zxtzbk.png) no-repeat;top:50%;left: 50%;margin-top: -203px;margin-left: -300px;z-index: 50001;} |
||||
|
.Advice .Main {font-size: 12px;padding: 4px 10px 9px 20px;/*padding:20px 20px 40px 40px;*/position: relative;} |
||||
|
.Advice .Main h3 {font-size: 16px;color: #c01a20;font-weight: bold;margin-top: 10px;} |
||||
|
.Advice .Main a {font-size: 14px;color: #0c72f0;} |
||||
|
.Advice .Main .close {position: absolute;top:0px;right: 2px;width: 40px;height: 40px;border-radius: 0;background: #c01a20 url(/edu/center/images/close.png) no-repeat center center;font-family: Arial;padding: 0;text-align: center;line-height: 1;} |
||||
|
.Advice .Main #bizQQ_WPA {position: absolute;right: 0;bottom: -20px;width: 152px;height: 49px;background: url(https://s1.51cto.com/images/201612/c14bf7e41480992525e379f0ee3f2482adfd03.png) no-repeat; padding:0;border-radius: 0;} |
||||
|
.Notices {border:1px solid #e5e5b5;background-color: #ffffca;position: relative;line-height: 30px;padding:5px 10px;} |
||||
|
|
||||
|
/*vip鏍囪瘑-绾㈣壊*/ |
||||
|
.vipBig {display: inline-block !important;width: 26px;height: 26px;background: url(/edu/center/images/vip.png) no-repeat left -114px;cursor: pointer;} |
||||
|
.vipMedium {display: inline-block !important;width: 22px;height: 22px;background: url(/edu/center/images/vip.png) no-repeat left -240px;cursor: pointer;} |
||||
|
.vipSmall {display: inline-block !important;width: 20px;height: 20px;background: url(/edu/center/images/vip.png) no-repeat left bottom;cursor: pointer;} |
||||
|
.vipSide {position: relative !important;display: inline-block !important;width: 15px !important;height: 15px !important;background: url(/edu/center/images/vip.png) no-repeat left top;cursor: pointer;} |
||||
|
|
||||
|
/*vip鏍囪瘑-鐏拌壊*/ |
||||
|
.vipBig_gray {display: inline-block !important;width: 26px;height: 26px;background: url(/edu/center/images/vip_26.png) no-repeat;cursor: pointer;} |
||||
|
.vipMedium_gray {display: inline-block !important;width: 22px;height: 22px;background: url(/edu/center/images/vip_22.png) no-repeat;cursor: pointer;} |
||||
|
.vipSmall_gray {display: inline-block !important;width: 20px;height: 20px;background: url(/edu/center/images/vip_20.png) no-repeat;cursor: pointer;} |
||||
|
.vipSide_gray {position: relative !important;display: inline-block !important;width: 15px !important;height: 15px !important;background: url(/edu/center/images/vip_15.png) no-repeat;cursor: pointer;} |
||||
|
.vipSide_gray:hover span {display: block;} |
||||
|
.vipSide_gray span {position: absolute;left: -58px;top: 20px;display: inline-block;width: 128px;height: 32px;text-align: center;line-height: 32px;background: #faf7e6;border: 1px solid #ecb7a5;color: #666;font-size: 12px;padding: 3px 5px;display: none;} |
||||
|
.vipSide_gray span i {position: absolute;left: 58px;top: -6px;display: inline-block;width: 12px;height: 7px;background: url(/edu/center/images/hidearro.png) no-repeat;} |
||||
|
.vipSide_gray span b {display: inline-block;font-style: normal;font-weight: normal;font-size: 12px;color: #f60;} |
||||
|
/*icon*/ |
||||
|
i.icon{background: url(/edu/center/images/icons.png?v=1) no-repeat;} |
||||
|
a.btn {display: block;background-color: #00baf2;color:#FFF;line-height: 24px;padding:0 10px;} |
||||
|
a.btn:hover {opacity: 0.8;} |
||||
|
|
||||
|
div.loading {padding-top: 88px;text-align: center;background: url(/edu/center/images/loading.gif) no-repeat center top;color:#999;} |
||||
|
div.Empty {text-align: center;line-height: 40px;color:#666;} |
||||
|
div.Empty p,div.Empty td {height: 100px;padding-left: 95px !important;background: url(/edu/center/images/empty.png) no-repeat left center;font-size: 16px;} |
||||
|
div.Empty p {display: inline-block;line-height: 100px;} |
||||
|
div.Empty p {_display: inline;} |
||||
|
div.Empty table {margin: auto;width: auto;border:none;} |
||||
|
div.Empty td {line-height: 1.5;text-align: left;border:none;} |
||||
|
div.Empty span {color: #818181;font-size: 12px;} |
||||
|
div.Empty a {border:1px solid #00abf2;padding: 0 15px;display: block;color: #00baf2;font-size: 14px;float: left;line-height: 2;margin-top: 5px;} |
||||
|
|
||||
|
|
||||
|
.stars,.stars02 {overflow: hidden;} |
||||
|
.stars i.star {width: 22px;height: 20px;float: left;background-position: -350px -250px;margin-right: 3px;} |
||||
|
.stars i.star.full {background-position: -350px -300px;} |
||||
|
.stars.set i.star {cursor: pointer;} |
||||
|
.stars.small i.star {width: 18px;height: 16px;background-position: -350px -350px;} |
||||
|
.stars.small i.star.full {background-position: -350px -400px;} |
||||
|
|
||||
|
.stars02 i.star { |
||||
|
width: 12px; |
||||
|
height: 12px; |
||||
|
background: url(/edu/center/images/common/layout_css_sprites.png) no-repeat -117px -10px; |
||||
|
float: left; |
||||
|
display: block; |
||||
|
margin-right: 3px; |
||||
|
} |
||||
|
.stars02 i.star.full { |
||||
|
background: url(/edu/center/images/common/layout_css_sprites.png) no-repeat -117px -42px; |
||||
|
} |
||||
|
|
||||
|
#ClCache {display: none;} |
||||
|
.edu-ad img {display: block;} |
||||
|
|
||||
|
.fixpop{ position: fixed; left:0; bottom:0; width:100%; height:150px; z-index: 99; display:none;} |
||||
|
.fixpop .bg{ position: fixed; left:0; bottom:0; width:100%; height:150px; z-index: 99; background:#353c47; opacity: 0.9;filter: alpha(opacity=90);} |
||||
|
.fixpop .Page{ z-index: 999;} |
||||
|
.fixpop .Page img {display: block;height: 100%;} |
||||
|
.fixpop .Page .a_1s{ float: left; padding:15px 0 0 83px; height:113px;} |
||||
|
.fixpop .Page .a_2s{ float: left; width:210px; height:56px; line-height: 56px; text-align: center; background:#ffe535; border-radius: 56px; color:#f3551b; font-size: 22px; display:inline-block; margin:44px 0 0 30px;} |
||||
|
.fixpop .Page .btn_close{float: left;margin-top:10px; width:20px; height:20px;margin-left:50px;background: url(/edu/center/images/task/icon7.png) no-repeat center top; cursor: pointer;} |
||||
|
#exit_newuser {bottom: 100%;position: absolute;} |
||||
|
|
||||
|
.qqbm_bs_box {position: fixed;right:10px;top:50%;margin-top:-140px;width:58px;z-index: 999;cursor: pointer;opacity: .8;filter: opacity(80);} |
||||
|
.qqbm_bs_box>* {display: block;margin-top: 2px;position: relative;} |
||||
|
.qqbm_bs_box img {display: block;width: 100%;} |
||||
|
.qqbm_bs_box img.mouseIn {position: absolute;left: 0;top: 0;display: none;} |
||||
|
@media screen and (min-width: 1024px) and (max-width: 1440px) { |
||||
|
.qqbm_bs_box {width: 50px;} |
||||
|
.fixpop .Page .a_1s {height: 100px;margin-top: 12px;padding-left: 50px;} |
||||
|
.fixpop .Page .a_2s {height: 40px;line-height: 40px;width: 180px;margin-top: 58px;font-size: 18px;font-weight: bold;} |
||||
|
} |
||||
|
@media screen and (max-width: 1024px) { |
||||
|
.qqbm_bs_box {width: 48px;} |
||||
|
.fixpop .Page .a_1s {height: 90px;margin-top: 17px;padding-left: 30px;} |
||||
|
.fixpop .Page .a_2s {height: 40px;line-height: 40px;width: 180px;margin-top: 58px;font-size: 18px;font-weight: bold;} |
||||
|
} |
||||
|
.whitebox{ background:#fff; border-radius: 5px;} |
||||
|
.whitebox:hover{box-shadow: 0 0 10px #ccc;} |
||||
|
.exit_slide{ position: fixed; z-index:999; right:40px; top:50%; display:inline-block; line-height: 1;} |
||||
|
.exit_slide .pre,.exit_slide .after{ height:50px;width:50px; display:inline-block; text-align: center;} |
||||
|
.exit_slide .after,.exit_slide .cur .pre{ display:none;} |
||||
|
.exit_slide .cur .after,.exit_slide .pre{ display:block;} |
||||
|
|
||||
|
.exit_slide .customer{ border-radius: 5px; overflow:hidden;cursor: pointer;} |
||||
|
.exit_slide .customer .pre { |
||||
|
background: url('/edu/center/images/common/layout_css_sprites2.png') -82px -174px; |
||||
|
height: 36px; |
||||
|
color: #1ac6fe; |
||||
|
line-height: 16px; |
||||
|
padding-top: 50px; |
||||
|
} |
||||
|
.exit_slide .customer .after { |
||||
|
background: url('/edu/center/images/common/layout_css_sprites2.png') -10px -174px; |
||||
|
height: 36px; |
||||
|
color: #fff; |
||||
|
line-height: 16px; |
||||
|
padding-top: 50px; |
||||
|
} |
||||
|
.exit_slide .bots{border-radius: 5px; background:#fff; width:50px; margin-top: 12px;box-shadow: 0 0 10px #f5f2f2;} |
||||
|
.exit_slide .bots .item{ height:50px; cursor: pointer; position: relative;transition: background .3s } |
||||
|
.exit_slide .bots .item_app .pre{width:39px; height:37px;position:absolute;top:8px;left:7px;background: url(/edu/center/images/common/layout_css_sprites3.png) no-repeat -10px -101px;} |
||||
|
.exit_slide .bots .item_app .after,.exit_slide .bots .item_top .after{padding-top: 12px; height:38px; line-height: 16px;} |
||||
|
.exit_slide .bots .item_top .pre{width:39px;height:24px;background: url(/edu/center/images/common/layout_css_sprites3.png) -172px -10px;position: absolute;top: 14px;left: 7px;} |
||||
|
.exit_slide .app_code{position: absolute; left:-150px; top:0; padding:15px; box-shadow: 0 0 10px #f5f2f2;} |
||||
|
.exit_slide .app_code p{ line-height: 18px; font-size: 12px; text-align: center;} |
||||
|
.exit_slide .bots .line{ width:24px; height:2px; background:#f6f6f6;margin:0 auto;} |
||||
|
.trans_scale{transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform-origin: 100% 0%;-webkit-transform-origin: 100% 0%;-ms-transform-origin:100% 0%;-moz-transform-origin:100% 0%;-o-transform-origin:100% 0%; transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;-ms-transition: all ease .3s;-moz-transition: all ease .3s;-o-transition: all ease .3s;display:none\0;*display:none;} |
||||
|
.trans_scale_h{display: block;transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);opacity: 1;*display:block;} |
||||
|
/* 寮鸿皟鍦嗙偣 */ |
||||
|
.circle {width: 8px;height: 8px;display: inline-block;background-color: rgb(255,84,0);border-radius: 50%;} |
||||
|
.circle-pos1 {position: absolute;right: 19px;top: 5px;} |
||||
|
.circle-pos2 {position: absolute;right: 11px;top: 4px;} |
||||
|
.circle-pos3 {position: absolute;right: 19px;top: 12px;} |
||||
|
.circle-seckill-pos1 {position: absolute; right: 3px; top: -5px;} |
||||
|
.circle-seckill-pos2 {position: absolute; right: 7px; top: 11px;} |
||||
|
.circle-seckill-pos3 {position: absolute; right: -9px; top: 5px;} |
||||
|
.circle-hot-icon {position: absolute;right: 5px;top: 8px;width: 10px;height: 13px;background: url(/edu/center/images/courselist/list_css_sprites.png) -212px -10px;} |
||||
|
|
||||
|
#suspension_box{width:119px;height:340px;position:fixed;right:1%;top:13%;z-index: 99;} |
||||
|
#sus_content{width:94px;height:185px;position:absolute;top:102px;left:12px;cursor: pointer;} |
||||
|
#sus_top{width:58px;height:20px;position:absolute;bottom: 5.5%;left: 24%;cursor: pointer;} |
||||
|
.sus_list{width: 98%;height: 31px;line-height: 31px;text-align: center;font-size: 16px;color: #303030;border: 1px solid #a0a0a0;margin-bottom: 5px;} |
||||
|
.sus_list.active{background-color: #df4d51;color: #fff;width: 100%;height: 33px;line-height: 33px;border: none;} |
||||
|
.sus_list:hover{background-color: #df4d51;color: #fff;width: 100%;height: 33px;line-height: 33px;border: none;} |
||||
|
|
||||
|
|
||||
|
/*娲诲姩鍏ㄧ珯骞垮憡*/ |
||||
|
.upopbg{ width:100%; height:100%; position: fixed;left:0; top:0;z-index: 99999; background:url(/edu/center/images/bg70.png) repeat;display:none;} |
||||
|
.upopbox_mid{width:500px; height:500px; margin:-250px 0 0 -250px; position: fixed; z-index: 9999999; top:50%; left:50%; display: none;} |
||||
|
.upopbox_mid .ins{ position: relative;} |
||||
|
.upopbox_mid .ins span{ display:block; width:20px; height:20px;text-align: center; position: absolute;right:-10px; top:-10px; z-index: 999; cursor: pointer;} |
||||
|
.upopbox_mid .ins span.offbtn-center{width: 19px; height: 19px;background: url(/edu/center/images/common/layout_css_sprites2.png) -178px -74px;} |
||||
|
.upopbox_bot{ width:100%; height:100px;position: fixed;left:0; bottom:0;z-index: 99999; background:url(/edu/center/images/bg70.png) repeat; display: none; } |
||||
|
.upopbox_bot .ins{ position: relative;} |
||||
|
.upopbox_bot .ins span.offbtn{ display:block; width:20px; height:20px;text-align: center; position: absolute;right:-23px; top:3px; z-index: 999; cursor: pointer;} |
||||
|
.upopbox_bot .ins span.offbtn-bottom{width: 19px; height: 19px;background: url(/edu/center/images/common/layout_css_sprites2.png) -178px -74px;transform: scale(.8);} |
||||
|
.upopbox_bot .ins a{ height: 100px;position: relative; display: block; } |
||||
|
.upopbox_bot .ins .ctxt{position: absolute; left:690px; top:20px; z-index: 999; font-size: 16px; color: #fff;} |
||||
|
.upopbox_bot .ins .botTimer{position: absolute; left:690px; top:48px; font-size: 16px; z-index: 999;color: #fff;} |
||||
|
.upopbox_bot .ins .botTimer{font-weight: normal; } |
||||
|
.upopbox_bot .ins .botTimer span{ border-radius: 3px; display: inline-block; height: 30px; line-height: 30px;width:30px;font-size: 20px; background: #413b7e; text-align: center; } |
||||
|
.upopbox_bot .ins .botTimer b{padding:0 5px; font-weight: normal; font-size: 14px;} |
||||
|
|
||||
|
/* 椤舵爮骞垮憡 */ |
||||
|
.eduadvtop .Page { |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.eduadvtop .Page .ctxt { |
||||
|
position: absolute; |
||||
|
left: 735px; |
||||
|
top: 15px; |
||||
|
z-index: 999; |
||||
|
font-size: 18px; |
||||
|
color: #333333; |
||||
|
} |
||||
|
|
||||
|
.eduadvtop .Page a { |
||||
|
height: 60px; |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
} |
||||
@ -0,0 +1,413 @@ |
|||||
|
.bottom_rec{ |
||||
|
position: relative; |
||||
|
width: 850px; |
||||
|
height: 390px; |
||||
|
margin-top: 30px; |
||||
|
margin-left: 20px; |
||||
|
} |
||||
|
.bottom_rec .til{ |
||||
|
position: absolute; |
||||
|
width: 100%; |
||||
|
height: 40px; |
||||
|
line-height: 40px; |
||||
|
border-bottom: 1px #ccc solid; |
||||
|
} |
||||
|
.detail_rec{ |
||||
|
position: absolute; |
||||
|
width: 100%; |
||||
|
height: 360px; |
||||
|
top: 60px; |
||||
|
} |
||||
|
.detail_rec .swiper-container1{ |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
padding: 15px 0; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.detail_rec .swiper-slide{ |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
.detail_rec .min_item, |
||||
|
.detail_rec .special_item, |
||||
|
.detail_rec .course_item{ |
||||
|
position: relative; |
||||
|
width: 198px; |
||||
|
height: 314px; |
||||
|
margin: 0 6px; |
||||
|
float: left; |
||||
|
} |
||||
|
.detail_rec .special_item:hover{ |
||||
|
box-shadow: 0px 0px 4px #BBB; |
||||
|
} |
||||
|
.detail_rec .course_item:hover{ |
||||
|
box-shadow: 0px 0px 4px #BBB; |
||||
|
} |
||||
|
.detail_rec .special_item .item_pic, |
||||
|
.detail_rec .course_item .item_pic{ |
||||
|
position: relative; |
||||
|
width: 198px; |
||||
|
height: 121px; |
||||
|
border-radius: 3px; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.detail_rec .special_item .item_type{ |
||||
|
position: absolute; |
||||
|
width: 35px; |
||||
|
height: 20px; |
||||
|
background: #e93460; |
||||
|
color: #fff; |
||||
|
text-align: center; |
||||
|
border: 2px #fff solid; |
||||
|
font-size: 12px; |
||||
|
border-radius: 12px; |
||||
|
top: -8px; |
||||
|
left: -8px; |
||||
|
padding: 0 3px; |
||||
|
z-index: 10; |
||||
|
} |
||||
|
.detail_rec .special_item .item_pic img, |
||||
|
.detail_rec .course_item .item_pic img{ |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
.detail_rec .special_item .item_name, |
||||
|
.detail_rec .course_item .item_name{ |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
box-sizing: border-box; |
||||
|
padding: 12px 12px 0 12px; |
||||
|
height: 44px; |
||||
|
line-height: 16px; |
||||
|
font-size: 14px; |
||||
|
color: #212432; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.detail_rec .special_item .item_info, |
||||
|
.detail_rec .course_item .item_info{ |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
box-sizing: border-box; |
||||
|
padding: 0 12px; |
||||
|
height: 12px; |
||||
|
line-height: 12px; |
||||
|
font-size: 12px; |
||||
|
margin-top: 19px; |
||||
|
color: #777986; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.detail_rec .special_item .item_info .item_course_num, |
||||
|
.detail_rec .course_item .item_info .item_course_num{ |
||||
|
float: left; |
||||
|
} |
||||
|
.detail_rec .special_item .item_info .item_study_num{ |
||||
|
float: right; |
||||
|
margin-left: 10px; |
||||
|
} |
||||
|
.detail_rec .special_item .item_info .item_study_num:before{ |
||||
|
content: ''; |
||||
|
background: url("/edu/center/images/sprite/css_sprites.png") -158px -83px no-repeat; |
||||
|
vertical-align: middle; |
||||
|
display: inline-block; |
||||
|
/* background-size: 8px 10px; */ |
||||
|
width: 8px; |
||||
|
height: 10px; |
||||
|
margin-top: -3px; |
||||
|
margin-right: 3px; |
||||
|
} |
||||
|
|
||||
|
/* 寰亴浣嶆帹鑽� */ |
||||
|
.detail_rec .min_item:hover{ |
||||
|
box-shadow: 0px 0px 4px #BBB; |
||||
|
} |
||||
|
.detail_rec .course_item:hover{ |
||||
|
box-shadow: 0px 0px 4px #BBB; |
||||
|
} |
||||
|
.detail_rec .min_item .item_pic{ |
||||
|
position: relative; |
||||
|
width: 198px; |
||||
|
height: 121px; |
||||
|
border-radius: 3px; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.detail_rec .min_item .item_type{ |
||||
|
position: absolute; |
||||
|
width: 45px; |
||||
|
height: 20px; |
||||
|
background: rgb(244,134,83); |
||||
|
color: #fff; |
||||
|
text-align: center; |
||||
|
border: 2px #fff solid; |
||||
|
font-size: 12px; |
||||
|
border-radius: 12px; |
||||
|
top: -8px; |
||||
|
left: -8px; |
||||
|
padding: 0 3px; |
||||
|
z-index: 10; |
||||
|
} |
||||
|
.detail_rec .min_item .item_pic img{ |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
.detail_rec .min_item .item_name{ |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
box-sizing: border-box; |
||||
|
padding: 12px 12px 0 12px; |
||||
|
height: 44px; |
||||
|
line-height: 16px; |
||||
|
font-size: 14px; |
||||
|
color: #212432; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.detail_rec .min_item .item_info{ |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
box-sizing: border-box; |
||||
|
padding: 0 12px; |
||||
|
height: 12px; |
||||
|
line-height: 12px; |
||||
|
font-size: 12px; |
||||
|
margin-top: 19px; |
||||
|
color: #777986; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.detail_rec .min_item .item_info .item_course_num{ |
||||
|
float: left; |
||||
|
} |
||||
|
|
||||
|
.detail_rec .min_item .item_info .item_study_num{ |
||||
|
float: left; |
||||
|
margin-left: 10px; |
||||
|
} |
||||
|
|
||||
|
.detail_rec .min_item .item_info .item_score{ |
||||
|
float: right; |
||||
|
margin-right: 10px; |
||||
|
} |
||||
|
|
||||
|
.detail_rec .min_item .item_info .item_study_num:before{ |
||||
|
content: ''; |
||||
|
background: url("/edu/center/images/sprite/css_sprites.png") -158px -83px no-repeat; |
||||
|
vertical-align: middle; |
||||
|
display: inline-block; |
||||
|
/* background-size: 8px 10px; */ |
||||
|
width: 8px; |
||||
|
height: 10px; |
||||
|
margin-top: -3px; |
||||
|
margin-right: 3px; |
||||
|
} |
||||
|
|
||||
|
.detail_rec .min_item .item_intro{ |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
height: 24px; |
||||
|
line-height: 12px; |
||||
|
font-size: 12px; |
||||
|
color: #777986; |
||||
|
box-sizing: border-box; |
||||
|
margin-top: 12px; |
||||
|
padding: 0 12px; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.detail_rec .min_item .item_btm{ |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
height: 12px; |
||||
|
line-height: 12px; |
||||
|
color: #212432; |
||||
|
font-size: 12px; |
||||
|
box-sizing: border-box; |
||||
|
padding: 0 12px; |
||||
|
margin-top: 32px; |
||||
|
} |
||||
|
.detail_rec .min_item .item_btm .item_prise{ |
||||
|
position: absolute; |
||||
|
width: 100%; |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
.detail_rec .min_item .item_btm .item_prise .item_new_prise{ |
||||
|
float: left; |
||||
|
} |
||||
|
.detail_rec .min_item .item_btm .item_prise .item_old_prise{ |
||||
|
float: left; |
||||
|
margin-left: 5px; |
||||
|
font-size: 10px; |
||||
|
line-height: 14px; |
||||
|
color: #777986; |
||||
|
} |
||||
|
.detail_rec .min_item .item_btm .item_prise .item_cut_prise{ |
||||
|
position: absolute; |
||||
|
left: 0px; |
||||
|
top: 15px; |
||||
|
font-size: 10px; |
||||
|
color: #ff5a00; |
||||
|
background: #f8dbcc; |
||||
|
padding: 1px; |
||||
|
border-radius: 2px; |
||||
|
} |
||||
|
.detail_rec .min_item .item_btm .item_btn_buynow{ |
||||
|
float: right; |
||||
|
z-index: 10; |
||||
|
cursor: pointer; |
||||
|
position: relative; |
||||
|
margin-right: 10px; |
||||
|
color:rgb(0, 186, 242); |
||||
|
} |
||||
|
|
||||
|
._order .min_item{ |
||||
|
width: 224px; |
||||
|
height: 338px; |
||||
|
} |
||||
|
|
||||
|
._order .detail_rec .min_item .item_pic{ |
||||
|
width: 224px; |
||||
|
height: 134px; |
||||
|
} |
||||
|
|
||||
|
/* 寰亴浣嶆帹鑽愮粨鏉� */ |
||||
|
|
||||
|
|
||||
|
.detail_rec .course_item .item_info .item_study_num{ |
||||
|
float: left; |
||||
|
margin-left: 10px; |
||||
|
} |
||||
|
.detail_rec .course_item .item_info .item_study_num:before{ |
||||
|
content: ''; |
||||
|
background: url("/edu/center/images/sprite/css_sprites.png") -158px -83px no-repeat; |
||||
|
vertical-align: middle; |
||||
|
display: inline-block; |
||||
|
/* background-size: 8px 10px; */ |
||||
|
width: 8px; |
||||
|
height: 10px; |
||||
|
margin-top: -3px; |
||||
|
margin-right: 3px; |
||||
|
} |
||||
|
.detail_rec .course_item .item_info .item_course_score{ |
||||
|
float: right; |
||||
|
} |
||||
|
.detail_rec .special_item .item_intro, |
||||
|
.detail_rec .course_item .item_intro{ |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
height: 29px; |
||||
|
line-height: 16px; |
||||
|
font-size: 12px; |
||||
|
color: #777986; |
||||
|
box-sizing: border-box; |
||||
|
margin-top: 12px; |
||||
|
padding: 0 12px; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.detail_rec .special_item .item_btm, |
||||
|
.detail_rec .course_item .item_btm{ |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
height: 12px; |
||||
|
line-height: 12px; |
||||
|
color: #212432; |
||||
|
font-size: 12px; |
||||
|
box-sizing: border-box; |
||||
|
padding: 0 4px; |
||||
|
margin-top: 30px; |
||||
|
} |
||||
|
.detail_rec .special_item .item_btm .item_prise, |
||||
|
.detail_rec .course_item .item_btm .item_prise{ |
||||
|
position: absolute; |
||||
|
width: 100%; |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
.detail_rec .special_item .item_btm .item_prise .item_new_prise, |
||||
|
.detail_rec .course_item .item_btm .item_prise .item_new_prise{ |
||||
|
float: left; |
||||
|
} |
||||
|
.detail_rec .special_item .item_btm .item_prise .item_old_prise, |
||||
|
.detail_rec .course_item .item_btm .item_prise .item_old_prise{ |
||||
|
float: left; |
||||
|
margin-left: 5px; |
||||
|
font-size: 10px; |
||||
|
line-height: 14px; |
||||
|
color: #777986; |
||||
|
} |
||||
|
.detail_rec .special_item .item_btm .item_prise .item_cut_prise{ |
||||
|
position: absolute; |
||||
|
left: 0px; |
||||
|
top: 15px; |
||||
|
font-size: 10px; |
||||
|
color: #ff5a00; |
||||
|
background: #f8dbcc; |
||||
|
padding: 1px; |
||||
|
border-radius: 2px; |
||||
|
} |
||||
|
.detail_rec .special_item .item_btm .item_btn_buynow, |
||||
|
.detail_rec .course_item .item_btm .item_btn_freesee{ |
||||
|
float: right; |
||||
|
z-index: 10; |
||||
|
cursor: pointer; |
||||
|
position: relative; |
||||
|
} |
||||
|
.bottom_rec .item_old_prise .v_line{ |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
height: 1px; |
||||
|
background: #777986; |
||||
|
top: -7px; |
||||
|
} |
||||
|
._order{ |
||||
|
position: relative; |
||||
|
width: 1200px; |
||||
|
height: 416px; |
||||
|
margin: 0 auto; |
||||
|
margin-top: -70px; |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
._order .special_item, |
||||
|
._order .course_item{ |
||||
|
width: 224px; |
||||
|
height: 338px; |
||||
|
} |
||||
|
|
||||
|
.btn_next{ |
||||
|
position: absolute; |
||||
|
width: 39px; |
||||
|
height: 39px; |
||||
|
right: -10px; |
||||
|
top: 55%; |
||||
|
margin-top: -50px; |
||||
|
z-index: 10; |
||||
|
cursor: pointer; |
||||
|
background: url("/edu/center/images/sprite/css_sprites.png") -130px -10px no-repeat; |
||||
|
} |
||||
|
.btn_prev{ |
||||
|
position: absolute; |
||||
|
width: 39px; |
||||
|
height: 39px; |
||||
|
left: -20px; |
||||
|
top: 55%; |
||||
|
margin-top: -50px; |
||||
|
z-index: 10; |
||||
|
cursor: pointer; |
||||
|
background: url("/edu/center/images/sprite/css_sprites.png") -71px -10px no-repeat; |
||||
|
display: block; |
||||
|
} |
||||
|
.btn_next:hover{ |
||||
|
background: url("/edu/center/images/car_rec/i_r1.png") 0 0 no-repeat; |
||||
|
} |
||||
|
.btn_prev:hover{ |
||||
|
background: url("/edu/center/images/car_rec/i_l1.png") 0 0 no-repeat; |
||||
|
} |
||||
|
._order .detail_rec .special_item .item_pic, |
||||
|
._order .detail_rec .course_item .item_pic{ |
||||
|
width: 224px; |
||||
|
height: 134px; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
1319
assets/css/default.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,498 @@ |
|||||
|
@charset "utf-8"; |
||||
|
/* #custom |
||||
|
================================================== */ |
||||
|
.clearfix:after,.clearfix:before{content:"";display:table;font-size:0!important;line-height:0!important;height:0!important} |
||||
|
.clearfix:after{clear:both} |
||||
|
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} |
||||
|
.fl{float:left}.fr{float:right} |
||||
|
.pr{position:relative}.pa{position:absolute} |
||||
|
.f-fH{font-family:SimHei}.f-fM{font-family:'Times New Roman', Times, serif}.f-fA{font-family:SimSun}.f-fG{font-family:Georgia} |
||||
|
.unBg{background:0 0!important}.unBr{border:none!important}.unFw{font-weight:400} |
||||
|
.dis{display:block}.disIb{display:inline-block}.undis{display:none} |
||||
|
.of{overflow:hidden}.ov{overflow:visible} |
||||
|
.vam{vertical-align:middle} |
||||
|
.tal{text-align:left}.tac{text-align:center}.tar{text-align:right} |
||||
|
.hand{cursor:pointer} |
||||
|
.fsize12{font-size:14px}.fsize14{font-size:14px}.fsize16{font-size:16px} |
||||
|
.fsize18{font-size:18px}.fsize20{font-size:20px}.fsize24{font-size:24px}.fsize34{font-size:34px} |
||||
|
.mt5{margin-top:5px}.mr5{margin-right:5px}.ml5{margin-left:5px} |
||||
|
.mt10{margin-top:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.ml10{margin-left:10px} |
||||
|
.mt15{margin-top:15px}.mr15{margin-right:15px}.mb15{margin-bottom:15px}.ml15{margin-left:15px} |
||||
|
.mt20{margin-top:20px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px} |
||||
|
.mt30{margin-top:30px}.mr30{margin-right:30px}.mb30{margin-bottom:30px}.ml30{margin-left:30px} |
||||
|
.mt40{margin-top:40px}.mr40{margin-right:40px}.mb40{margin-bottom:40px}.ml40{margin-left:40px} |
||||
|
.mt50{margin-top:50px}.mr50{margin-right:50px}.mb50{margin-bottom:50px}.ml50{margin-left:50px} |
||||
|
.pt10{padding-top:10px}.pr10{padding-right:10px}.pb10{padding-bottom:10px}.pl10{padding-left:10px} |
||||
|
.pt15{padding-top:15px}.pr15{padding-right:15px}.pb15{padding-bottom:15px}.pl15{padding-left:15px} |
||||
|
.pt20{padding-top:20px}.pr20{padding-right:20px}.pb20{padding-bottom:20px}.pl20{padding-left:20px} |
||||
|
.pt30{padding-top:30px} |
||||
|
.pt50{padding-top:50px}.pr50{padding-right:50px}.pb50{padding-bottom:50px} |
||||
|
.pl50{padding-left:50px} |
||||
|
.icon14{display:inline-block;height:14px;width:14px;vertical-align:middle} |
||||
|
.icon16{display:inline-block;height:16px;width:16px;vertical-align:middle} |
||||
|
.icon18{display:inline-block;height:18px;width:18px;vertical-align:middle} |
||||
|
.icon20{display:inline-block;height:20px;width:20px;vertical-align:middle} |
||||
|
.icon24{display:inline-block;height:24px;width:24px;vertical-align:middle} |
||||
|
.icon30{display:inline-block;height:30px;width:30px;vertical-align:middle} |
||||
|
.txtOf{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} |
||||
|
.hLh20{height:20px;line-height:20px}.hLh30{height:30px;line-height:30px;;margin-top: 15px;} |
||||
|
.col-7{width:60%}.col-3{width:40%} |
||||
|
.lt-ie9 .col-7,.lt-ie9.lt-ie8 .col-7{width:60%} |
||||
|
.lt-ie9 .col-3,.lt-ie9.lt-ie8 .col-3{width:40%} |
||||
|
.container{margin-left:auto;margin-right:auto;width:1760px} |
||||
|
.c-green{color:#14BA4C} |
||||
|
.c-yellow{color:#FC0} |
||||
|
.c-orange{color:#FF8723} |
||||
|
.c-blue{color:#3580DE} |
||||
|
.c-red{color:#CF3F3F} |
||||
|
.c-333{color:#000} |
||||
|
.c-666{color:#000} |
||||
|
.c-999{color:#000;} |
||||
|
.c-ccc{color:#ccc} |
||||
|
.c-fff{color:#fff} |
||||
|
.bg-green{background-color:#d83312;border-radius: 10px;} |
||||
|
.bg-fa{background-color:#fafafa} |
||||
|
.c-btn-3{border-color:#FC0;color:#FC0} |
||||
|
.d-t-icon-1,.d-t-icon-2,.d-t-icon-3,.d-t-icon-4,.dClose,.dpIcon,.g-a-title em,.h-r-s-box .s-btn em,.icon-close,.lh-p-icon,.lh-playing span em,.login-icon,.m-tree-icon,.news-icon,.no-data-ico,.noter-dy em,.noter-zan em,.o-c-icon,.p-h-goback em,.q-hd,.q-share-icon,.q-tw,.r-fixed-ul li a em,.scIcon,.shareIcon,.u-a-cw,.u-a-zq,.v-play-btn em,.h-l-nav li .hl-sec-nav dd a em,.icon80,.icon14,.icon20,.s-car-close,.c-pay-problem em,.pay-error-btn a em,.cou-arrow-down,.cou-arrow-up {background:url(../img/icon.png) no-repeat} |
||||
|
.h-r-s-box .s-btn em{background-position:0 0} |
||||
|
.login-icon{background-position:0 -29px} |
||||
|
.news-icon{background-position:0 -55px} |
||||
|
.shareIcon{background-position:0 -89px} |
||||
|
.scIcon{background-position:0 -113px} |
||||
|
.sc-end .scIcon{background-position:0 -137px} |
||||
|
.m-tree-icon{background-position:0 -195px} |
||||
|
a.current-1 .m-tree-icon{background-position:0 -212px} |
||||
|
.lh-p-icon{background-position:0 -234px} |
||||
|
a.current-2 .lh-p-icon{background-position:0 -254px} |
||||
|
.lh-playing span em{background-position:-76px -251px} |
||||
|
.no-data-ico{background-position:-467px 0} |
||||
|
.v-play-btn em{background-position:-43px -67px} |
||||
|
.noter-dy em{background-position:-42px -160px} |
||||
|
.noter-dy:hover em{background-position:-42px -139px} |
||||
|
.noter-zan em{background-position:-42px -187px} |
||||
|
.noter-zan:hover em{background-position:-42px -265px} |
||||
|
.dClose,.icon-close{background-position:-42px -215px} |
||||
|
.dClose:hover,.icon-close:hover{background-position:-42px -244px} |
||||
|
.q-tw{background-position:-72px -163px} |
||||
|
.q-hd{background-position:-72px -188px} |
||||
|
.q-share-icon{background-position:-72px -215px} |
||||
|
.g-a-title em{background-position:-72px -247px} |
||||
|
.u-a-cw{background-position:-113px -188px} |
||||
|
.u-a-zq{background-position:-113px -163px} |
||||
|
.p-h-goback em{background-position:-113px -213px} |
||||
|
.dpIcon{background-position:-142px -56px} |
||||
|
.dpOpen .dpIcon{background-position:-142px -83px} |
||||
|
.o-c-icon{background-position:-142px -111px} |
||||
|
.d-t-icon-1{background-position:-92px 0} |
||||
|
.d-t-icon-2{background-position:-230px 0} |
||||
|
.d-t-icon-3{background-position:-180px 0} |
||||
|
.d-t-icon-4{background-position:-39px 0} |
||||
|
.r-fixed-ul li a em.r-f-icon-1{background-position:-180px -55px} |
||||
|
.r-fixed-ul li a em.r-f-icon-2{background-position:-180px -105px} |
||||
|
.r-fixed-ul li a em.r-f-icon-3{background-position:-178px -155px} |
||||
|
.r-fixed-ul li a em.r-f-icon-4{background-position:-181px -203px} |
||||
|
.shop-car-num {position: absolute; left: 27px; top: 2px;color: #ea562e; font-size: 12px; font-family: "Georgia";width: 14px;height: 14px;display: inline-block; text-align: center; background-color: #fff;border-radius: 8px;line-height: 10px; border: 1px solid #ea562e;} |
||||
|
.c-shop-car-wrap a { border: 1px solid #fc0;text-align:center;border-radius: 20px;padding: 0 8px;color: #fc0; display: inline-block;font: 18px/36px "Microsoft YaHei";height: 36px;cursor: pointer;position: relative;width: 140px;transition: all 0.3s ease 0s;} |
||||
|
.c-shop-car-wrap a:hover { opacity:0.92;text-decoration: none;} |
||||
|
.open-o-c .o-c-icon,.open-o-c.o-c-btn a:hover .o-c-icon{background-position:-142px -131px} |
||||
|
.o-c-btn a:hover .o-c-icon{background-position:-142px -151px} |
||||
|
.lt-ie9 .cc-mask,.lt-ie9.lt-ie8 .cc-mask,.u-face-pic a{background:url(../img/black-mask.png) repeat 0 0} |
||||
|
.p-h-v-wrap{background:url(../img/v-play-bg.jpg) no-repeat 50% 50%/cover} |
||||
|
.lt-ie9 .p-h-v-wrap,.lt-ie9.lt-ie8 .p-h-v-wrap{background:url(../img/v-play-bg.jpg) no-repeat 50% 50%} |
||||
|
.sf-lr-wrap a.wb-sf{background:url(../img/wb-icon-32.png) no-repeat 50% 50%} |
||||
|
.sf-lr-wrap a.wb-sf:hover{background:url(../img/wb-icon-hover-32.png) no-repeat 50% 50%} |
||||
|
.sf-lr-wrap a.wx-sf{background:url(../img/wx-icon-32.png) no-repeat 50% 50%} |
||||
|
.sf-lr-wrap a.wx-sf:hover{background:url(../img/wx-icon-hover-32.png) no-repeat 50% 50%} |
||||
|
.sf-lr-wrap a.qq-sf{background:url(../img/qq-icon-32.png) no-repeat 50% 50%} |
||||
|
.sf-lr-wrap a.qq-sf:hover{background:url(../img/qq-icon-hover-32.png) no-repeat 50% 50%} |
||||
|
.i-box{background-color:#fff;border:1px solid #f0f0f0;padding:0 15px 20px;overflow:hidden} |
||||
|
.blue-btn,.comm-btn,.goBack-btn,.order-submit{border:1px solid;border-radius:16px;display:inline-block;text-align:center;height:32px;line-height:32px;padding:0 12px} |
||||
|
.comm-btn{padding: 0 8px;} |
||||
|
.c-btn-1{border-color:#fff;color:#fff;width:120px;font-size:18px} |
||||
|
.c-btn-2,.c-btn-3,.c-btn-4,.c-btn-5,.c-btn-7{border-radius:20px;width:160px;font-size:20px;height:36px;line-height:36px} |
||||
|
.c-btn-4,.c-btn-5{border-radius:0;color:#fff;width:220px;height:42px;line-height:42px} |
||||
|
.c-btn-5{background:#264863;width:auto;display:block} |
||||
|
.c-btn-6{border-color:#14BA4C;color:#14BA4C;width:auto;font-size:12px;height:18px;line-height:18px} |
||||
|
.c-btn-7{background:#264863;border-radius:0;color:#fff} |
||||
|
.blue-btn{background:#264863;border-radius:3px;color:#fff;font-size:14px;width:90px} |
||||
|
.e-login-btn,.e-register-btn,.order-submit{background:#985054;border-radius:3px;color:#fff;width:180px;font-size:16px} |
||||
|
.goBack-btn{background:#e2e2e2;border:none;border-radius:3px;color:#666;font-size:14px} |
||||
|
.blue-btn:hover,.comm-btn:hover,.e-login-btn:hover,.e-register-btn:hover,.goBack-btn:hover,.order-submit:hover{text-decoration:none;opacity:.92;-moz-opacity:.92;filter:alpha(opacity=92)} |
||||
|
.comm-title{overflow:hidden;clear:both;margin:40px 0 30px} |
||||
|
.comm-title h2 span{font-size:26px;font-family:simhei} |
||||
|
.comm-course-list ul{margin-left:-30px} |
||||
|
.comm-course-list li{float:left;width:25%} |
||||
|
.lt-ie9.lt-ie8 .comm-course-list li{width:24.98%} |
||||
|
.lt-ie9 .u-course-list .comm-course-list li,.lt-ie9.lt-ie8 .u-course-list .comm-course-list li{width:33.33%} |
||||
|
.comm-course-list li .cc-l-wrap{display:block;margin:0 0 35px 25px;overflow:hidden} |
||||
|
.course-img{position:relative;overflow:hidden} |
||||
|
.img-responsive{max-width:100%;height:auto;display:block;transition:.8s;-webkit-transition:.8s} |
||||
|
.jgTag{display:inline-block;padding:1px 12px;text-align:center;height:23px;line-height: 23px;} |
||||
|
.cc-mask{background:rgba(0,0,0,.4);height:100%;left:0;opacity:0;filter:alpha(opacity=0);position:absolute;right:0;top:0;transition:all .3s ease 0s;width:100%;transition:.3s;-webkit-transition:.3s} |
||||
|
.cc-mask .c-btn-1{left:50%;margin-left:-72px;margin-top:-16px;position:absolute;top:100%;transition:.3s;-webkit-transition:.3s} |
||||
|
.lt-ie9 .cc-mask .c-btn-1,.lt-ie9.lt-ie8 .cc-mask .c-btn-1{top:120%} |
||||
|
.comm-course-list li:hover .img-responsive{transform:scale(1.1);-webkit-transform:scale(1.1)} |
||||
|
.comm-course-list li:hover .cc-mask{opacity:1;filter:alpha(opacity=100)} |
||||
|
.comm-course-list li:hover .cc-mask .c-btn-1{top:50%} |
||||
|
#aCoursesList,.i-question,.u-body{padding-bottom:80px} |
||||
|
.course-r-list li{padding:10px 0 10px 120px;position:relative;min-height:62px} |
||||
|
.course-r-list li .course-r-pic{width:110px;position:absolute;left:0;top:10px;overflow:hidden} |
||||
|
.course-r-pic img{display:block;max-width:100%;transition:.8s;-webkit-transition:.8s} |
||||
|
.course-r-list li:hover .course-r-pic img{transform:scale(1.1);-webkit-transform:scale(1.1)} |
||||
|
#header{background-color:#fff;box-shadow:0 2px 3px rgba(7,0,2,.04);padding:30px 0;position:relative} |
||||
|
.lt-ie9 #header,.lt-ie9.lt-ie8 #header{border-bottom:1px solid #f2f2f2} |
||||
|
#logo{float:left;width:220px;height:72px;overflow:hidden;margin:0 auto} |
||||
|
#logo a{display:table-cell;vertical-align:middle;height:72px} |
||||
|
#logo a img{display:block;max-width:100%;height:auto;vertical-align:middle} |
||||
|
.nav{padding:15px 0 0 50px} |
||||
|
.nav,.nav li,.nav li a{float:left} |
||||
|
.nav li a{border-bottom:2px solid transparent;color:#000;display:block;font-size:20px;line-height:50px;padding:0 10px;margin:0 10px;transition:.3s;-webkit-transition:.3s} |
||||
|
.h-r-login li a:hover,.nav li a:hover,.nav li.current a{text-decoration:none} |
||||
|
.h-r-login,.h-r-search{float:right;padding-top:15px} |
||||
|
.h-r-login li{float:left;margin-left:10px;position:relative} |
||||
|
.h-r-login li a{cursor:pointer;line-height:50px;color:#000;font-size:16px;transition:.3s;-webkit-transition:.3s} |
||||
|
.h-r-login li.h-r-user a img{border-radius:50%;width:30px;height:30px} |
||||
|
.h-r-login li.h-r-user span{max-width:120px;height:17px;font-size:16px;line-height:16px;overflow:hidden} |
||||
|
.red-point{position:absolute;right:-4px;top:8px;display:block;width:8px;height:8px;border-radius:50%;background:#cb2020;text-indent:-9999px} |
||||
|
.h-r-search{margin:10px 20px 0 0} |
||||
|
.h-r-s-box{display:block;position:relative} |
||||
|
.h-r-s-box input{border:1px solid #e8e8e8;border-radius:20px;color:#aaa;padding:0 15px;font-family:'Microsoft YaHei';width:140px;height:30px;line-height:30px;transition:.3s;-webkit-transition:.3s} |
||||
|
.h-r-s-box .s-btn{background:0 0;border:none;position:absolute;right:3px;top:0;width:30px;height:30px;cursor:pointer} |
||||
|
.h-r-s-box input:focus{border-color:#ddd;color:#000;width:150px} |
||||
|
.h-mobile-mask,.head-mobile,.mw-nav,.mw-nav-btn{display:none} |
||||
|
.lh-menu{margin:0 10px;padding:0} |
||||
|
.lh-menu ul li.lh-menu-stair{padding-bottom:5px;margin-bottom:10px} |
||||
|
#lh-menu ul li.lh-menu-stair dl dd a:hover,.lh-menu ul li.lh-menu-stair a:hover,.lh-menu ul li.lh-menu-stair ol li.lh-menu-second a:hover{background:#fbfbfb;transition:.3s;-webkit-transition:.3s;text-decoration:none} |
||||
|
.lh-menu ul li.lh-menu-stair a{background:#f8f8f8;color:#000;display:block;font:16px/36px 'Microsoft YaHei';height:36px;padding:0 10px;overflow:hidden} |
||||
|
.lh-menu ul li.lh-menu-stair a.current-1{background:#f4f4f4;border-bottom:1px solid #e6e6e6} |
||||
|
.lh-menu-i-1{background-color:#fff;border:1px solid #bbb;border-radius:50%;text-align:center;line-height:12px} |
||||
|
.lh-menu-i-1 font{color:#4e4e4e;font:18px/24px 'Microsoft YaHei'} |
||||
|
.lh-menu ul li.lh-menu-stair ol li.lh-menu-second a{background:#fff;color:#555;display:block;font:14px/32px 'Microsoft YaHei';height:32px;padding:0 10px;margin-top:5px;overflow:hidden} |
||||
|
.lh-menu-i-2{background-color:#fff;border:1px solid #ccc;border-radius:50%;width:12px;height:12px} |
||||
|
.lh-menu-second a span.fr .lh-p-icon{opacity:.6;-moz-opacity:.6;filter:alpha(opacity=88)} |
||||
|
.lh-menu-second a span.fr{color:#bbb;font-size:12px} |
||||
|
.lh-menu-second a span.fr .free-icon,.lh-menu-second a.current-2 span.fr .lh-p-icon{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)} |
||||
|
#lh-menu ul li.lh-menu-stair dl dd a{color:#000;display:block;font:12px/30px 'Microsoft YaHei';height:30px;padding:0 10px 0 20px;overflow:hidden} |
||||
|
#lh-menu ul li.lh-menu-stair dl dd a.lh-playing,#lh-menu ul li.lh-menu-stair dl dd a.lh-playing span,#lh-menu ul li.lh-menu-stair dl dd a.lh-playing:hover{cursor:text} |
||||
|
#lh-menu a.no-jd-play span,#lh-menu ul li.lh-menu-stair dl dd a span{font-family:Arial;font-size:12px;color:#aaa} |
||||
|
.lh-menu ul ol,.lh-menu ul ol dl{display:none} |
||||
|
.free-icon{border:1px solid #72CD91;border-radius:20px;color:#72CD91;display:inline-block;height:14px;line-height:14px;font-size:12px;padding:0 8px} |
||||
|
.lh-menu ul ul.no-parent-node{display:block} |
||||
|
.lh-menu ul ul.no-parent-node li.lh-menu-second a{background:0 0;font-size:14px} |
||||
|
.lh-bj-list ul li{border-bottom:1px solid #e9e9e9;padding:12px 5px 2px 65px;position:relative;min-height:50px} |
||||
|
.noter-pic{position:absolute;left:0;top:12px} |
||||
|
.noter-pic img{border-radius:50%;display:block;height:50px;width:50px} |
||||
|
.noter-txt{line-height:180%;color:#4e4e4e;font-size:14px} |
||||
|
.lh-n-cz{visibility:hidden} |
||||
|
.lh-list-more{margin:10px 0} |
||||
|
.lh-list-more a{border:1px dotted #e2e2e2;display:block;height:30px;font:14px/30px Arial;color:#666;text-align:center} |
||||
|
.lh-list-more a:hover{border-color:#1755A0;color:#1755A0;text-decoration:none} |
||||
|
.question-list.lh-bj-list li{padding-bottom:8px} |
||||
|
.noter-dy,.noter-zan{color:#000;cursor:pointer} |
||||
|
.noter-dy:hover,.noter-zan:hover{color:#3FACEA;text-decoration:none} |
||||
|
.noter-dy *,.noter-zan *{vertical-align:middle} |
||||
|
.n-reply{display:none;margin-top:8px} |
||||
|
.n-reply-wrap textarea{background:#fff;border:1px solid #ddd;width:98%;height:48px;padding:4px;font-size:14px;color:#000;overflow-x:hidden;overflow-y:auto} |
||||
|
.n-reply-wrap textarea:focus{border-color:#3FACEA} |
||||
|
.lh-reply-btn{background:#6ACC7E;border:1px solid #55C76C;border-radius:3px;display:inline-block;height:18px;width:38px;text-align:center;font:12px/18px Arial;color:#fff} |
||||
|
.lh-reply-btn:hover{background:#55C76C;color:#fff;text-decoration:none} |
||||
|
.n-reply-list{padding-left:40px} |
||||
|
.n-reply-list dd{border-bottom:1px solid #e9e9e9;padding:5px 0 8px 0;position:relative} |
||||
|
.n-reply-list dd:last-child{border:none} |
||||
|
.n-reply-pic{position:absolute;left:-52px;top:5px} |
||||
|
.n-reply-pic img{border-radius:50%;display:block;height:40px;width:40px} |
||||
|
.u-select{border:1px solid #ddd;padding:0 8px;color: #000;} |
||||
|
.time-bar-wrap{width:100%;position:relative} |
||||
|
.lev-num-wrap{background:#E1E1E1;border-radius:18px;width:100%;height:12px;position:relative} |
||||
|
.lev-num-bar{border-radius:18px;width:0;font-size:0;position:absolute;left:0;top:0;height:12px;z-index:7;transition:.3s} |
||||
|
.lev-num{color:#fff;position:absolute;top:1px;left:10px;font-family:'Microsoft YaHei';font-size:12px;line-height:10px;z-index:9} |
||||
|
.lev-num big,.lev-num small{font-size:12px} |
||||
|
.lev-num small{color:#f2f2f2} |
||||
|
.no-data-wrap{margin:50px auto;text-align:center} |
||||
|
.no-data-wrap .no-data-ico{width:41px;height:80px} |
||||
|
.path-wrap{margin:20px 0;color:#ccc;line-height:30px} |
||||
|
.v-play-btn{position:absolute;top:50%;left:50%;margin:-32px 0 0 -32px;z-index:9} |
||||
|
.v-play-btn em{width:68px;height:68px} |
||||
|
.v-play-btn:hover,.v-play-btn:hover em{opacity:.9;-moz-opacity:.9;filter:alpha(opacity=90);text-decoration:none} |
||||
|
.c-infor-title{height:18px;overflow:hidden} |
||||
|
.c-infor-title span{border-left:5px solid #333;color:#333;font-size:16px;display:inline-block;line-height:18px;padding-left:10px} |
||||
|
.paging{padding:50px 0 20px;text-align:center} |
||||
|
.paging a{border:1px solid #ccc;border-radius:40%;color:#000;display:inline-block;margin:0 5px;height:30px;width:30px;text-align:center;line-height:30px;transition:.3s;-webkit-transition:.3s} |
||||
|
.paging a.current,.paging a.undisable{cursor:text} |
||||
|
.paging a.undisable:hover{border:1px solid #ccc;border-radius:40%;color: #000;} |
||||
|
.paging a.current,.paging a:hover{border-radius:50%;text-decoration:none} |
||||
|
.bMask{background:#000;opacity:.3;filter:alpha(opacity=30);position:fixed;height:100%;width:100%;top:0;right:0;bottom: 0;left:0;z-index:99999} |
||||
|
.dialogWrap{background:#fff;position:absolute;left:50%;transition:all .3s ease 0s;z-index:9999999} |
||||
|
.d-s-head,.d-s-head-infor{border-bottom:1px solid #e2e2e2;height:40px;line-height:40px;padding:0 15px;width:100%} |
||||
|
.d-s-head-txt,.d-s-head-txt-infor{color:#333;font-size:16px} |
||||
|
.dClose{right:10px;top:15px} |
||||
|
.dClose:hover{text-decoration:none} |
||||
|
.d-t-icon-1,.d-t-icon-2,.d-t-icon-3,.d-t-icon-4{left:5px;top:0;display:inline-block;vertical-align:middle;width:40px;height:45px} |
||||
|
.d-tips-1 p,.d-tips-2 p,.d-tips-3 p{padding-left:60px;line-height:180%}.d-tips-1{position:relative;width:420px} |
||||
|
.d-tips-2{position:relative;width:400px} |
||||
|
.d-tips-7{position:relative;width:400px} |
||||
|
.d-tips-3{position:relative} |
||||
|
.d-tips-6{position:relative;width:680px;max-height:500px;overflow-y:auto;overflow-x:hidden;margin-right:-20px} |
||||
|
.uMenu{padding:0;margin:0} |
||||
|
.uMenu dl{margin-right:15px} |
||||
|
.u-face-pic{border-radius:50%;width:100px;height:100px;float:left;overflow:hidden;position:relative;margin-right:20px} |
||||
|
.u-face-pic img{border-radius:50%;width:100px;height:100px;display:block} |
||||
|
.u-face-pic a{bottom:-24px;left:0;right:0;width:100%;display:block;text-align:center;height:24px;line-height:24px;position:absolute;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} |
||||
|
.u-face-pic:hover a{bottom:0} |
||||
|
.stud-time-wrap{padding:0 0 0 10px;overflow:hidden;height:40px;line-height:40px} |
||||
|
.fly_item { border: 2px solid #888; border-radius: 100%;height: 48px; opacity: 0.9; overflow: hidden; position: absolute;visibility: hidden; width: 48px;} |
||||
|
.stud-time-wrap *{vertical-align:middle} |
||||
|
.stud-time big{font-family:Georgia;font-size:30px;color:#4e4e4e} |
||||
|
.stud-time small{font-size:14px;color:#777;margin:0 3px} |
||||
|
.u-m-dd{border-top:1px solid #ccc;margin-top:15px} |
||||
|
.u-m-dd ul{border-bottom:1px solid #ddd;padding:20px 0 20px 30px} |
||||
|
.u-m-dd ul li{line-height:32px} |
||||
|
.u-m-dd ul li a,.u-m-dd ul li span{display:block;transition:.3s;-webkit-transition:.3s;color:#4e4e4e;font-size:18px}.u-m-dd ul li span{cursor:default} |
||||
|
.u-m-dd ul li ol{padding:10px 0 0 50px} |
||||
|
.u-m-dd ul li ol li a{font-size:14px;color:#777} |
||||
|
.u-m-dd ul li a:hover{text-decoration:none} |
||||
|
.u-r-cont{border-left:1px dotted #ddd;padding-left:40px;min-height:820px} |
||||
|
.lrWrap{width:320px} |
||||
|
.d-s-head-tab{display:block;height:40px} |
||||
|
.d-s-head-tab a{border-bottom:1px solid transparent;color:#000;display:block;float:left;width:100px;text-align:center;line-height:40px;font-size:18px} |
||||
|
.d-s-head-tab a:hover{text-decoration:none} |
||||
|
.e-l-jy{display:block;height:20px;line-height:20px;text-align:center} |
||||
|
.e-login-options li .lr-tip-wrap{margin-top:5px;height:18px;line-height:18px} |
||||
|
.e-login-options li label{color:#4e4e4e;display:inline-block;vertical-align:middle;height:32px;width:30px;text-align:center;vertical-align:middle} |
||||
|
.e-login-options li input{background:#fff;border:1px solid #ddd;color:#000;height:38px;font:16px/38px 'Microsoft YaHei';width:300px;padding-left:16px;vertical-align:middle} |
||||
|
.h-left {width: 20%;} |
||||
|
.h-right{width: 80%;} |
||||
|
.h-l-title {height: 40px; border-bottom: 1px solid #e3e3e3;} |
||||
|
.h-l-title span {font: 24px/40px "SimHei";} |
||||
|
.h-l-nav {margin-top: 10px;} |
||||
|
.h-l-nav li { border-bottom: 1px solid #e9e9e9;padding: 15px 20px;} |
||||
|
.h-l-nav li span,.h-l-nav li a {font: 14px/20px "Microsoft YaHei";color: #333;} |
||||
|
.h-l-nav li .hl-sec-nav { padding-top: 10px;padding-left: 22px;} |
||||
|
.h-l-nav li .hl-sec-nav dd {padding: 8px 20px;position: relative;} |
||||
|
.h-l-nav li .hl-sec-nav dd a em {background-position: -114px -250px;width: 14px; height: 14px; vertical-align: middle;position: absolute; left: 0; top: 10px;display: none;} |
||||
|
.h-l-nav li .hl-sec-nav dd.current a em {display: inline-block;} |
||||
|
.h-l-nav li .hl-sec-nav dd a:hover {text-decoration: none;} |
||||
|
.h-l-nav li .hl-sec-nav dd.current a tt,.h-l-nav li .hl-sec-nav dd a:hover tt ,.h-l-nav li.current a{ color: #e7542b;} |
||||
|
.h-l-nav li .hl-sec-nav dd a tt {font: 12px/20px "Microsoft YaHei";color: #333;} |
||||
|
.h-right .h-r-wrap {margin-left: 30px;padding-left: 30px; } |
||||
|
.h-right .h-r-title span {font-size: 16px; font-family: "Microsoft YaHei";} |
||||
|
.h-l-cont {margin-top: 20px;} |
||||
|
.h-l-cont p {color: #333; font: 12px/24px "Microsoft YaHei";} |
||||
|
.order-step {height: 150px; overflow: hidden;} |
||||
|
.order-step-bg-2 {background-position: 0 -151px;} |
||||
|
.c-order-list {background-color: #fff;margin-top: 20px;border-bottom: 1px solid #e2e2e2;} |
||||
|
.c-o-head {border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;padding: 10px 0;} |
||||
|
.c-o-head span {font: 12px/24px "Microsoft YaHei"; color: #999;} |
||||
|
.c-o-head li,.c-o-tbody li {float: left;width: 16%;} |
||||
|
.c-o-head li .c-t-wz span {font-size: 14px; color: #666;} |
||||
|
.c-o-head li.col52 {width: 52%; text-align: left;} |
||||
|
.c-o-head li.col52 .c-t-wz {text-align: left;padding-left: 4px;} |
||||
|
.c-o-head li div.c-t-wz {text-align: right; padding-right: 23px;} |
||||
|
.c-head-li-16 {width: 11% !important;} |
||||
|
.c-head-li-36 {width: 40% !important;} |
||||
|
.c-head-li-80 {width: 89%;} |
||||
|
.c-o-tbody {padding: 10px; border-bottom: 1px solid #e2e2e2;} |
||||
|
.c-o-tbody .c-o-t-img {padding-right: 10px;} |
||||
|
.c-o-tbody li div.c-t-wz {text-align: right;margin-top: 34px;} |
||||
|
.c-pay-method {background-color: #fff; padding:20px 0 20px 12px; border-top: 1px solid #e2e2e2;margin-top: 20px;} |
||||
|
.c-p-left {float: left;padding-left: 40px;} |
||||
|
.c-p-right {float: left;margin-left: 10px;} |
||||
|
.c-p-title {font: 14px/18px "Microsoft YaHei"; color: #333; border-left: 5px solid #333;margin-top: 20px;padding-left: 12px;} |
||||
|
.c-couse-card {padding-top: 30px;} |
||||
|
.c-couse-card p {font: 14px/18px "Microsoft YaHei"; color: #666;} |
||||
|
.buyB_payPlat {padding-left: 30px;padding-top: 30px;} |
||||
|
.buyB_payPlat ul li { float: left; height: 55px; vertical-align: middle; width: 25%; min-width: 223px;} |
||||
|
.buyB_payPlat ul li input {vertical-align: middle;} |
||||
|
.buyB_payPlat ul li img { border: 1px solid #fff;vertical-align: middle;margin-left: 4px;} |
||||
|
.buyB_payPlat ul li img:hover {border-color: #ff4800;} |
||||
|
.buyText01 {width: 190px; height: 32px;border: 1px solid #985054;padding-left: 10px;color: #666;line-height: 32px;font-family: "Microsoft YaHei";} |
||||
|
.buyCoupon_add2 {width: 78px; height: 36px;background-color: #985054;display: inline-block;color: #fff;font: 16px/36px "Microsoft YaHei";text-align: center;} |
||||
|
.buyCoupon_add2:hover {background-color: #8d4549; text-decoration: none;} |
||||
|
.order-btn { width: 322px;max-width: 100%; height: 50px; background-color: #e65429; text-align: center; font: 24px/50px "Microsoft YaHei";color: #fff;display: inline-block;} |
||||
|
.order-btn:hover { background-color: #db481d; text-decoration: none;} |
||||
|
.icon80 {width: 80px;height: 80px;display: inline-block;vertical-align: middle; background-position: -283px -13px;} |
||||
|
.pay-font {font: 36px/80px "Microsoft YaHei"; vertical-align: middle; margin-left: 35px;} |
||||
|
.c-order-num {position: absolute;right: 121px; bottom: 0;} |
||||
|
.order-list-item li {padding: 8px 0;} |
||||
|
.order-list-item li.o-l-fir span {line-height: 30px;} |
||||
|
.order-list-item li.o-l-fir em {margin-top: 5px;} |
||||
|
.c-o-icon {background-position: -240px -125px;} |
||||
|
.fsize30 {font-size: 30px;} |
||||
|
.c-p-m {padding: 40px 0 70px;} |
||||
|
|
||||
|
.c-pay-problem {width: 100%;margin: 30px 0 45px; text-align: center;} |
||||
|
.c-payerror-desc {width: 400px;padding: 0 60px;} |
||||
|
.c-payerror-desc p {font: 18px/36px "Microsoft YaHei"; color: #333; text-align: center;} |
||||
|
.c-payerror-desc p span {font-size: 24px;} |
||||
|
.pay-error-btn {margin-top: 55px; text-align: center;} |
||||
|
.pay-error-btn a {padding: 12px 20px; display: inline-block; background-color: #e6532a;} |
||||
|
.pay-error-btn a:hover,.jihu-btn:hover { background-color: #d84d26; text-decoration: none;} |
||||
|
.pay-error-btn a tt {vertical-align: middle;font: 18px/25px "Microsoft YaHei";color: #fff;} |
||||
|
.pay-error-btn a em { width: 20px; height: 20px; display: inline-block;margin-right: 10px;vertical-align: middle;} |
||||
|
.pay-error-btn a .c-pay-btn1 {background-position: -234px -219px;} |
||||
|
.pay-error-btn a .c-pay-btn2 {background-position: -234px -251px;} |
||||
|
|
||||
|
.line2 {border-bottom: 1px solid #e5e5e5;} |
||||
|
.jihu-btn { border-radius: 3px; color: #fff;background-color: #e6532a; display: inline-block; font: 15px/24px "Hiragino Sans GB","Microsoft YaHei";height: 24px;padding: 2px 25px;} |
||||
|
.tab-integral th { background: #f0f0f0 none repeat scroll 0 0;border: 1px solid #ddd; color: #333; font-weight: normal;padding: 8px 10px;} |
||||
|
.tab-integral td { border: 1px solid #ddd;color: #666;padding: 12px 10px; vertical-align: middle;} |
||||
|
.integral-list ul li { float: left; margin: 40px 44px 0;width: 180px;} |
||||
|
.u-c-card.tab-integral td { padding: 12px 5px;} |
||||
|
.fbold {font-weight: bold;} |
||||
|
.c-pay-problem em { width: 80px; height: 80px; display: inline-block; background-position: -283px -111px;} |
||||
|
.coupon-box {height: 36px; overflow: hidden;clear: both; width: auto;} |
||||
|
.coupon-left {padding: 30px 20px 10px; text-align: center; background-color: #f9e9c5;border: 1px dotted #68cb9b;} |
||||
|
.cou-left-num { font: 16px/29px "Microsoft YaHei"; color: #68cb9b;padding: 0 17px; border: 1px solid #68cb9b; border-radius: 20px;display: inline-block;} |
||||
|
.cou-money {color: #dd491e; font-size: 18px;font-family: "Microsoft YaHei";display: inline-block;font-weight: 400;line-height: 56px;} |
||||
|
.cou-money tt {font-size: 60px; font-style: italic;} |
||||
|
.cou-money font {position: absolute; left: 45px;top: -10px;} |
||||
|
.c-mon-wrap {height: 60px; overflow: hidden; position: relative;} |
||||
|
.coupon-right { background-color: #68cb9b;padding: 26px;} |
||||
|
.coupon-list li {float: left;width: 50%;margin-top: 40px;min-width: 325px;} |
||||
|
.expired-state .coupon-left {background-color: #e6e6e6; border: 1px dotted #bdbdbd;} |
||||
|
.expired-state .cou-left-num {border: 1px solid #b2b2b2; color: #b2b2b2;} |
||||
|
.expired-state .cou-money {color: #b3b3b3;} |
||||
|
.expired-state .coupon-right {background-color: #b3b3b3;} |
||||
|
.expired-state li {position: relative;} |
||||
|
.exp-chapter {position: absolute; left:124px; top: 9px;} |
||||
|
|
||||
|
.ret-btn { width: 150px; height: 50px; background-color:#e7542a; display: inline-block; text-align: center;} |
||||
|
.ret-btn:hover {text-decoration: none;background-color: #de4c22;} |
||||
|
.ret-btn em {background-position: -239px -56px;} |
||||
|
.lea-cou-btn em {background-position: -239px -91px; } |
||||
|
.order-list-item li span {margin-top: 3px;display: inline-block;} |
||||
|
.ret-btn tt { font: 18px/50px "Microsoft YaHei";color: #fff;margin-left: 10px;vertical-align: middle;} |
||||
|
.s-c-icon em {background-position: -234px -160px;} |
||||
|
|
||||
|
.l-r-w-Inpt li label { color: #666; display: inline-block; font-size: 14px; text-align: right; width: 68px;} |
||||
|
.l-r-w-Inpt li input.lTxt { background: #fff none repeat scroll 0 0; border: 1px solid #cfcfcf; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset; color: #666;height: 32px; line-height: 32px; padding: 0 10px; width: 260px;} |
||||
|
.l-r-w-Inpt li input.lTxt.yzm { width: 100px;} |
||||
|
.l-r-w-Inpt li input.lTxt:focus { border-color: #f1a181; box-shadow: 1px 1px 4px rgba(255, 72, 0, 0.1);} |
||||
|
.login-btn { display: inline-block; height: 28px; text-align: left; width: 286px; background: -webkit-gradient(linear, left top, left bottom, from(#ff7944), to(#ff4901)); background: -moz-linear-gradient(top, #ff7944, #f2f2f2); background: -ms-linear-gradient(top, #ff7944, #ff4901);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7944', endColorstr='#ff4901'); border: 1px solid #ff4a03;} |
||||
|
.login-btn input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none; color: #fff; font: 18px/28px "Hiragino Sans GB","Microsoft YaHei","���ź�"; height: 28px;text-align: center; width: 286px;} |
||||
|
.r-fix-box {width: 100%; height: 100%;} |
||||
|
.r-fixed-ul {position: absolute;left: -49px; bottom: 200px;} |
||||
|
.shopcar-box {height: 100%;width: 270px;transition: all 0.3s ease 0s;background-color: #eceaef;border-left: 4px solid #ea562e;} |
||||
|
.s-car-box {width: 270px;height: 100%; } |
||||
|
.c-4e {color: #4e4e4e;} |
||||
|
.s-car-box-top { width: 100%; height: 38px;padding: 10px 15px;} |
||||
|
.s-car-box-top {border-bottom: 1px solid #ddd;position: absolute;width: 240px; height: 30px;background-color: #eceaef;} |
||||
|
.s-car-box-middle {padding:55px 0;} |
||||
|
.s-car-close {width: 12px; height: 12px; display: inline-block;background-position: -238px -195px; transition: all 0.3s ease 0s;} |
||||
|
.s-car-close:hover {transform: rotate(180deg)} |
||||
|
.addScar-elem { margin-right: -10px;max-height: 300px;overflow-x: hidden; overflow-y: auto;} |
||||
|
.addScar-list {clear: both;overflow: hidden; padding: 6px 0 0;} |
||||
|
.a-s-l-c-name {float: left;width: 113px;} |
||||
|
.a-s-l-c-name a:hover { color: #ea562e;} |
||||
|
.s-car-box-bot { height: 50px;width: 100%;} |
||||
|
.s-c-b {padding: 5px 110px 5px 5px;position: relative; height: 40px;position: relative;} |
||||
|
.js-btn {width: 112px; height: 36px;position: absolute;right: 5px;top:5px; background-color: #ea562e;transition: all 0.3s ease 0s; color: #fff;text-align: center; font: 16px/36px "Microsoft YaHei";display: inline-block;} |
||||
|
.js-btn:hover {text-decoration: none; background-color: #dc4921;} |
||||
|
.a-s-l-c-attr { float: left;line-height: 20px; margin-left: 5px; overflow: hidden;text-align: center;width: 65px;} |
||||
|
.c-b-m-list li {padding: 10px; background-color: #f8f8f8;margin-bottom: 12px;} |
||||
|
.s-car-box-bot {width: 270px; height: 50px; position: absolute; bottom: 0;right:0;background-color: #eceaef;padding-bottom: 5px;} |
||||
|
.e-login-options li input:focus{border-color:#ccc;box-shadow:0 0 6px rgba(0,0,0,.08) inset} |
||||
|
.e-login-btn,.e-register-btn{display:block;width:300px;margin:0 auto;height:34px;text-align:center;font:18px/34px SimHei;color:#fff} |
||||
|
.sf-lr-wrap{padding-top:15px;border-top:1px solid #f2f2f2} |
||||
|
.sf-lr-wrap h6{margin-top:-26px} |
||||
|
.sf-lr-wrap a{margin:0 10px;display:inline-block;width:32px;height:32px;vertical-align:middle;position:relative} |
||||
|
.sf-lr-wrap a:hover{text-decoration:none} |
||||
|
.r-fixed-wrap{position:fixed;right:-279px;bottom:0;z-index:9999; width: 270px;height: 100%;border-right: 5px solid #eee;} |
||||
|
.r-fixed-ul li{position:relative;width:45px;margin-bottom:1px} |
||||
|
.r-fixed-ul li a{display:block;height:45px;text-align:center;overflow:hidden;transition:.3s} |
||||
|
.r-fixed-ul li a em{display:inline-block;width:32px;height:32px;margin-top:8px;vertical-align:middle} |
||||
|
.r-fixed-ul li a span{display:none;width:32px;line-height:22px;font-size:14px;color:#fff;margin:0 auto} |
||||
|
.r-fixed-ul li a:hover,.r-fixed-ul li a:hover span{display:block;text-decoration:none} |
||||
|
.r-fixed-ul li a:hover em{display:none} |
||||
|
.r-fixed-ul li a:hover em.r-f-icon-4 {display: inline-block;} |
||||
|
.vBtnCurr {opacity: 0.86;} |
||||
|
.onScroll,.onScroll body {overflow: hidden;} |
||||
|
.cou-arrow-down,.cou-arrow-up { width: 10px;height: 6px; display: inline-block; vertical-align: middle;margin-left: 8px;} |
||||
|
.cou-arrow-down {background-position: -141px -181px;} |
||||
|
.cou-arrow-up {background-position: -141px -199px;} |
||||
|
.p-cou-card-pad {padding: 0 15px 0 20px;} |
||||
|
.c-card-more { width: 288px; background-color: #fff; text-align: left;border: 1px solid #ddd;position: relative;} |
||||
|
.yk-DT-arrow {position: absolute; cursor: default; width: 12px;left: 45px; top: -7px;} |
||||
|
.yk-DT-arrow * {cursor: default;display: block;color: #ddd;font-size: 12px;font-family: 'SimSun';height: 18px;line-height: 1.231;overflow: hidden;font-style: normal;font-weight: normal;} |
||||
|
.yk-DT-arrowem {color: #ddd;} |
||||
|
.yk-DT-arrow span {color: #fff;margin-top: -16px;} |
||||
|
.c-csrd-m-wrap {position: absolute;left: 0; top: 42px;z-index: 93;} |
||||
|
.c-c-more-cleft {float: left;width: 22%;} |
||||
|
.c-c-more-cright {float: left;width: 78%;} |
||||
|
.c-card-more ul {padding: 5px;line-height: 20px;} |
||||
|
.m-card-table {display: none;} |
||||
|
.u-order-list {border-right: 1px solid #eee;border-bottom: 1px solid #eee;} |
||||
|
.c-cou-item {margin: 0 0 10px 10px;padding: 0 20px 10px 0;} |
||||
|
.c-cou-item .wid85 {width: 85%;} |
||||
|
.u-o-left {width: 74%!important;} |
||||
|
#footer{background-color:#323232;border-top-width:5px;border-top-style:solid;color:#999;width:100%;overflow:hidden;padding-top:30px} |
||||
|
.flink-list li{float:left;margin:15px 30px 0 0} |
||||
|
.flink-list li a{color:#666;font-size:12px} |
||||
|
.b-f-link a:hover,.flink-list li a:hover{color:#888;text-decoration:none;transition:.3s;-webkit-transition:.3s} |
||||
|
.b-foot{border-top:1px solid #393939;padding:20px 0 40px 0;margin-top:30px} |
||||
|
.b-f-link{color:#444;line-height:12px;margin-left:-10px;line-height:20px} |
||||
|
.b-f-link a,.b-f-link span{color:#666;display:block;margin:0 10px 5px;display:inline-block;vertical-align:middle} |
||||
|
.gf-tx{display:inline-block;margin:0 10px;position:relative} |
||||
|
.gf-tx-ewm{position:absolute;left:50%;top:0;margin-left:-80px;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);z-index:3;transition:.3s} |
||||
|
.gf-tx-ewm img{display:block;width:160px;height:160px} |
||||
|
.gf-tx:hover .gf-tx-ewm{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);top:-160px} |
||||
|
.share-fir-icon,.share-sec-icon,.share-thr-icon{width:70px;height:70px;display:inline-block;vertical-align:middle} |
||||
|
.share-list li,.share-list li a{float:left} |
||||
|
.pt3{padding-top:3px} |
||||
|
.dz-num{position:absolute;left:50%;bottom:-24px;margin-left:10px} |
||||
|
.share-list{padding:0 auto;margin-left:-33px} |
||||
|
.share-list li{margin-left:66px}.share-fir-icon{background:url(../img/zan-icon.png) no-repeat 0 0/100% auto;transition:all .3s ease 0s} |
||||
|
.share-sec-icon{background:url(../img/wx-icon.png) no-repeat 0 0/100% auto;transition:all .3s ease 0s} |
||||
|
.share-thr-icon{background:url(../img/wb-icon.png) no-repeat 0 0/100% auto;transition:all .3s ease 0s} |
||||
|
#sharebutton .bdsharebuttonbox a{margin-left:60px!important} |
||||
|
#sharebutton .bdsharebuttonbox a.zan-icon{width:70px;height:70px;background:transparent url(../img/zan-icon.png) no-repeat scroll 0 0/100% auto!important} |
||||
|
#sharebutton .bdsharebuttonbox a.zan-icon{width:70px;height:70px;background:transparent url(../img/zan-icon.png) no-repeat scroll 0 0/100% auto!important} |
||||
|
#sharebutton .bdsharebuttonbox a.zan-icon{width:70px;height:70px;background:transparent url(../img/zan-icon.png) no-repeat scroll 0 0/100% auto!important} |
||||
|
#sharebutton .bdsharebuttonbox a.zan-icon{width:70px;height:70px;background:transparent url(../img/zan-icon.png) no-repeat scroll 0 0/100% auto!important} |
||||
|
#sharebutton .bdsharebuttonbox a.bds_weixin{width:70px;height:70px;background:transparent url(../img/wx2-icon.png) no-repeat scroll 0 0/100% auto!important} |
||||
|
#sharebutton .bdsharebuttonbox a.zan-icon{width:70px;height:70px;background:transparent url(../img/zan-icon.png) no-repeat scroll 0 0/100% auto!important} |
||||
|
#sharebutton .bdsharebuttonbox a.zan-icon{width:70px;height:70px;background:transparent url(../img/zan-icon.png) no-repeat scroll 0 0/100% auto!important} |
||||
|
#sharebutton .bdsharebuttonbox a.bds_tsina{width:70px;height:70px;background:transparent url(../img/wb2-icon.png) no-repeat scroll 0 0/100% auto!important} |
||||
|
@media (min-width:1300px){ |
||||
|
.container{width:1360px} |
||||
|
.i-slide,.swiper-container{height:480px} |
||||
|
.col-7{width:60%} |
||||
|
.col-club{width: 100%;} |
||||
|
.col-3{width:40%} |
||||
|
.c-v-pic-wrap{width:640px;height:357px} |
||||
|
.thr-attr-box{width:120px;height:357px} |
||||
|
.c-attr-wrap{width:400px;height:357px} |
||||
|
.u-course-list .comm-course-list li{width:33.33%} |
||||
|
} |
||||
|
@media (min-width:1200px) and (max-width:1699px){ |
||||
|
.container{width:1120px} |
||||
|
.c-v-pic-wrap{width:620px;height:346px} |
||||
|
.u-order-list .u-o-right {width: 25%!important;} |
||||
|
.thr-attr-box{width:120px;height:346px} |
||||
|
.c-attr-wrap{width:380px;height:346px} |
||||
|
.u-course-list .comm-course-list li{width:33.33%} |
||||
|
#cou-shopcar {width: 120px; height: 28px;font-size: 14px;line-height: 28px;} |
||||
|
} |
||||
|
@media (min-width:992px) and (max-width:1199px){ |
||||
|
.container{width:970px}.nav li a{margin:0 12px}.order-step {background-size: 100% ;height: 111px;} |
||||
|
.u-order-list .u-o-right {width: 25%!important;}.order-step-bg-2 { background-position: 0 -141px;} |
||||
|
.h-r-search{display:none}.i-slide{height:auto}.c-v-pic-wrap{width:470px;height:262px}.thr-attr-box{width:120px;height:262px}.c-attr-wrap{width:380px;height:262px} |
||||
|
.u-course-list .comm-course-list li{width:33.33%} |
||||
|
#cou-shopcar {width: 120px; height: 28px;font-size: 14px;line-height: 28px;} |
||||
|
} |
||||
|
@media (min-width:768px) and (max-width:991px){ |
||||
|
.container{width:750px} |
||||
|
#logo{float:none} |
||||
|
.h-r-search{display:none} |
||||
|
.order-step {background-size: 100% ;height: 97px;} |
||||
|
.u-order-list .u-o-right {width: 20%!important;} |
||||
|
.c-cou-item .wid85 {width: 84%;} |
||||
|
.order-step-bg-2 { background-position: 0 -101px;} |
||||
|
.comm-course-list li{width:50%}.c-v-pic-wrap{width:370px;height:206px} |
||||
|
.thr-attr-box{float:none;width:750px;height:80px} |
||||
|
.c-attr-wrap{width:380px;height:206px} |
||||
|
.c-infor-box .col-3,.c-infor-box .col-7{width:70%} |
||||
|
.c-infor-box .col-7{margin:0 0 20px 0} |
||||
|
.c-infor-box .col-7 .mr30{margin:0} |
||||
|
#cou-shopcar {width: 120px; height: 28px;font-size: 14px;line-height: 28px;} |
||||
|
} |
||||
@ -0,0 +1,41 @@ |
|||||
|
@font-face {font-family: "iconfont"; |
||||
|
src: url('iconfont.eot?t=1575660011553'); /* IE9 */ |
||||
|
src: url('iconfont.eot?t=1575660011553#iefix') format('embedded-opentype'), /* IE6-IE8 */ |
||||
|
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAWYAAsAAAAACowAAAVMAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDTgqHcIZhATYCJAMcCxAABCAFhG0HXBslCREVpAGS/RxwW+Mj1LoeqWJQRZ0qOE/tyUlOSmZmvvHw/Nq3c+e9kZ2/4gm1JCqJ3ZBwTTRIkLci2ugQOpGON8tzlFvOJricmpDjRK0eWoeri5C8KuoBYOGcAzbqhSrJ2pFHX7ikKX2otP85Zrp8PrD8trVLVwCO4g7oQLtxRUcHWIB4D/AMFybwZQKtOTygvUkZGuDIhLMCcbGpoQo4Lr0cgwuNqgq5MYunwNQUj7ErAJ7ofx+/wS84FMpEeNXJ04m1EPMNnpXh5H9SadIBWZ4Vt9tIWAVk4nao/SrcjK+Caz9Rhr3gm9EoFN/E74Q/y3xW9r/7Bijukb01SPlkpaqkf7yCqAjyfsROJyq+gUwh8w1RKPmG8eMV4aiVUJGJWoGKMqxTgFq9YRDjILYAxHsQlGv1eKgUs7GWYkLN5Y7weDuQlMEfzDEqk9hIO9BlWktTBXfuEEZjKmg1GilFDRgcKS9C81hCo917lm9QL0M0XWDYSG7Qb9Jt1qxTeA51V5Ka9eediYLrdHWUjP9W8829l+y44zj3sPfSk65rjsBSI3GeNucvNCbStLXumNPm09ZbD6rXU367KKf5aJkb0qnKW/McgNcWyjV3fNCIeRdsBufsTBTOvWzPnr8rCVXyoT0+dy45Rz9PN1+Nhq3bZK5dvX6j6ZwNCoSmBMyB/ICHnpVgtQVem6Xatm28cNkx/RELcqsjkBsNmxF6tb0GW3EnQXSOssNX08nis8YRFKWap1fMuaPRz1FgyR931cg3GPjz6WyaRvjDeRrNHL2qoDaPQUlolcvmktFHAitSdJBeDgtfNWVvctSLmMMg/aCuInCtyKhP1aTE0dZsj4MMmbVfHHqEFmBXtqRxkHZ4WIK3fevoaNYhW9mHZy7YsC0ro2qVg64Dbt9Fhu/FOd9df6yYdMG3BXjHztmjsHHYltlYB3CYYz50RdO66kCz4sHEpnnNIsKCECn7LPp2CQGRuI4JFhOgYv12Vk3Gs6Unx4568TtfJS/zSYQPhc7bFNuKnB8kgvOjclX+7xejxuYsfZbBqtke6xdTyGSXsxiyUcyxizZOxJnDHP4ao2QMC6Zg2i8mFmD4w+jYswEgPy8X+7/3XRPbpsgKgLAFQw5D/pULRQvFU0RTOoH9bBak7a746rAGiVbfAPg/9PYYXczns2WPu3v4mEpmLSt4kp37PwNNn7Z2BEKO+kE0/XgtbI7bDOrdpsVSwoaQFpvG+e3Wo5g4MKOokflh8Psz08XYkkL48fyI7SmdDPZbNsfUydmZQRdK7JgYS3ZqkgMOjmctWg5nZhR17OOAsqG/r0H5TtVfXbN58yTF//HRAN2JxNVAdy9DWvAibEin8MI4mSJxnc6lJgDSbuzj0XySr2TzqEIc8bXpneALXySXXrOvIzPk4x+SCqkFx64g5UT+igRDnd/95UaB2nHHZrRAK7rp0D3qXnnKidTFhMaEDYXabEgai5AZuwpKPWuh0tgBrZWSb+8Z0w0XuQ8rTAAIw7ZDYdAnSIZdRWbsXShNeguV4cChdSrkD+xBLQl1uVpkHiXlC6mCeyGZ/MUofUEObWadIh3/g3UqRHEQeVNP9LBlXOJGmXgvSFju6AGvQ9syacs1Ch9U3us0DEXYjoKCu9XFHovMoyT5QlTBvVDn+4vv91+QQ5vZmJ4f9h+sU0cnsUCUAvmU96l6tqXajTLhKSqIuBVzRx5kRSvGmejw42oUPlDliOpUSLNEWnlQv7JbzoegJXxmHUWkyFFGFXU08i0He5igZtVvjNnrinucdObcxLa8LFn/r9DLLlutAA==') format('woff2'), |
||||
|
url('iconfont.woff?t=1575660011553') format('woff'), |
||||
|
url('iconfont.ttf?t=1575660011553') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ |
||||
|
url('iconfont.svg?t=1575660011553#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-user:before { |
||||
|
content: "\e64d"; |
||||
|
} |
||||
|
|
||||
|
.icon-weixin:before { |
||||
|
content: "\e65d"; |
||||
|
} |
||||
|
|
||||
|
.icon-qq:before { |
||||
|
content: "\e63b"; |
||||
|
} |
||||
|
|
||||
|
.icon-phone:before { |
||||
|
content: "\e600"; |
||||
|
} |
||||
|
|
||||
|
.icon-password:before { |
||||
|
content: "\e601"; |
||||
|
} |
||||
|
|
||||
|
.icon-yanzhengma:before { |
||||
|
content: "\e602"; |
||||
|
} |
||||
|
|
||||
1
assets/css/iconfont.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,51 @@ |
|||||
|
{ |
||||
|
"id": "1084613", |
||||
|
"name": "my", |
||||
|
"font_family": "iconfont", |
||||
|
"css_prefix_text": "icon-", |
||||
|
"description": "", |
||||
|
"glyphs": [ |
||||
|
{ |
||||
|
"icon_id": "312594", |
||||
|
"name": "user", |
||||
|
"font_class": "user", |
||||
|
"unicode": "e64d", |
||||
|
"unicode_decimal": 58957 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "564948", |
||||
|
"name": "weixin", |
||||
|
"font_class": "weixin", |
||||
|
"unicode": "e65d", |
||||
|
"unicode_decimal": 58973 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "579859", |
||||
|
"name": "QQ", |
||||
|
"font_class": "qq", |
||||
|
"unicode": "e63b", |
||||
|
"unicode_decimal": 58939 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "724743", |
||||
|
"name": "phone", |
||||
|
"font_class": "phone", |
||||
|
"unicode": "e600", |
||||
|
"unicode_decimal": 58880 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "5524662", |
||||
|
"name": "password", |
||||
|
"font_class": "password", |
||||
|
"unicode": "e601", |
||||
|
"unicode_decimal": 58881 |
||||
|
}, |
||||
|
{ |
||||
|
"icon_id": "12198156", |
||||
|
"name": "验证码", |
||||
|
"font_class": "yanzhengma", |
||||
|
"unicode": "e602", |
||||
|
"unicode_decimal": 58882 |
||||
|
} |
||||
|
] |
||||
|
} |
||||
@ -0,0 +1,44 @@ |
|||||
|
<?xml version="1.0" standalone="no"?> |
||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" > |
||||
|
<!-- |
||||
|
2013-9-30: Created. |
||||
|
--> |
||||
|
<svg> |
||||
|
<metadata> |
||||
|
Created by iconfont |
||||
|
</metadata> |
||||
|
<defs> |
||||
|
|
||||
|
<font id="iconfont" horiz-adv-x="1024" > |
||||
|
<font-face |
||||
|
font-family="iconfont" |
||||
|
font-weight="500" |
||||
|
font-stretch="normal" |
||||
|
units-per-em="1024" |
||||
|
ascent="896" |
||||
|
descent="-128" |
||||
|
/> |
||||
|
<missing-glyph /> |
||||
|
|
||||
|
<glyph glyph-name="user" unicode="" d="M576 189.376l0 52.768c70.496 39.712 128 138.784 128 237.824 0 159.072 0 288-192 288s-192-128.928-192-288c0-99.072 57.504-198.112 128-237.824l0-52.768c-217.088-17.76-384-124.416-384-253.376l896 0c0 128.96-166.912 235.648-384 253.376z" horiz-adv-x="1024" /> |
||||
|
|
||||
|
|
||||
|
<glyph glyph-name="weixin" unicode="" d="M693.12 548.768c11.776 0 23.36-0.896 35.008-2.176C696.768 692.64 540.672 801.12 362.432 801.12 163.2 801.12 0 665.376 0 492.896c0-99.521 54.272-181.248 145.024-244.736L108.8 139.168l126.72 63.488c45.312-8.896 81.664-18.112 126.912-18.112 11.393 0 22.656 0.513 33.792 1.345-7.04 24.256-11.199 49.6-11.199 76.031C385.088 420.256 521.024 548.768 693.12 548.768zM498.304 647.008c27.393 0 45.376-17.984 45.376-45.248 0-27.136-17.983-45.312-45.376-45.312-27.071 0-54.336 18.176-54.336 45.312C443.968 629.088 471.168 647.008 498.304 647.008zM244.672 556.448c-27.2 0-54.592 18.176-54.592 45.312 0 27.264 27.392 45.248 54.592 45.248 27.2 0 45.248-17.92 45.248-45.248C289.92 574.624 271.872 556.448 244.672 556.448zM1024 266.272c0 144.896-145.023 262.976-307.904 262.976-172.479 0-308.224-118.144-308.224-262.976 0-145.28 135.808-262.977 308.224-262.977 36.097 0 72.513 9.024 108.736 18.112l99.392-54.528-27.264 90.624C969.729 112.16 1024 184.544 1024 266.272zM616.128 311.648c-17.984 0-36.224 17.92-36.224 36.224 0 18.048 18.239 36.225 36.224 36.225 27.521 0 45.376-18.177 45.376-36.225C661.504 329.568 643.648 311.648 616.128 311.648zM815.488 311.648c-17.856 0-36.032 17.92-36.032 36.224 0 18.048 18.112 36.225 36.032 36.225 27.264 0 45.376-18.177 45.376-36.225C860.864 329.568 842.752 311.648 815.488 311.648z" horiz-adv-x="1024" /> |
||||
|
|
||||
|
|
||||
|
<glyph glyph-name="qq" unicode="" d="M95.973 311.091c-35.267-83.022-40.999-162.234-12.681-177.053 19.537-10.193 50.128 13.020 78.783 55.634 11.339-46.422 39.412-88.466 79.509-122.155-42.052-15.515-69.531-40.896-69.531-69.635 0-47.24 74.34-85.476 166.101-85.476 82.744 0 151.293 31.029 163.922 71.885 3.418 0.040 16.477 0.040 19.752 0 12.714-40.815 81.322-71.885 164.014-71.885 91.76 0 166.083 38.276 166.083 85.476 0 28.697-27.449 54.12-69.532 69.635 40.058 33.731 68.242 75.733 79.541 122.155 28.635-42.616 59.176-65.827 78.722-55.634 28.33 14.82 22.72 94.075-12.648 177.053-27.715 65.212-65.295 113.272-94.052 123.874 0.407 4.136 0.612 8.351 0.612 12.55 0 25.194-6.979 48.487-18.973 67.484 0.204 1.473 0.204 2.988 0.204 4.461 0 11.586-2.742 22.475-7.45 31.869-7.266 169.584-117.695 304.266-296.344 304.266-178.782 0-289.241-134.681-296.424-304.266-4.759-9.476-7.512-20.325-7.512-31.869 0-1.473 0.123-2.988 0.164-4.461-11.862-18.997-18.862-42.247-18.862-67.484 0-4.199 0.152-8.374 0.512-12.55-28.544-10.602-66.267-58.744-93.91-123.874v0zM95.973 311.091z" horiz-adv-x="1024" /> |
||||
|
|
||||
|
|
||||
|
<glyph glyph-name="phone" unicode="" d="M266.767 893.678c0 0-70.052 1.117-70.052-72.453l-0.362-874.203c0 0-6.572-72.119 66.78-72.119h494.711c0 0 67.89-1.065 67.89 69.181v877.141c0.028 0 2.135 72.453-71.141 72.453v0M440.42 858.502h140.057v-35.070h-140.057v35.070zM387.882 858.502c9.705 0 17.535-7.811 17.535-17.508 0-9.705-7.811-17.588-17.535-17.588-9.657 0-17.489 7.857-17.489 17.588 0.019 9.697 7.831 17.508 17.489 17.508v0 0zM510.498-54.801c-23.025 0-40.771 22.179-33.285 46.381 3.203 10.355 11.442 18.705 21.759 22.033 24.211 7.809 46.556-10.164 46.556-33.29 0.001-19.409-15.694-35.124-35.027-35.124v0 0zM757.092 85.741h-493.23v702.569h493.231v-702.569h-0.001zM757.092 85.741z" horiz-adv-x="1024" /> |
||||
|
|
||||
|
|
||||
|
<glyph glyph-name="password" unicode="" d="M780.8 541.42H665.6v42.89c0 72.31-19.85 193.3-153.6 193.3-138.87 0-153.6-135.05-153.6-193.3v-42.89H243.2v42.89C243.2 773.75 348.79 896 512 896s268.8-122.25 268.8-311.69v-42.89z m-192-314.84c0 43.52-34.58 78.65-76.8 78.65s-76.8-35.13-76.8-78.65c0-29.46 15.4-54.47 38.44-67.82v-89.64c0-21.74 17.25-39.7 38.4-39.7s38.4 17.96 38.4 39.7v89.64c23 13.35 38.36 38.36 38.36 67.82zM896 384v-393.61c0-65.26-51.87-118.39-115.2-118.39H243.2c-63.291 0-115.2 53.13-115.2 118.39V384c0 65.22 51.87 118.39 115.2 118.39h537.6c63.33 0 115.2-53.17 115.2-118.39z" horiz-adv-x="1024" /> |
||||
|
|
||||
|
|
||||
|
<glyph glyph-name="yanzhengma" unicode="" d="M814.592 666.112c-145.92 0-290.816 82.944-292.352 83.968-3.072 1.536-6.144 2.56-9.216 2.56-3.072 0-6.656-1.024-9.216-2.56-1.536-1.024-150.016-83.968-294.4-83.968-10.24 0-18.944-8.704-18.944-18.944v-264.192c0-117.248 55.296-218.112 159.744-291.328 77.824-54.784 154.624-74.752 157.696-75.264 1.536-0.512 3.072-0.512 4.608-0.512 1.536 0 3.072 0 4.608 0.512 3.072 1.024 79.36 20.992 157.184 76.288 103.936 73.728 158.72 174.08 158.72 290.816v263.68c0.512 10.24-8.192 18.944-18.432 18.944zM697.344 450.56L506.368 259.584c-5.12-5.12-11.776-7.68-18.432-7.68-7.168 0-13.824 2.56-18.432 7.68L351.232 377.856c-10.24 10.24-10.24 26.624 0.512 36.864a25.958 25.958 0 0 0 36.864 0l99.84-99.84L660.48 487.424c10.24 10.24 26.624 10.24 36.864-0.512a26.288 26.288 0 0 0 0-36.352z" horiz-adv-x="1024" /> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
</font> |
||||
|
</defs></svg> |
||||
@ -0,0 +1,11 @@ |
|||||
|
.SelectDL {border:1px solid #DDD;height: 30px;background: #FFF;cursor: default;text-indent: 4px;position: relative;} |
||||
|
.SelectDL:hover,.SelectDL.cur{box-shadow:0 0 3px #00baf2;} |
||||
|
.SelectDL dt {padding-right: 30px;background: url(/edu/center/images/tips.png) no-repeat 95% center;color:#666;} |
||||
|
.SelectDL dt.disabled {background-color: #e3e3e3;cursor: no-drop;} |
||||
|
.SelectDL-icon {background: url(/edu/center/images/tips.png) no-repeat 95% center !important;} |
||||
|
.SelectDL dt p,.SelectDL dd li {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;word-wrap:normal;text-align: center;} |
||||
|
.SelectDL dd {position: absolute;left: -1px;top:30px;background: #FFF;border:1px solid #DDD;width: 100%;display: none;overflow: hidden;z-index: 100;margin-top: -1px;} |
||||
|
.SelectDL dd ul {max-height: 240px;padding:5px 10px;} |
||||
|
.SelectDL dd ul li:hover {background: #F1F1F1;} |
||||
|
.SelectDL dd ul li.disabled,.SelectDL dd ul li.disabled:hover {background: #CCC;} |
||||
|
.SelectDL i.icon.arrow_down{background-position: 0px -150px;width: 8px;height: 5px;position: absolute;right: 10px;top:13px;} |
||||
@ -0,0 +1,465 @@ |
|||||
|
.Confirm {} |
||||
|
|
||||
|
.Confirm .Title, .Cart .Title { |
||||
|
padding: 30px; |
||||
|
} |
||||
|
|
||||
|
.Confirm .Title h1, .Cart .Title h1 { |
||||
|
line-height: 30px; |
||||
|
} |
||||
|
|
||||
|
.GoodList { |
||||
|
text-align: center; |
||||
|
margin-bottom: 80px; |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.Cart .GoodList { |
||||
|
margin-bottom: 30px; |
||||
|
} |
||||
|
|
||||
|
.GoodList tr.good:hover { |
||||
|
background: #F6F6F6 |
||||
|
} |
||||
|
|
||||
|
.GoodList th { |
||||
|
background: #F5F5F5; |
||||
|
height: 35px; |
||||
|
font-weight: normal; |
||||
|
} |
||||
|
|
||||
|
.GoodList td { |
||||
|
border-bottom: 1px solid #DDD; |
||||
|
} |
||||
|
|
||||
|
.GoodList td.Title { |
||||
|
border: none; |
||||
|
padding: 45px 0px 0px 0px; |
||||
|
} |
||||
|
|
||||
|
.GoodList td.Title p { |
||||
|
background: url(/edu/center/images/disc_line.png) no-repeat center center; |
||||
|
} |
||||
|
|
||||
|
.GoodList .name { |
||||
|
padding-right: 200px; |
||||
|
} |
||||
|
|
||||
|
.GoodList td.name { |
||||
|
text-align: left; |
||||
|
padding: 20px 200px 20px 30px; |
||||
|
} |
||||
|
|
||||
|
.GoodList td.name img { |
||||
|
width: 125px; |
||||
|
height: 90px; |
||||
|
display: block; |
||||
|
float: left; |
||||
|
} |
||||
|
|
||||
|
.GoodList td.name .goodInfo { |
||||
|
margin-left: 150px; |
||||
|
} |
||||
|
|
||||
|
.GoodList td.name .goodInfo a { |
||||
|
display: block; |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
|
||||
|
.GoodList td.name .goodInfo .onlyMobile { |
||||
|
padding: 5px 10px; |
||||
|
border-radius: 4px; |
||||
|
line-height: 22px; |
||||
|
} |
||||
|
|
||||
|
.GoodList .actions { |
||||
|
width: 100px; |
||||
|
padding-right: 50px; |
||||
|
} |
||||
|
|
||||
|
.GoodList .price, .GoodList .priceNew { |
||||
|
width: 200px; |
||||
|
} |
||||
|
|
||||
|
.GoodList td.price, .GoodList td.priceNew, .GoodList td.actions { |
||||
|
vertical-align: top; |
||||
|
padding: 20px 0px; |
||||
|
} |
||||
|
|
||||
|
.GoodList td.price strong, .GoodList td.priceNew strong { |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
|
||||
|
.GoodList td.price p { |
||||
|
margin-bottom: 10px; |
||||
|
} |
||||
|
|
||||
|
.GoodList td.price .discName { |
||||
|
background: #fff5f5; |
||||
|
border: 1px solid #C01920; |
||||
|
padding: 3px 5px; |
||||
|
border-radius: 3px; |
||||
|
} |
||||
|
|
||||
|
.GoodList td.actions { |
||||
|
text-align: left; |
||||
|
} |
||||
|
|
||||
|
.GoodList td.actions p { |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.GoodList td.actions p:hover, .Finish .Main div.fl p:hover { |
||||
|
color: #C01920 |
||||
|
} |
||||
|
|
||||
|
.GoodList td.teacher { |
||||
|
text-align: left; |
||||
|
line-height: 1; |
||||
|
padding: 30px 0 20px 30px; |
||||
|
} |
||||
|
|
||||
|
.GoodList td.First { |
||||
|
border-left: 1px solid #DDD; |
||||
|
} |
||||
|
|
||||
|
.GoodList td.Last { |
||||
|
border-right: 1px solid #DDD; |
||||
|
} |
||||
|
|
||||
|
.GoodList td.Billing { |
||||
|
padding: 30px; |
||||
|
background-color: #F5F5F5; |
||||
|
border-right: 1px solid #F5F5F5; |
||||
|
} |
||||
|
|
||||
|
.GoodList td.Billing input { |
||||
|
border-radius: 3px; |
||||
|
border: 1px solid #DDD; |
||||
|
height: 20px; |
||||
|
margin: 0px 5px; |
||||
|
} |
||||
|
|
||||
|
.GoodList td.Billing .discount { |
||||
|
margin-bottom: 15px; |
||||
|
font-size: 12px; |
||||
|
line-height: 22px; |
||||
|
} |
||||
|
|
||||
|
.Finish { |
||||
|
margin-bottom: 150px; |
||||
|
} |
||||
|
|
||||
|
.Cart .Finish { |
||||
|
margin-bottom: 125px; |
||||
|
} |
||||
|
|
||||
|
.Finish .Main { |
||||
|
width: 968px; |
||||
|
border: 1px solid #DDD; |
||||
|
height: 68px; |
||||
|
line-height: 68px; |
||||
|
padding: 0 30px; |
||||
|
} |
||||
|
|
||||
|
.Finish .Main div.fl { |
||||
|
padding-top: 0px; |
||||
|
} |
||||
|
|
||||
|
.Finish .Main div.fl p { |
||||
|
padding: 0px 20px; |
||||
|
border-right: 1px solid #DDD; |
||||
|
line-height: 20px; |
||||
|
cursor: pointer; |
||||
|
margin-top: 24px; |
||||
|
} |
||||
|
|
||||
|
.Finish>button { |
||||
|
width: 170px; |
||||
|
height: 70px; |
||||
|
line-height: 1; |
||||
|
font-size: 24px; |
||||
|
border-radius: 0; |
||||
|
} |
||||
|
|
||||
|
.Finish>button.disabled { |
||||
|
background-color: #999; |
||||
|
} |
||||
|
|
||||
|
.Finish .check { |
||||
|
margin-top: -40px; |
||||
|
line-height: 20px; |
||||
|
right: 100px; |
||||
|
} |
||||
|
|
||||
|
.Finish .check input { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
.Finish .check p { |
||||
|
padding-left: 20px; |
||||
|
background: url(/edu/center/images/check.png) no-repeat left center; |
||||
|
} |
||||
|
|
||||
|
.Finish .check p.on { |
||||
|
background-image: url(/edu/center/images/checked.png); |
||||
|
} |
||||
|
|
||||
|
.Finish .Main div.fl p.checkbox { |
||||
|
background-position: left center; |
||||
|
padding-left: 30px; |
||||
|
} |
||||
|
|
||||
|
.isNuLL { |
||||
|
height: 200px; |
||||
|
line-height: 200px; |
||||
|
border-top: 1px solid #DDD; |
||||
|
} |
||||
|
|
||||
|
.lastTips { |
||||
|
text-align: right; |
||||
|
padding-right: 200px; |
||||
|
font-size: 12px; |
||||
|
color: #818181; |
||||
|
margin-top: 10px; |
||||
|
} |
||||
|
|
||||
|
.GoodList th.checkbox, .GoodList td.checkbox, .GoodList td.checkboxOverTime, .Finish .checkbox { |
||||
|
background-image: url(/edu/center/images/check.png); |
||||
|
background-repeat: no-repeat; |
||||
|
background-position: 30px center; |
||||
|
padding-left: 60px; |
||||
|
text-align: left; |
||||
|
cursor: default; |
||||
|
} |
||||
|
|
||||
|
.GoodList th.checkbox.on, .GoodList td.checkbox.on, .Finish .checkbox.on { |
||||
|
background-image: url(/edu/center/images/checked.png); |
||||
|
} |
||||
|
|
||||
|
.GoodList .checkbox.teacher { |
||||
|
background-position: 30px 29px; |
||||
|
} |
||||
|
|
||||
|
.checkbox input[type="checkbox"], .checkboxOverTime input[type="checkbox"] { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
.Classes {} |
||||
|
|
||||
|
.Classes dt { |
||||
|
padding: 0px 10px; |
||||
|
border-bottom: 2px solid #DDD; |
||||
|
height: 42px; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
.Classes dt p { |
||||
|
float: left; |
||||
|
font-size: 18px; |
||||
|
padding: 10px; |
||||
|
margin-right: 20px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.Classes dt p.cur, .Classes dt p:hover { |
||||
|
border-bottom: 4px solid #C01920; |
||||
|
color: #C01920; |
||||
|
padding-bottom: 6px; |
||||
|
} |
||||
|
|
||||
|
.Classes dd {} |
||||
|
|
||||
|
.Classes dd ul { |
||||
|
display: none; |
||||
|
overflow: hidden; |
||||
|
margin: 0px -10px; |
||||
|
} |
||||
|
|
||||
|
.Classes dd ul.cur { |
||||
|
display: block; |
||||
|
} |
||||
|
|
||||
|
.Classes dd ul li { |
||||
|
float: left; |
||||
|
margin: 25px 10px; |
||||
|
width: 222px; |
||||
|
border: 1px solid #DDD; |
||||
|
} |
||||
|
|
||||
|
.Classes dd ul li .pic { |
||||
|
height: 161px; |
||||
|
margin: -1px; |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.Classes dd ul li .pic img { |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
.Classes dd ul li .pic p { |
||||
|
position: absolute; |
||||
|
right: 0px; |
||||
|
bottom: 0px; |
||||
|
font-size: 12px; |
||||
|
color: #FFF; |
||||
|
left: 0; |
||||
|
padding: 5px; |
||||
|
background: url(/edu/center/images/bg70.png); |
||||
|
} |
||||
|
|
||||
|
.Classes dd ul li .info { |
||||
|
padding: 10px; |
||||
|
} |
||||
|
|
||||
|
.Classes dd ul li .info p.tit { |
||||
|
margin-bottom: 20px; |
||||
|
line-height: 22px; |
||||
|
height: 44px; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
/**涓烘偍鎺ㄨ崘-- 寰亴浣嶆帹鑽�**/ |
||||
|
/* .Classes dd ul li { |
||||
|
float: left; |
||||
|
margin: 25px 10px; |
||||
|
width: 222px; |
||||
|
border: 1px solid #DDD; |
||||
|
} */ |
||||
|
|
||||
|
.Classes dd ul .weijob .pic { |
||||
|
height: 161px; |
||||
|
margin: -1px; |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.Classes dd ul .weijob .pic img { |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
.Classes dd ul .weijob .pic p { |
||||
|
position: absolute; |
||||
|
right: 0px; |
||||
|
bottom: 0px; |
||||
|
font-size: 12px; |
||||
|
color: #FFF; |
||||
|
left: 0; |
||||
|
padding: 5px; |
||||
|
background: url(/edu/center/images/bg70.png); |
||||
|
} |
||||
|
|
||||
|
.Classes dd ul .weijob .info { |
||||
|
padding: 10px; |
||||
|
} |
||||
|
|
||||
|
.Classes dd ul .weijob .info p.tit { |
||||
|
margin-bottom: 20px; |
||||
|
line-height: 22px; |
||||
|
height: 44px; |
||||
|
overflow: hidden; |
||||
|
color: #777986; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.Classes dd ul .weijob .info .lb{ |
||||
|
color: #777986; |
||||
|
} |
||||
|
|
||||
|
.Classes dd ul .weijob .info .lb .lesson{ |
||||
|
float: left; |
||||
|
margin-right: 18px; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.Classes dd ul .weijob .info .lb .personNum{ |
||||
|
float: left; |
||||
|
} |
||||
|
|
||||
|
.Classes dd ul .weijob .info .lb .personNum:before{ |
||||
|
content: ''; |
||||
|
background-image: url(/edu/center/images/car_rec/i_per.png); |
||||
|
vertical-align: middle; |
||||
|
display: inline-block; |
||||
|
background-size: 8px 10px; |
||||
|
width: 8px; |
||||
|
height: 10px; |
||||
|
margin-top: -3px; |
||||
|
margin-right: 3px; |
||||
|
} |
||||
|
|
||||
|
.Classes dd ul .weijob .info .money{ |
||||
|
color: #777986; |
||||
|
} |
||||
|
|
||||
|
/*ThisPage Select*/ |
||||
|
|
||||
|
.Confirm .SelectDL { |
||||
|
height: 20px; |
||||
|
line-height: 20px; |
||||
|
min-width: 220px; |
||||
|
text-align: left; |
||||
|
border-radius: 3px; |
||||
|
margin-right: 20px; |
||||
|
} |
||||
|
|
||||
|
.Confirm .SelectDL dd { |
||||
|
top: 20px; |
||||
|
} |
||||
|
|
||||
|
.Confirm .SelectDL dd li span, .Confirm .SelectDL dt p span { |
||||
|
color: #C01920; |
||||
|
} |
||||
|
|
||||
|
.Pack { |
||||
|
border: 1px solid #DDD; |
||||
|
padding: 20px 30px; |
||||
|
margin-bottom: 80px; |
||||
|
} |
||||
|
|
||||
|
.Pack .Main { |
||||
|
padding-bottom: 20px; |
||||
|
border-bottom: 1px solid #DDD; |
||||
|
} |
||||
|
|
||||
|
.Pack .Main img { |
||||
|
width: 125px; |
||||
|
height: 90px; |
||||
|
} |
||||
|
|
||||
|
.Pack .Main .info { |
||||
|
margin-left: 150px; |
||||
|
} |
||||
|
|
||||
|
.Pack .Main .info h2 { |
||||
|
font-size: 16px; |
||||
|
font-weight: normal; |
||||
|
margin-bottom: 15px; |
||||
|
} |
||||
|
|
||||
|
.Pack .Main .info p { |
||||
|
line-height: 26px; |
||||
|
} |
||||
|
|
||||
|
.packItemList { |
||||
|
padding: 20px 0px; |
||||
|
} |
||||
|
|
||||
|
.packItemList li { |
||||
|
overflow: hidden; |
||||
|
line-height: 32px; |
||||
|
} |
||||
|
|
||||
|
.packItemList li .title { |
||||
|
width: 750px; |
||||
|
float: left; |
||||
|
padding-left: 20px; |
||||
|
background: url(/edu/center/images/dot.png) no-repeat 5px center; |
||||
|
} |
||||
|
|
||||
|
.packItemList li span { |
||||
|
float: left; |
||||
|
} |
||||
@ -0,0 +1 @@ |
|||||
|
.checkout h5{font-weight:700;margin:0}.hr{height:1px;background-color:#ddd}.top{background-color:#f1f1f1}.logoArea{overflow:hidden;position:relative}.search{position:absolute;right:0;top:22px;font-size:16px}.search .btn-danger{font-size:16px}.checkout{margin:20px 0}.checkout-steps{border:1px solid #ddd;padding:25px}.seven{color:#c81623;margin-top:20px}.price{font:14px "微软雅黑";font-weight:700;color:#e12228}ul.addr-detail li{width:99%;margin:6px 0}.recommendAddr{margin-top:10PX}ul.payType li{display:inline-block;padding:5px 20px;border:1px solid #ddd;*display:inline;_zoom:1;*margin:5px 10px;cursor:pointer}.addr-item .name{width:120px;border:1px solid #ddd;height:18px;padding:5px 10px;text-align:center}ul.send-detail li{margin-top:10px}.sendType .express{border:1px solid #ddd;width:120px;text-align:center}.sendType,.sendGoods{padding:15px}.sendType{background:#f4f4f4;margin-bottom:2px}.sendGoods{background:#feedef}.num,.exit{text-align:center}.order-summary{overflow:hidden;padding-right:20px}.list,.trade{line-height:26px}.list span{float:left;width:160px}.trade{padding:10px;margin:10px 0;text-align:right;background-color:#f4f4f4;border:1px solid #ddd}.trade .fc-receiverInfo{color:#999}.pay{font-family:"微软雅黑"}.pay .orange{color:#ea4d08}.pay .money{font-size:18px}.pay .checkout-tit{padding:10px 60px}.pay .paymark{overflow:hidden;line-height:26px;text-indent:38px}.pay .success-icon{width:30px;height:30px;display:inline-block;background-position:0 0}.pay .success-info{padding:0 8px;line-height:30px;vertical-align:top}.submit .btn-xlarge{padding:15px 45px;margin:15px 0 10px;font:18px "微软雅黑";font-weight:700;border-radius:0}.check-info{padding-left:25px;padding-bottom:15px;margin-bottom:10px;border:2px solid #c81523}.check-info h4{color:#c81523}.check-info .save{font-size:18px;font-weight:700;color:#c81523}.check-info ol,.check-info ul{padding-left:25px}.zfb{color:#c81523;font-weight:700}.check-info li{line-height:24px;font-size:14px}.weixin{line-height:27px;margin-right:40px;font-size:16px}.checkout-steps{border:1px solid #ddd;padding:25px;width:990px;margin:0 auto}.checkout-steps .phone{background:url(../img/phone-bg.png) no-repeat;width:350px;height:400px;margin-left:40px}.checkout-steps .red{color:red}.checkout-steps .saosao{margin-top:15px;padding:8px 0 8px 125px}.checkout-steps .saosao p{margin-bottom:5px;color:#fff;line-height:20px;margin-top:0;font-size:15px} |
||||
@ -0,0 +1,2 @@ |
|||||
|
@charset "utf-8"; |
||||
|
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}body{font-size:12px;line-height:160%;font-family:"Helvetica Neue",\5FAE\8F6F\96C5\9ED1,"SimHei",Tohoma;word-break:break-all;word-wrap:break-word;position:relative}ol,ul,li{list-style:none}blockquote,q{quotes:none}table{border-collapse:collapse;border-spacing:0;empty-cells:show}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins,s{text-decoration:none}del{text-decoration:line-through}em,i{font-style:normal}a,img{border:0;text-decoration:none}a{text-decoration:none}a:hover{text-decoration:underline}a:focus{outline:0;-moz-outline:0}a:active{outline:0;blr:expression(this.onFocus=this.blur())}h1{font-size:36px;line-height:45px;font-weight:normal}h2{font-size:24px;line-height:30px;font-weight:normal}h3{font-size:18px;line-height:22px;font-weight:normal}h4{font-size:16px;line-height:20px;font-weight:normal}h5{font-size:14px;line-height:18px;font-weight:normal}h6{font-size:12px;line-height:16px;font-weight:normal}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} |
||||
@ -0,0 +1,225 @@ |
|||||
|
|
||||
|
body{ |
||||
|
background-color: #F1F1F1; |
||||
|
} |
||||
|
|
||||
|
*, :after, :before { |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
|
||||
|
/*选择器*/ |
||||
|
.sign-up-msg{ |
||||
|
text-align: center; |
||||
|
font-size: 12px; |
||||
|
line-height: 20px; |
||||
|
color: #969696; |
||||
|
} |
||||
|
|
||||
|
/*标签选择器*/ |
||||
|
a{ |
||||
|
text-decoration: none; |
||||
|
} |
||||
|
|
||||
|
/*后代选择器*/ |
||||
|
.sign-up-msg a{ |
||||
|
color: #3194d0; |
||||
|
} |
||||
|
|
||||
|
.sign-up-msg a:hover{ |
||||
|
text-decoration: underline; |
||||
|
} |
||||
|
|
||||
|
.sign { |
||||
|
height: 100%; |
||||
|
min-height: 750px; |
||||
|
text-align: center; |
||||
|
font-size: 14px; |
||||
|
background-color: #f1f1f1; |
||||
|
} |
||||
|
|
||||
|
/*表单样式*/ |
||||
|
.sign .main{ |
||||
|
background-color: #FFFFFF; |
||||
|
width: 400px; |
||||
|
padding: 50px; |
||||
|
margin: 60px auto 0 auto; |
||||
|
box-shadow: 0 0 8px rgba(0,0,0,0.1); |
||||
|
border-radius: 5px; |
||||
|
} |
||||
|
|
||||
|
.sign .logo{ |
||||
|
position: absolute; |
||||
|
top: 56px; |
||||
|
left: 50px; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/*登录注册文字*/ |
||||
|
.sign .title{ |
||||
|
margin: 0 auto 50px; |
||||
|
padding: 10px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.sign .title a{ |
||||
|
padding: 10px; |
||||
|
color: #969696; |
||||
|
font-size: 18px; |
||||
|
} |
||||
|
|
||||
|
.sign .title a:hover{ |
||||
|
border-bottom: 2px solid #3BB149; |
||||
|
} |
||||
|
|
||||
|
.sign .title .active{ |
||||
|
font-weight: 700; |
||||
|
color: #3BB149; |
||||
|
border-bottom: 2px solid #3BB149; |
||||
|
} |
||||
|
|
||||
|
.sign .title span{ |
||||
|
padding: 10px; |
||||
|
color: #969696; |
||||
|
font-weight: 700; |
||||
|
} |
||||
|
|
||||
|
/*表单文本框 |
||||
|
.sign form .input input{ |
||||
|
width: 100%; |
||||
|
height: 50px; |
||||
|
padding: 4px 12px 4px 35px; |
||||
|
border: 1px solid #c8c8c8; |
||||
|
background-color: #F8F8F8; |
||||
|
box-sizing: border-box; |
||||
|
}*/ |
||||
|
|
||||
|
.sign form .restyle { |
||||
|
margin-bottom: 0; |
||||
|
} |
||||
|
.sign form .input-prepend { |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
} |
||||
|
.sign form .input-prepend input { |
||||
|
width: 100%; |
||||
|
height: 50px; |
||||
|
margin-bottom: 0; |
||||
|
padding: 4px 12px 4px 35px; |
||||
|
border: 1px solid #c8c8c8; |
||||
|
border-radius: 0 0 4px 4px; |
||||
|
background-color: hsla(0,0%,71%,.1); |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
.sign form .restyle input { |
||||
|
border-bottom: none; |
||||
|
border-radius: 4px 4px 0 0; |
||||
|
} |
||||
|
.sign form .no-radius input { |
||||
|
border-radius: 0; |
||||
|
} |
||||
|
.sign form .input-prepend i { |
||||
|
position: absolute; |
||||
|
top: 14px; |
||||
|
left: 10px; |
||||
|
font-size: 18px; |
||||
|
color: #969696; |
||||
|
} |
||||
|
.sign .sign-up-button{ |
||||
|
margin-top: 20px; |
||||
|
width: 100%; |
||||
|
padding: 9px 18px; |
||||
|
font-size: 18px; |
||||
|
border: none; |
||||
|
border-radius: 25px; |
||||
|
color: #FFFFFF; |
||||
|
background-color: #42c02c; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.sign .sign-up-button:hover{ |
||||
|
background-color: #3db922; |
||||
|
} |
||||
|
|
||||
|
.sign .sign-in-button{ |
||||
|
margin-top: 20px; |
||||
|
width: 100%; |
||||
|
padding: 9px 18px; |
||||
|
font-size: 18px; |
||||
|
border: none; |
||||
|
border-radius: 25px; |
||||
|
color: #FFFFFF; |
||||
|
background-color: #3194d0; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.sign .sign-in-button:hover{ |
||||
|
background-color: #187cb7; |
||||
|
} |
||||
|
|
||||
|
.sign .more-sign { |
||||
|
margin-top: 50px; |
||||
|
} |
||||
|
|
||||
|
.sign .more-sign h6 { |
||||
|
position: relative; |
||||
|
margin: 0 0 10px; |
||||
|
font-size: 12px; |
||||
|
color: #b5b5b5; |
||||
|
} |
||||
|
|
||||
|
.sign .more-sign h6:after, .sign .more-sign h6:before { |
||||
|
content: ""; |
||||
|
border-top: 1px solid #b5b5b5; |
||||
|
display: block; |
||||
|
position: absolute; |
||||
|
width: 60px; |
||||
|
top: 5px; |
||||
|
} |
||||
|
.sign .more-sign h6:before { |
||||
|
left: 30px; |
||||
|
} |
||||
|
|
||||
|
.sign .more-sign h6:after { |
||||
|
right: 30px; |
||||
|
} |
||||
|
.sign .more-sign h6:after, .sign .more-sign h6:before { |
||||
|
content: ""; |
||||
|
border-top: 1px solid #b5b5b5; |
||||
|
display: block; |
||||
|
position: absolute; |
||||
|
width: 60px; |
||||
|
top: 5px; |
||||
|
} |
||||
|
|
||||
|
.sign .more-sign ul { |
||||
|
margin-bottom: 10px; |
||||
|
list-style: none; |
||||
|
padding-left: 0; |
||||
|
} |
||||
|
|
||||
|
.sign .more-sign ul li { |
||||
|
margin: 0 3px; |
||||
|
display: inline-block; |
||||
|
} |
||||
|
|
||||
|
.sign .more-sign ul a { |
||||
|
width: 50px; |
||||
|
height: 50px; |
||||
|
line-height: 50px; |
||||
|
display: block; |
||||
|
} |
||||
|
.sign .more-sign .icon-weixin { |
||||
|
color: #00bb29; |
||||
|
} |
||||
|
.sign .more-sign .icon-qq { |
||||
|
color: #498ad5; |
||||
|
} |
||||
|
.sign .more-sign ul i { |
||||
|
font-size: 28px; |
||||
|
} |
||||
|
.ic-wechat:before { |
||||
|
content: "\E604"; |
||||
|
} |
||||
|
.ic-qq_connect:before { |
||||
|
content: "\E603"; |
||||
|
} |
||||
|
|
||||
|
|
||||
15
assets/css/swiper-3.3.1.min.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,35 @@ |
|||||
|
@charset "utf-8"; |
||||
|
.c-master { |
||||
|
color: #68cb9b; |
||||
|
} |
||||
|
.bg-orange { |
||||
|
background-color: #68cb9b; |
||||
|
} |
||||
|
.nav li.current a, |
||||
|
.nav li a:hover, |
||||
|
.h-r-login li a:hover, |
||||
|
.h-r-login li a:hover, |
||||
|
.c-tab-title a.current, |
||||
|
.c-btn-2, |
||||
|
.i-teach-wrap:hover a, |
||||
|
.paging a, |
||||
|
.paging a:hover, |
||||
|
.paging a.current, |
||||
|
#footer, |
||||
|
.u-m-dd ul li a:hover, |
||||
|
.u-m-dd ul li.current a, |
||||
|
.d-s-head-tab a.current { |
||||
|
border-color: #68cb9b; |
||||
|
color: #68cb9b; |
||||
|
} |
||||
|
.lh-menu ul li.lh-menu-stair ol li.lh-menu-second a.current-2, |
||||
|
.lh-menu ul li.lh-menu-stair li.lh-menu-second a.current-2, |
||||
|
.lh-menu ul li.lh-menu-stair ol li.lh-menu-second a.current-2 .lh-menu-i-2, |
||||
|
.lh-menu ul li.lh-menu-stair li.lh-menu-second a.current-2 .lh-menu-i-2, |
||||
|
.lh-menu-second a.current-2 span.fr, |
||||
|
#t-infor-menu p a.current, |
||||
|
.i-art-title:hover, |
||||
|
.q-sort-wrap span.current { |
||||
|
border-color: #68cb9b; |
||||
|
color: #68cb9b; |
||||
|
} |
||||
4
assets/css/web.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
|
After Width: 38 | Height: 45 | Size: 1.9 KiB |
|
After Width: 110 | Height: 100 | Size: 12 KiB |
|
After Width: 160 | Height: 160 | Size: 3.7 KiB |
|
After Width: 20 | Height: 20 | Size: 948 B |
|
After Width: 20 | Height: 20 | Size: 943 B |
|
After Width: 20 | Height: 20 | Size: 948 B |
|
After Width: 64 | Height: 64 | Size: 2.2 KiB |
|
After Width: 64 | Height: 64 | Size: 1.5 KiB |
|
After Width: 155 | Height: 111 | Size: 9.5 KiB |
|
After Width: 640 | Height: 357 | Size: 11 KiB |
|
After Width: 640 | Height: 357 | Size: 1.8 KiB |
|
After Width: 320 | Height: 320 | Size: 3.5 KiB |
|
After Width: 300 | Height: 300 | Size: 61 KiB |
|
After Width: 200 | Height: 200 | Size: 3.5 KiB |
|
After Width: 38 | Height: 45 | Size: 1.9 KiB |
|
After Width: 38 | Height: 45 | Size: 1.9 KiB |
|
After Width: 20 | Height: 20 | Size: 1.1 KiB |
|
After Width: 474 | Height: 582 | Size: 24 KiB |
|
After Width: 38 | Height: 38 | Size: 1.8 KiB |
|
After Width: 120 | Height: 130 | Size: 13 KiB |
|
After Width: 128 | Height: 128 | Size: 3.8 KiB |
|
After Width: 87 | Height: 87 | Size: 7.5 KiB |
|
After Width: 329 | Height: 421 | Size: 21 KiB |
|
After Width: 1200 | Height: 480 | Size: 79 KiB |
|
After Width: 200 | Height: 200 | Size: 3.5 KiB |
|
After Width: 200 | Height: 200 | Size: 3.6 KiB |
|
After Width: 1200 | Height: 480 | Size: 108 KiB |
|
After Width: 1200 | Height: 480 | Size: 88 KiB |
|
After Width: 1200 | Height: 480 | Size: 92 KiB |
|
After Width: 1200 | Height: 480 | Size: 73 KiB |
|
After Width: 640 | Height: 357 | Size: 49 KiB |
|
After Width: 640 | Height: 357 | Size: 58 KiB |
|
After Width: 320 | Height: 320 | Size: 22 KiB |
|
After Width: 640 | Height: 357 | Size: 60 KiB |
|
After Width: 640 | Height: 357 | Size: 54 KiB |
|
After Width: 32 | Height: 32 | Size: 1.7 KiB |
|
After Width: 32 | Height: 32 | Size: 1.7 KiB |
|
After Width: 64 | Height: 64 | Size: 2.9 KiB |
|
After Width: 40 | Height: 70 | Size: 1.7 KiB |
|
After Width: 40 | Height: 70 | Size: 1.6 KiB |
|
After Width: 128 | Height: 128 | Size: 4.3 KiB |
|
After Width: 11 | Height: 11 | Size: 975 B |
|
After Width: 18 | Height: 18 | Size: 1.3 KiB |
|
After Width: 2500 | Height: 1030 | Size: 306 KiB |
|
After Width: 32 | Height: 32 | Size: 1.7 KiB |
|
After Width: 32 | Height: 32 | Size: 1.7 KiB |
|
After Width: 64 | Height: 64 | Size: 3.0 KiB |
|
After Width: 64 | Height: 64 | Size: 3.0 KiB |
|
After Width: 140 | Height: 140 | Size: 6.5 KiB |
|
After Width: 32 | Height: 32 | Size: 1.7 KiB |
|
After Width: 32 | Height: 32 | Size: 1.7 KiB |
|
After Width: 64 | Height: 64 | Size: 2.8 KiB |
|
After Width: 64 | Height: 64 | Size: 2.8 KiB |
|
After Width: 140 | Height: 140 | Size: 5.8 KiB |
|
After Width: 140 | Height: 140 | Size: 5.1 KiB |
|
After Width: 200 | Height: 200 | Size: 3.6 KiB |
|
After Width: 38 | Height: 45 | Size: 1.9 KiB |
@ -0,0 +1,73 @@ |
|||||
|
<template> |
||||
|
<!-- 公共头 --> |
||||
|
<header id="header"> |
||||
|
<section class="container"> |
||||
|
<h1 id="logo"> |
||||
|
<a href="#" title="AI 小财神"> |
||||
|
<img src="~/assets/img/logo.png" width="80%" height="80%" alt="AI 小财神"> |
||||
|
</a> |
||||
|
</h1> |
||||
|
<div class="h-r-nsl"> |
||||
|
<ul class="nav"> |
||||
|
<router-link to="/home" tag="li" active-class="current" style="font-weight: bold;"> |
||||
|
<a>主页</a> |
||||
|
</router-link> |
||||
|
<router-link to="/club" tag="li" active-class="current" style="font-weight: bold;"> |
||||
|
<a>博股俱乐部</a> |
||||
|
</router-link> |
||||
|
<router-link to="/" tag="li" active-class="current" exact style="font-weight: bold;"> |
||||
|
<a>直播广场</a> |
||||
|
</router-link> |
||||
|
|
||||
|
</ul> |
||||
|
</div> |
||||
|
<aside class="mw-nav-btn"> |
||||
|
<div class="mw-nav-icon"/> |
||||
|
</aside> |
||||
|
<div class="clear"/> |
||||
|
</section> |
||||
|
</header> |
||||
|
<!-- /公共头 --> |
||||
|
</template> |
||||
|
<script> |
||||
|
import loginApi from '~/api/login' |
||||
|
import cookie from 'js-cookie' |
||||
|
export default{ |
||||
|
data() { |
||||
|
return { |
||||
|
userInfo: null |
||||
|
} |
||||
|
}, |
||||
|
// 登录成功后获取用户信息 |
||||
|
created() { |
||||
|
this.getUserInfo() |
||||
|
}, |
||||
|
// 页面渲染之后执行 |
||||
|
mounted() { |
||||
|
const token = this.$route.query.token |
||||
|
if (token) { |
||||
|
cookie.set('guli_jwt_token', token, { domain: 'localhost' }) |
||||
|
window.location.href = '/' |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
|
||||
|
getUserInfo() { |
||||
|
// cookie中token值不存在 |
||||
|
if (!cookie.get('guli_jwt_token')) { |
||||
|
return |
||||
|
} |
||||
|
loginApi.getLoginInfo().then(response => { |
||||
|
this.userInfo = response.data.userInfo |
||||
|
}) |
||||
|
}, |
||||
|
logout() { |
||||
|
// 清除cookie |
||||
|
cookie.set('guli_jwt_token', '', { domain: 'localhost' }) |
||||
|
window.location.href = '/' |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,80 @@ |
|||||
|
<template> |
||||
|
<div class="VueToNuxtLogo"> |
||||
|
<div class="Triangle Triangle--two"/> |
||||
|
<div class="Triangle Triangle--one"/> |
||||
|
<div class="Triangle Triangle--three"/> |
||||
|
<div class="Triangle Triangle--four"/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<style> |
||||
|
.VueToNuxtLogo { |
||||
|
display: inline-block; |
||||
|
animation: turn 2s linear forwards 1s; |
||||
|
transform: rotateX(180deg); |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
height: 180px; |
||||
|
width: 245px; |
||||
|
} |
||||
|
|
||||
|
.Triangle { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
width: 0; |
||||
|
height: 0; |
||||
|
} |
||||
|
|
||||
|
.Triangle--one { |
||||
|
border-left: 105px solid transparent; |
||||
|
border-right: 105px solid transparent; |
||||
|
border-bottom: 180px solid #41B883; |
||||
|
} |
||||
|
|
||||
|
.Triangle--two { |
||||
|
top: 30px; |
||||
|
left: 35px; |
||||
|
animation: goright 0.5s linear forwards 3.5s; |
||||
|
border-left: 87.5px solid transparent; |
||||
|
border-right: 87.5px solid transparent; |
||||
|
border-bottom: 150px solid #3B8070; |
||||
|
} |
||||
|
|
||||
|
.Triangle--three { |
||||
|
top: 60px; |
||||
|
left: 35px; |
||||
|
animation: goright 0.5s linear forwards 3.5s; |
||||
|
border-left: 70px solid transparent; |
||||
|
border-right: 70px solid transparent; |
||||
|
border-bottom: 120px solid #35495E; |
||||
|
} |
||||
|
|
||||
|
.Triangle--four { |
||||
|
top: 120px; |
||||
|
left: 70px; |
||||
|
animation: godown 0.5s linear forwards 3s; |
||||
|
border-left: 35px solid transparent; |
||||
|
border-right: 35px solid transparent; |
||||
|
border-bottom: 60px solid #fff; |
||||
|
} |
||||
|
|
||||
|
@keyframes turn { |
||||
|
100% { |
||||
|
transform: rotateX(0deg); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@keyframes godown { |
||||
|
100% { |
||||
|
top: 180px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@keyframes goright { |
||||
|
100% { |
||||
|
left: 70px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,7 @@ |
|||||
|
# COMPONENTS |
||||
|
|
||||
|
The components directory contains your Vue.js Components. |
||||
|
Nuxt.js doesn't supercharge these components. |
||||
|
|
||||
|
**This directory is not required, you can delete it if you don't want to use it.** |
||||
|
|
||||
@ -0,0 +1,9 @@ |
|||||
|
# LAYOUTS |
||||
|
|
||||
|
This directory contains your Application Layouts. |
||||
|
|
||||
|
More information about the usage of this directory in the documentation: |
||||
|
https://nuxtjs.org/guide/views#layouts |
||||
|
|
||||
|
**This directory is not required, you can delete it if you don't want to use it.** |
||||
|
|
||||
@ -0,0 +1,36 @@ |
|||||
|
<template> |
||||
|
<div class="in-wrap"> |
||||
|
<!-- 公共头 --> |
||||
|
<app-header/> |
||||
|
<!-- /公共头 --> |
||||
|
|
||||
|
<!-- 内容区域 --> |
||||
|
<nuxt/> |
||||
|
<!-- /内容区域 --> |
||||
|
|
||||
|
<!-- 公共底 --> |
||||
|
<!-- <app-footer /> --> |
||||
|
<!-- /公共底 --> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import AppHeader from '~/components/AppHeader.vue' |
||||
|
// import AppFooter from '~/components/AppFooter.vue' |
||||
|
import '~/assets/css/reset.css' |
||||
|
import '~/assets/css/theme.css' |
||||
|
import '~/assets/css/global.css' |
||||
|
import '~/assets/css/web.css' |
||||
|
import '~/assets/css/base.css' |
||||
|
import '~/assets/css/activity_tab.css' |
||||
|
import '~/assets/css/bottom_rec.css' |
||||
|
import '~/assets/css/nice_select.css' |
||||
|
import '~/assets/css/order.css' |
||||
|
import '~/assets/css/swiper-3.3.1.min.css' |
||||
|
import '~/assets/css/pages-weixinpay.css' |
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
AppHeader |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,11 @@ |
|||||
|
<template> |
||||
|
|
||||
|
<div class="sign"> |
||||
|
<!--标题--> |
||||
|
<div class="logo"> |
||||
|
<img src="~/assets/img/logo.png" alt="logo"> |
||||
|
</div> |
||||
|
<!--表单--> |
||||
|
<nuxt/> |
||||
|
</div> |
||||
|
</template> |
||||
@ -0,0 +1,10 @@ |
|||||
|
# MIDDLEWARE |
||||
|
|
||||
|
This directory contains your Application Middleware. |
||||
|
The middleware lets you define custom function to be ran before rendering a page or a group of pages (layouts). |
||||
|
|
||||
|
More information about the usage of this directory in the documentation: |
||||
|
https://nuxtjs.org/guide/routing#middleware |
||||
|
|
||||
|
**This directory is not required, you can delete it if you don't want to use it.** |
||||
|
|
||||
@ -0,0 +1,45 @@ |
|||||
|
module.exports = { |
||||
|
/* |
||||
|
** Headers of the page |
||||
|
*/ |
||||
|
head: { |
||||
|
title: 'AI小财神', |
||||
|
meta: [ |
||||
|
{ charset: 'utf-8' }, |
||||
|
{ name: 'viewport', content: 'width=device-width, initial-scale=1' }, |
||||
|
{ name: 'keywords', content: 'AI小财神' }, |
||||
|
{ name: 'description', content: 'AI小财神' } |
||||
|
], |
||||
|
link: [ |
||||
|
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' } |
||||
|
] |
||||
|
}, |
||||
|
/* |
||||
|
** Customize the progress bar color |
||||
|
*/ |
||||
|
loading: { color: '#3B8070' }, |
||||
|
/* |
||||
|
** Build configuration |
||||
|
*/ |
||||
|
build: { |
||||
|
/* |
||||
|
** Run ESLint on save |
||||
|
*/ |
||||
|
extend(config, { isDev, isClient }) { |
||||
|
if (isDev && isClient) { |
||||
|
config.module.rules.push({ |
||||
|
enforce: 'pre', |
||||
|
test: /\.(js|vue)$/, |
||||
|
loader: 'eslint-loader', |
||||
|
exclude: /(node_modules)/ |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
plugins: [ |
||||
|
{ src: '~/plugins/nuxt-swiper-plugin.js', ssr: false }, |
||||
|
{ src: '~/plugins/element-ui-plugin.js', ssr: false } |
||||
|
] |
||||
|
} |
||||
|
|
||||
10739
package-lock.json
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,30 @@ |
|||||
|
{ |
||||
|
"name": "guli-site", |
||||
|
"version": "1.0.0", |
||||
|
"description": "谷粒学院", |
||||
|
"author": "admin <admin@atguigu.com>", |
||||
|
"private": true, |
||||
|
"scripts": { |
||||
|
"dev": "nuxt", |
||||
|
"build": "nuxt build", |
||||
|
"start": "nuxt start", |
||||
|
"generate": "nuxt generate", |
||||
|
"lint": "eslint --ext .js,.vue --ignore-path .gitignore .", |
||||
|
"precommit": "npm run lint" |
||||
|
}, |
||||
|
"dependencies": { |
||||
|
"axios": "^0.19.0", |
||||
|
"element-ui": "^2.9.2", |
||||
|
"js-cookie": "^2.2.0", |
||||
|
"nuxt": "^2.0.0", |
||||
|
"querystring": "^0.2.1", |
||||
|
"vue-awesome-swiper": "^3.1.3" |
||||
|
}, |
||||
|
"devDependencies": { |
||||
|
"babel-eslint": "^10.0.1", |
||||
|
"eslint": "^4.19.1", |
||||
|
"eslint-friendly-formatter": "^4.0.1", |
||||
|
"eslint-loader": "^2.1.1", |
||||
|
"eslint-plugin-vue": "^4.0.0" |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,8 @@ |
|||||
|
# PAGES |
||||
|
|
||||
|
This directory contains your Application Views and Routes. |
||||
|
The framework reads all the .vue files inside this directory and creates the router of your application. |
||||
|
|
||||
|
More information about the usage of this directory in the documentation: |
||||
|
https://nuxtjs.org/guide/routing |
||||
|
|
||||
@ -0,0 +1,188 @@ |
|||||
|
<template> |
||||
|
<div id="aCoursesList" class="bg-fa of"> |
||||
|
<section class="container"> |
||||
|
<section class="i-article"> |
||||
|
<div class=" col-club" style="white-space: nowrap;"> |
||||
|
<section style="background: linear-gradient(to right,bisque,sandybrown);height: 360px;margin-top: 60px;"> |
||||
|
<div style="position: absolute;"> |
||||
|
<img :src="imgUrl" alt="大图标" style="display: inline-block;margin-top: 20px; margin-left: 15px;width: 190px;"> |
||||
|
<button style="background-color:peru; margin-top: 60px; margin-left: 750px; font-size: 23px;color:sienna;height: 35px; width: 115px;position: absolute;" > 查看更多</button> |
||||
|
<p style="font-size: clamp(1rem, 2vw, 24px); margin-left: 45px;margin-right: 60px; font-weight: 500; margin-top: -10px;position: absolute;width: 100%; height: 100%;"> |
||||
|
博股国际投资论坛(Bogulnternational InvestmentForum)立足中国，面向全球。聚集了国际 |
||||
|
政要、<br>投资大师、经济学家和高端投资人士。该论坛旨在为一小部分高端投资人士提供深度学习， |
||||
|
解读<br>国际经济形势，并研判经济发展机遇。博股会员是博股国际投资论坛的终身会员，我们注重 |
||||
|
知识<br>体系的深度，与大师为伍，强调价值投资，并利用大波段进行盈利。 |
||||
|
</p> |
||||
|
</div> |
||||
|
</section> |
||||
|
<section class="mr30"> |
||||
|
<header class="comm-title all-article-title"> |
||||
|
<h2 class="fl tac"> |
||||
|
<span class="c-333" style="color:cornflowerblue;text-decoration: underline;text-underline-offset: 9px;">专题</span> |
||||
|
</h2> |
||||
|
<section class="c-tab-title"> |
||||
|
<a href="javascript: void(0)"> </a> |
||||
|
</section> |
||||
|
</header> |
||||
|
<!-- /无数据提示 开始--> |
||||
|
<!-- /无数据提示 结束--> |
||||
|
<article class="i-article-list" style="background: linear-gradient(cornsilk,white); "> |
||||
|
<!-- /文章列表 开始--> |
||||
|
<div> |
||||
|
<p style="font-size: 23px; margin-left: 40px; margin-bottom: 30px; display: inline-block;margin-top: 20px;" >前言股市投资分享之左侧交易</p> |
||||
|
<p style="margin-left: 635px; font-size: 18px;margin-top: 20px;position: absolute;display: inline-block;" >查看更多</p> |
||||
|
</div> |
||||
|
<ul> |
||||
|
|
||||
|
<li v-for="Subject in SubjectList" :key="Subject.id"> |
||||
|
<aside class="i-article-pic" style="margin-left: 40px;"> |
||||
|
<img :src="Subject.coverImg" :alt="1"> |
||||
|
</aside> |
||||
|
<img :src="imgjinUrl" alt="" width="35px" height="35px" style="margin-left: 30px; display: inline-block;"> |
||||
|
<span class="hLh30 txtOf" style="margin-left: 10px; display: inline-block;"> |
||||
|
<a :title="Subject.sectionTitle" href="/club/1" class="i-art-title">{{ Subject.sectionTitle }}</a> |
||||
|
</span> |
||||
|
<!-- <img style="margin-left: 40px;" src="/assets/img/jinbi.jpg"> --> |
||||
|
|
||||
|
<section class="i-q-txt mt5 i-q-txt2" style="margin-left: 30px;"> |
||||
|
<img :src="Subject.club" alt="" > |
||||
|
</section> |
||||
|
<section class="hLh30 txtOf mt5 pr10 a-list-extrainfo"> |
||||
|
<div |
||||
|
class="fl" |
||||
|
style="margin-left: 30px;"> |
||||
|
<img :src="Subject.head" alt="" style="display: inline-block; width: 20px; height: 20px;border-radius: 80px;" > |
||||
|
<span class="c-999 f-fM">{{ Subject.author }}</span> |
||||
|
<span class="c-999 f-fM">{{ Subject.publishTime }}</span> |
||||
|
<span class="el-icon-view"> {{ Subject.viewCount }}</span> |
||||
|
<!-- <span> <a class="noter-dy vam" title="回答" href="http://127.0.0.1:81/front/articleinfo/23.html"> |
||||
|
<em class="icon18"> </em><span>{{ Subject.commentCount }}</span> |
||||
|
</a> <tt title="赞一下" class="noter-zan vam ml10 f-fM" onclick="addPraise('23',3)"> |
||||
|
<em class="icon18"> </em><span class="addPraise23_3 praiseCount">{{ Subject.likeCount }}</span> |
||||
|
</tt> |
||||
|
</span> --> |
||||
|
|
||||
|
<span class="el-icon-chat-dot-square"> {{ Subject.commentCount }}</span> |
||||
|
<span> |
||||
|
<i |
||||
|
:id="'like-count'+Subject.id" |
||||
|
:style="{color: Subject.isLiked==0 ? '#f56c6c' : '#c0c4cc'}" |
||||
|
class="el-icon-thumb " |
||||
|
@click="praise(Subject.id,Subject.isLiked,index)" |
||||
|
> {{ Subject.likeCount }}</i> |
||||
|
<!-- <i v-if="recommendation.isLiked==0" class="el-icon-thumb"> {{ recommendation.likes }}</i> |
||||
|
<i class="el-icon-thumb" style="color: aqua;"> {{ recommendation.likes }}</i> --> |
||||
|
</span> |
||||
|
</div> |
||||
|
</section> |
||||
|
</li> |
||||
|
</ul> |
||||
|
<!-- /文章列表 结束--> |
||||
|
</article> |
||||
|
|
||||
|
<!-- 公共分页 开始 --> |
||||
|
<!-- <div> |
||||
|
<div class="paging"> |
||||
|
<a class="undisable" title>首</a> |
||||
|
<a id="backpage" class="undisable" href="#" title><</a> |
||||
|
<a href="#" title class="current undisable">1</a> |
||||
|
<a href="#" title>2</a> |
||||
|
<a id="nextpage" href="#" title>></a> |
||||
|
<a href="#" title>末</a> |
||||
|
<div class="clear"/> |
||||
|
</div> |
||||
|
</div> --> |
||||
|
<!-- 公共分页 结束 --> |
||||
|
|
||||
|
</section> |
||||
|
</div> |
||||
|
|
||||
|
</section></section></div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import indexApi from '~/api/club' |
||||
|
import service from '../../utils/request' |
||||
|
|
||||
|
export default { |
||||
|
|
||||
|
async asyncData() { |
||||
|
// 获取课程和讲师数据 |
||||
|
const SubjectResponse = await indexApi.getSubject() |
||||
|
const SubjectList = SubjectResponse.data |
||||
|
const mainTitle = SubjectList.mainTitle |
||||
|
// var time = recommendationList.publishTime |
||||
|
// var d = new Date(time) |
||||
|
// var times = d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds() |
||||
|
return { |
||||
|
SubjectList, |
||||
|
mainTitle, |
||||
|
imgjinUrl: require('@/assets/img/jin.jpg'), |
||||
|
imgUrl: require('@/assets/img/da.jpg') |
||||
|
// imgUrl: '/assets/img/1.jpg' |
||||
|
// currentMonth: new Date().getMonth() + 1 |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
praise(id, index) { |
||||
|
service.post('special-topic/api/isLikedById/' + id) |
||||
|
// .then(response => response.json()) |
||||
|
.then(Response => { |
||||
|
// console.log(id) |
||||
|
// console.log(status) |
||||
|
// console.log(response) |
||||
|
// window.location.reload() |
||||
|
// console.log(this.RecommendationResponse) |
||||
|
// console.log(id) |
||||
|
|
||||
|
// document.getElementById(`like-count`).textContent = data.data.likes |
||||
|
// document.getElementById(`like-isLiked`).className = data.isLiked ? 'liked' : '' |
||||
|
service.post('special-topic/api/selectSpecialTopic') |
||||
|
.then(Response => { |
||||
|
const data = Response.data |
||||
|
// console.log(data) |
||||
|
for (var i = 0; i < data.length; i++) { |
||||
|
// console.log(data[i]) |
||||
|
if (data[i].id === id) { |
||||
|
console.log(data[i].id) |
||||
|
// console.log(id) |
||||
|
document.getElementById(`like-count` + id).textContent = data[i].likeCount |
||||
|
if (data[i].isLiked === 0) { |
||||
|
// console.log(data[i].isLiked) |
||||
|
document.getElementById(`like-count` + id).style.color = '#f56c6c' |
||||
|
} else { |
||||
|
document.getElementById(`like-count` + id).style.color = '#c0c4cc' |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// const isLikd = data.isLiked |
||||
|
// document.getElementById(`like-count`).textContent = data.likes |
||||
|
// const i = document.getElementById(`like-count`) |
||||
|
// // '#f56c6c' : '#c0c4cc' |
||||
|
// if (isLikd) { |
||||
|
// i.style.color = '#f56c6c' |
||||
|
// } else { |
||||
|
// i.style.color = '#c0c4cc' |
||||
|
// } |
||||
|
// console.log(Response) |
||||
|
}) |
||||
|
|
||||
|
// console.log(data) |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.log(error) |
||||
|
console.log('error') |
||||
|
}) |
||||
|
}, |
||||
|
formatDateTime(isoString) { |
||||
|
const date = new Date(isoString) |
||||
|
const month = (date.getMonth() + 1).toString().padStart(2, 0) |
||||
|
const day = date.getDate().toString().padStart(2, 0) |
||||
|
const hours = date.getHours().toString().padStart |
||||
|
const minutes = date.getMinutes().toString().padStart(2, '0') |
||||
|
return `${month}-${day} ${hours}:${minutes}` |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
@ -0,0 +1,210 @@ |
|||||
|
<template> |
||||
|
<div id="aCoursesList" class="bg-fa of"> |
||||
|
<section class="container"> |
||||
|
<section class="i-article"> |
||||
|
<div class="fl col-7"> |
||||
|
<section class="mr30"> |
||||
|
<header class="comm-title all-article-title"> |
||||
|
<h2 class="fl tac"> |
||||
|
<span class="c-333" style="font-weight: bold;">推荐</span> |
||||
|
</h2> |
||||
|
<section class="c-tab-title"> |
||||
|
<!-- <a href="javascript: void(0)"> </a> --> |
||||
|
</section> |
||||
|
</header> |
||||
|
<!-- /无数据提示 开始--> |
||||
|
<!-- /无数据提示 结束--> |
||||
|
<article class="i-article-list"> |
||||
|
<!-- /文章列表 开始--> |
||||
|
<ul> |
||||
|
<li v-for="(recommendation,index) in recommendationList" :key="recommendation.id"> |
||||
|
<aside class="i-article-pic"> |
||||
|
<img :src="recommendation.imageUrl" :alt="1"> |
||||
|
</aside> |
||||
|
<h3 class="hLh30 txtOf"> |
||||
|
<a :title="recommendation.title" href="/home/1" class="i-art-title">{{ recommendation.title }}</a> |
||||
|
</h3> |
||||
|
<section class="i-q-txt mt5 i-q-txt2"/> |
||||
|
<section class="hLh30 txtOf mt5 a-list-extrainfo"> |
||||
|
<div class="fl"> |
||||
|
<img :src="recommendation.head" alt="" width="23px" height="23px" style="border-radius: 13px;"> |
||||
|
<span class="c-999 f-fM">{{ recommendation.author }}</span> |
||||
|
<span class="c-999 f-fM">{{ formatDateTime(recommendation.publishTime) }}</span> |
||||
|
<span class="el-icon-view"> {{ recommendation.shares }}</span> |
||||
|
<span class="el-icon-chat-dot-square"> {{ recommendation.comments }}</span> |
||||
|
<!-- <span> --> |
||||
|
<!-- <a class="noter-dy vam" title="回答" href="http://127.0.0.1:81/front/articleinfo/23.html"> |
||||
|
<em class="icon18"> </em> |
||||
|
<span>{{ recommendation.comments }}</span> |
||||
|
</a> --> |
||||
|
<!-- <a href="#" class=""><span class="el-icon-chat-dot-square">{{ recommendation.comments }}</span></a> --> |
||||
|
<!-- <tt title="赞一下" class=" vam ml10 f-fM" @click="addPraise(recommendation.id)"> |
||||
|
<img src="/assets/img/pic/YES.png" alt="" style="color: aqua;"> |
||||
|
<span>{{ recommendation.likes }}</span> |
||||
|
</tt> --> |
||||
|
<!-- </span> --> |
||||
|
<!-- <span class="" @click="praise(index,recommendation.id)"> |
||||
|
<img v-if="recommendation.isLikd==0" src="/assets/img/pic/NO.png" alt=""></i> |
||||
|
<img src="/assets/img/pic/YES.png" alt=""> |
||||
|
</span> |
||||
|
<span>{{ recommendation.likes }}</span> --> |
||||
|
<span> |
||||
|
<i |
||||
|
:id="'like-count'+recommendation.id" |
||||
|
:style="{color: recommendation.isLiked==0 ? '#f56c6c' : '#c0c4cc'}" |
||||
|
class="el-icon-thumb " |
||||
|
@click="praise(recommendation.id,recommendation.isLiked,index)" |
||||
|
> {{ recommendation.likes }}</i> |
||||
|
<!-- <i v-if="recommendation.isLiked==0" class="el-icon-thumb"> {{ recommendation.likes }}</i> |
||||
|
<i class="el-icon-thumb" style="color: aqua;"> {{ recommendation.likes }}</i> --> |
||||
|
</span> |
||||
|
</div> |
||||
|
</section> |
||||
|
</li> |
||||
|
</ul> |
||||
|
<!-- /文章列表 结束--> |
||||
|
</article> |
||||
|
|
||||
|
<!-- 公共分页 开始 --> |
||||
|
<!-- <div> |
||||
|
<div class="paging"> |
||||
|
<a class="undisable" title>首</a> |
||||
|
<a id="backpage" class="undisable" href="#" title><</a> |
||||
|
<a href="#" title class="current undisable">1</a> |
||||
|
<a href="#" title>2</a> |
||||
|
<a id="nextpage" href="#" title>></a> |
||||
|
<a href="#" title>末</a> |
||||
|
<div class="clear"/> |
||||
|
</div> |
||||
|
</div> --> |
||||
|
<!-- 公共分页 结束 --> |
||||
|
|
||||
|
</section> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 精选视频 --> |
||||
|
<aside class="fl col-3 articleRecommend"> |
||||
|
<div> |
||||
|
<header class="comm-title all-article-title"> |
||||
|
<h2 class="fl tac"> |
||||
|
|
||||
|
<span class="c-333 " style="font-weight: bold;">精选视频</span> |
||||
|
</h2> |
||||
|
<section class="c-tab-title"> |
||||
|
<!-- <a href="javascript: void(0)"> </a> --> |
||||
|
</section> |
||||
|
</header> |
||||
|
<article class="i-article-list"> |
||||
|
<!-- /文章列表 开始--> |
||||
|
<ul> |
||||
|
<li v-for="featured in featuredList" :key="featured.id"> |
||||
|
<aside class="i-article-pic"> |
||||
|
<img :src="featured.imageUrl" :alt="1"> |
||||
|
</aside> |
||||
|
<h3 class="hLh30 txtOf"> |
||||
|
<a :title="featured.title" href="/home/1" class="i-art-title">{{ featured.title }}</a> |
||||
|
</h3> |
||||
|
<section class="i-q-txt mt5 i-q-txt2"/> |
||||
|
<section class="hLh30 txtOf mt5 pr10 a-list-extrainfo"> |
||||
|
<div class="fl"> |
||||
|
<span class="el-icon-view"> {{ featured.views }}</span> |
||||
|
<span class="c-999 f-fM">{{ formatDateTime(featured.publishTime) }}</span> |
||||
|
</div> |
||||
|
</section> |
||||
|
</li> |
||||
|
</ul> |
||||
|
<!-- /文章列表 结束--> |
||||
|
</article> |
||||
|
|
||||
|
</div> |
||||
|
</aside></section></section></div></template> |
||||
|
<!-- <script> |
||||
|
|
||||
|
</script> --> |
||||
|
<script> |
||||
|
import indexApi from '~/api/home' |
||||
|
import service from '../../utils/request' |
||||
|
// import service from '../../utils/request' |
||||
|
|
||||
|
export default { |
||||
|
|
||||
|
async asyncData() { |
||||
|
// 获取直播和专题数据 |
||||
|
const RecommendationResponse = await indexApi.RecommendationList() |
||||
|
const recommendationList = RecommendationResponse.data |
||||
|
const FeaturedResponse = await indexApi.FeaturedList() |
||||
|
const featuredList = FeaturedResponse.data |
||||
|
// var time = recommendationList.publishTime |
||||
|
// var d = new Date(time) |
||||
|
// var times = d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds() |
||||
|
return { |
||||
|
recommendationList, |
||||
|
featuredList |
||||
|
|
||||
|
// currentMonth: new Date().getMonth() + 1 |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
praise(id, index) { |
||||
|
service.post('recommendation/api/addLike/' + id) |
||||
|
// .then(response => response.json()) |
||||
|
.then(Response => { |
||||
|
// console.log(id) |
||||
|
// console.log(status) |
||||
|
// console.log(response) |
||||
|
// window.location.reload() |
||||
|
// console.log(this.RecommendationResponse) |
||||
|
// console.log(id) |
||||
|
|
||||
|
// document.getElementById(`like-count`).textContent = data.data.likes |
||||
|
// document.getElementById(`like-isLiked`).className = data.isLiked ? 'liked' : '' |
||||
|
service.post('recommendation/api/selectRecommendation') |
||||
|
.then(Response => { |
||||
|
const data = Response.data |
||||
|
// console.log(data) |
||||
|
for (var i = 0; i < data.length; i++) { |
||||
|
// console.log(data[i]) |
||||
|
if (data[i].id === id) { |
||||
|
// console.log(data[i].id) |
||||
|
// console.log(id) |
||||
|
document.getElementById(`like-count` + id).textContent = data[i].likes |
||||
|
if (data[i].isLiked === 0) { |
||||
|
// console.log(data[i].isLiked) |
||||
|
document.getElementById(`like-count` + id).style.color = '#f56c6c' |
||||
|
} else { |
||||
|
document.getElementById(`like-count` + id).style.color = '#c0c4cc' |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// const isLikd = data.isLiked |
||||
|
// document.getElementById(`like-count`).textContent = data.likes |
||||
|
// const i = document.getElementById(`like-count`) |
||||
|
// // '#f56c6c' : '#c0c4cc' |
||||
|
// if (isLikd) { |
||||
|
// i.style.color = '#f56c6c' |
||||
|
// } else { |
||||
|
// i.style.color = '#c0c4cc' |
||||
|
// } |
||||
|
// console.log(Response) |
||||
|
}) |
||||
|
|
||||
|
// console.log(data) |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.log(error) |
||||
|
console.log('error') |
||||
|
}) |
||||
|
}, |
||||
|
formatDateTime(isoString) { |
||||
|
const date = new Date(isoString) |
||||
|
const month = (date.getMonth() + 1).toString().padStart(2, 0) |
||||
|
const day = date.getDate().toString().padStart(2, 0) |
||||
|
const hours = date.getHours().toString().padStart(2, 0) |
||||
|
const minutes = date.getMinutes().toString().padStart(2, '0') |
||||
|
return `${month}-${day} ${hours}:${minutes}` |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
Some files were not shown because too many files changed in this diff
Write
Preview
Loading…
Cancel
Save
Reference in new issue