[ { "path": ".babelrc", "content": "{\n \"presets\": [\n [\"env\", {\n \"modules\": false,\n \"targets\": {\n \"browsers\": [\"> 1%\", \"last 2 versions\", \"not ie <= 8\"]\n }\n }],\n \"stage-2\"\n ],\n \"plugins\": [\"transform-runtime\"],\n \"env\": {\n \"test\": {\n \"presets\": [\"env\", \"stage-2\"],\n \"plugins\": [\"istanbul\"]\n }\n }\n}\n" }, { "path": ".editorconfig", "content": "root = true\n\n[*]\ncharset = utf-8\nindent_style = space\nindent_size = 2\nend_of_line = lf\ninsert_final_newline = true\ntrim_trailing_whitespace = true\n" }, { "path": ".eslintignore", "content": "build/*.js\nconfig/*.js\n" }, { "path": ".eslintrc.js", "content": "// https://eslint.org/docs/user-guide/configuring\n\nmodule.exports = {\n root: true,\n parser: 'babel-eslint',\n parserOptions: {\n sourceType: 'module'\n },\n env: {\n browser: true,\n },\n // https://github.com/standard/standard/blob/master/docs/RULES-en.md\n extends: 'standard',\n // required to lint *.vue files\n plugins: [\n 'html'\n ],\n // add your custom rules here\n 'rules': {\n // allow paren-less arrow functions\n 'arrow-parens': 0,\n // allow async-await\n 'generator-star-spacing': 0,\n // allow debugger during development\n 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0\n }\n}\n" }, { "path": ".gitignore", "content": ".DS_Store\nnode_modules/\ndist/\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\ntest/unit/coverage\ntest/e2e/reports\nselenium-debug.log\n\n# Editor directories and files\n.idea\n.vscode\n*.suo\n*.ntvs*\n*.njsproj\n*.sln\n" }, { "path": ".postcssrc.js", "content": "// https://github.com/michael-ciniawsky/postcss-load-config\n\nmodule.exports = {\n \"plugins\": {\n // to edit target browsers: use \"browserslist\" field in package.json\n \"autoprefixer\": {}\n }\n}\n" }, { "path": "README.md", "content": "#### 前提\n项目需求：建立一个平台能够提供给玩家交流的地方。\n#### 功能需求\n- 一个聚合页面，提供当前最新的帖子\n- 个人模块：显示头像，个人昵称，个人已经加入的主题\n- 热门讨论： 提供热门帖子\n- 主题推荐\n- 主题页面： 显示当前主题下 的帖子， 可提供 精华 攻略 等小标签的分类 可以 选择 时间 热门 进行排序\n- 帖子页面： 显示 当前帖子的标签 如 官方 置顶 等。 同时分权限等级 可以 进行 置顶 删除等操作\n- 评论： 可以对当前帖子进行评论，也可以对某条帖子进行评论，也可以回复其他评论者\n- 帖子发表： 可以选择 帖子类型 标签等\n\n#### 技术栈\nVue + Js + Sass + Css3 + Vue-resouse 等\n\n#### 源码\n[Github](https://github.com/jiaopianjun/social)\n\n#### 项目地址\n可以直接访问线上地址 [社区](http://stone.snail.com/social/index.html#/) 注册后 登录 即可 体验 发帖 回帖 等操作\n#### 项目运行\n - git clone https://github.com/jiaopianjun/social.git\n - npm install \n - npm run dev\n#### 项目截图\n![首页](https://upload-images.jianshu.io/upload_images/1251988-e712dca3421b6142.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)\n\n![主题首页](https://upload-images.jianshu.io/upload_images/1251988-cc32c47f383e5005.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)\n\n![发帖页面](https://upload-images.jianshu.io/upload_images/1251988-57b681e85f81aa4f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)\n\n![回帖操作](https://upload-images.jianshu.io/upload_images/1251988-31204d0661a915c9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)\n\n![权限管理](https://upload-images.jianshu.io/upload_images/1251988-ea433901c15a3edd.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)\n" }, { "path": "build/build.js", "content": "'use strict'\nrequire('./check-versions')()\n\nprocess.env.NODE_ENV = 'production'\n\nconst ora = require('ora')\nconst rm = require('rimraf')\nconst path = require('path')\nconst chalk = require('chalk')\nconst webpack = require('webpack')\nconst config = require('../config')\nconst webpackConfig = require('./webpack.prod.conf')\n\nconst spinner = ora('building for production...')\nspinner.start()\n\nrm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {\n if (err) throw err\n webpack(webpackConfig, function (err, stats) {\n spinner.stop()\n if (err) throw err\n process.stdout.write(stats.toString({\n colors: true,\n modules: false,\n children: false,\n chunks: false,\n chunkModules: false\n }) + '\\n\\n')\n\n if (stats.hasErrors()) {\n console.log(chalk.red(' Build failed with errors.\\n'))\n process.exit(1)\n }\n\n console.log(chalk.cyan(' Build complete.\\n'))\n console.log(chalk.yellow(\n ' Tip: built files are meant to be served over an HTTP server.\\n' +\n ' Opening index.html over file:// won\\'t work.\\n'\n ))\n })\n})\n" }, { "path": "build/check-versions.js", "content": "'use strict'\nconst chalk = require('chalk')\nconst semver = require('semver')\nconst packageConfig = require('../package.json')\nconst shell = require('shelljs')\nfunction exec (cmd) {\n return require('child_process').execSync(cmd).toString().trim()\n}\n\nconst versionRequirements = [\n {\n name: 'node',\n currentVersion: semver.clean(process.version),\n versionRequirement: packageConfig.engines.node\n }\n]\n\nif (shell.which('npm')) {\n versionRequirements.push({\n name: 'npm',\n currentVersion: exec('npm --version'),\n versionRequirement: packageConfig.engines.npm\n })\n}\n\nmodule.exports = function () {\n const warnings = []\n for (let i = 0; i < versionRequirements.length; i++) {\n const mod = versionRequirements[i]\n if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {\n warnings.push(mod.name + ': ' +\n chalk.red(mod.currentVersion) + ' should be ' +\n chalk.green(mod.versionRequirement)\n )\n }\n }\n\n if (warnings.length) {\n console.log('')\n console.log(chalk.yellow('To use this template, you must update following to modules:'))\n console.log()\n for (let i = 0; i < warnings.length; i++) {\n const warning = warnings[i]\n console.log(' ' + warning)\n }\n console.log()\n process.exit(1)\n }\n}\n" }, { "path": "build/dev-client.js", "content": "/* eslint-disable */\n'use strict'\nrequire('eventsource-polyfill')\nconst hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')\n\nhotClient.subscribe(function (event) {\n if (event.action === 'reload') {\n window.location.reload()\n }\n})\n" }, { "path": "build/dev-server.js", "content": "'use strict'\nrequire('./check-versions')()\n\nconst config = require('../config')\nif (!process.env.NODE_ENV) {\n process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV)\n}\n\nconst opn = require('opn')\nconst path = require('path')\nconst express = require('express')\nconst webpack = require('webpack')\nconst proxyMiddleware = require('http-proxy-middleware')\nconst webpackConfig = (process.env.NODE_ENV === 'testing' || process.env.NODE_ENV === 'production')\n ? require('./webpack.prod.conf')\n : require('./webpack.dev.conf')\n\n// default port where dev server listens for incoming traffic\nconst port = process.env.PORT || config.dev.port\n// automatically open browser, if not set will be false\nconst autoOpenBrowser = !!config.dev.autoOpenBrowser\n// Define HTTP proxies to your custom API backend\n// https://github.com/chimurai/http-proxy-middleware\nconst proxyTable = config.dev.proxyTable\n\nconst app = express()\nconst compiler = webpack(webpackConfig)\n\nconst devMiddleware = require('webpack-dev-middleware')(compiler, {\n publicPath: webpackConfig.output.publicPath,\n quiet: true\n})\n\nconst hotMiddleware = require('webpack-hot-middleware')(compiler, {\n log: false,\n heartbeat: 2000\n})\n// force page reload when html-webpack-plugin template changes\n// currently disabled until this is resolved:\n// https://github.com/jantimon/html-webpack-plugin/issues/680\n// compiler.plugin('compilation', function (compilation) {\n// compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {\n// hotMiddleware.publish({ action: 'reload' })\n// cb()\n// })\n// })\n\n// enable hot-reload and state-preserving\n// compilation error display\napp.use(hotMiddleware)\n\n// proxy api requests\nObject.keys(proxyTable).forEach(function (context) {\n const options = proxyTable[context]\n if (typeof options === 'string') {\n options = { target: options }\n }\n app.use(proxyMiddleware(options.filter || context, options))\n})\n\n// handle fallback for HTML5 history API\napp.use(require('connect-history-api-fallback')())\n\n// serve webpack bundle output\napp.use(devMiddleware)\n\n// serve pure static assets\nconst staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)\napp.use(staticPath, express.static('./static'))\n\nconst uri = 'http://localhost:' + port\n\nvar _resolve\nvar _reject\nvar readyPromise = new Promise((resolve, reject) => {\n _resolve = resolve\n _reject = reject\n})\n\nvar server\nvar portfinder = require('portfinder')\nportfinder.basePort = port\n\nconsole.log('> Starting dev server...')\ndevMiddleware.waitUntilValid(() => {\n portfinder.getPort((err, port) => {\n if (err) {\n _reject(err)\n }\n process.env.PORT = port\n var uri = 'http://localhost:' + port\n console.log('> Listening at ' + uri + '\\n')\n // when env is testing, don't need open it\n if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') {\n opn(uri)\n }\n server = app.listen(port)\n _resolve()\n })\n})\n\nmodule.exports = {\n ready: readyPromise,\n close: () => {\n server.close()\n }\n}\n" }, { "path": "build/utils.js", "content": "'use strict'\nconst path = require('path')\nconst config = require('../config')\nconst ExtractTextPlugin = require('extract-text-webpack-plugin')\n\nexports.assetsPath = function (_path) {\n const assetsSubDirectory = process.env.NODE_ENV === 'production'\n ? config.build.assetsSubDirectory\n : config.dev.assetsSubDirectory\n return path.posix.join(assetsSubDirectory, _path)\n}\n\nexports.cssLoaders = function (options) {\n options = options || {}\n\n const cssLoader = {\n loader: 'css-loader',\n options: {\n minimize: process.env.NODE_ENV === 'production',\n sourceMap: options.sourceMap\n }\n }\n\n // generate loader string to be used with extract text plugin\n function generateLoaders (loader, loaderOptions) {\n const loaders = [cssLoader]\n if (loader) {\n loaders.push({\n loader: loader + '-loader',\n options: Object.assign({}, loaderOptions, {\n sourceMap: options.sourceMap\n })\n })\n }\n\n // Extract CSS when that option is specified\n // (which is the case during production build)\n if (options.extract) {\n return ExtractTextPlugin.extract({\n use: loaders,\n fallback: 'vue-style-loader'\n })\n } else {\n return ['vue-style-loader'].concat(loaders)\n }\n }\n\n // https://vue-loader.vuejs.org/en/configurations/extract-css.html\n return {\n css: generateLoaders(),\n postcss: generateLoaders(),\n less: generateLoaders('less'),\n sass: generateLoaders('sass', { indentedSyntax: true }),\n scss: generateLoaders('sass'),\n stylus: generateLoaders('stylus'),\n styl: generateLoaders('stylus')\n }\n}\n\n// Generate loaders for standalone style files (outside of .vue)\nexports.styleLoaders = function (options) {\n const output = []\n const loaders = exports.cssLoaders(options)\n for (const extension in loaders) {\n const loader = loaders[extension]\n output.push({\n test: new RegExp('\\\\.' + extension + '$'),\n use: loader\n })\n }\n return output\n}\n" }, { "path": "build/vue-loader.conf.js", "content": "'use strict'\nconst utils = require('./utils')\nconst config = require('../config')\nconst isProduction = process.env.NODE_ENV === 'production'\n\nmodule.exports = {\n loaders: utils.cssLoaders({\n sourceMap: isProduction\n ? config.build.productionSourceMap\n : config.dev.cssSourceMap,\n extract: isProduction\n }),\n transformToRequire: {\n video: 'src',\n source: 'src',\n img: 'src',\n image: 'xlink:href'\n }\n}\n" }, { "path": "build/webpack.base.conf.js", "content": "'use strict'\nconst path = require('path')\nconst utils = require('./utils')\nconst config = require('../config')\nconst vueLoaderConfig = require('./vue-loader.conf')\n\nfunction resolve (dir) {\n return path.join(__dirname, '..', dir)\n}\n\nmodule.exports = {\n entry: {\n app: './src/main.js'\n },\n output: {\n path: config.build.assetsRoot,\n filename: 'index.js',\n publicPath: process.env.NODE_ENV === 'production'\n ? config.build.assetsPublicPath\n : config.dev.assetsPublicPath\n },\n resolve: {\n extensions: ['.js', '.vue', '.json'],\n alias: {\n 'vue$': 'vue/dist/vue.esm.js',\n '@': resolve('src'),\n }\n },\n module: {\n rules: [\n {\n test: /\\.(js|vue)$/,\n loader: 'eslint-loader',\n enforce: 'pre',\n include: [resolve('src'), resolve('test')],\n options: {\n formatter: require('eslint-friendly-formatter')\n }\n },\n {\n test: /\\.vue$/,\n loader: 'vue-loader',\n options: vueLoaderConfig\n },\n {\n test: /\\.js$/,\n loader: 'babel-loader',\n include: [resolve('src'), resolve('test')]\n },\n {\n test: /\\.css$/, //这是注释掉的模块，一开始很疑惑加入css的编译模块马上就报错了，注释掉之后sass代码照样可以成功编译。\n loader: [\"vue-style-loader\", \"css-loader\"]\n },\n {\n test: /\\.less$/,\n loader: [\"vue-style-loader\", \"css-loader\", \"less-loader\"]\n },\n {\n test: /\\.(scss|sass)$/,\n loader: [\"node-sass\", \"vue-style-loader\", \"css-loader\", \"sass-loader\"]\n },\n {\n test: /\\.scss/,\n loaders: ['css', 'autoprefixer', 'sass'],\n },\n {\n test: /\\.(cur|png|jpe?g|gif|svg)(\\?.*)?$/,\n loader: 'url-loader',\n options: {\n limit: 10000,\n name: utils.assetsPath('img/[name].[hash:7].[ext]')\n }\n },\n {\n test: /\\.(cur|mp4|webm|ogg|mp3|wav|flac|aac)(\\?.*)?$/,\n loader: 'url-loader',\n options: {\n limit: 10000,\n name: utils.assetsPath('media/[name].[hash:7].[ext]')\n }\n },\n {\n test: /\\.(cur|woff2?|eot|ttf|otf)(\\?.*)?$/,\n loader: 'url-loader',\n options: {\n limit: 10000,\n name: utils.assetsPath('fonts/[name].[hash:7].[ext]')\n }\n }\n ]\n }\n}\n" }, { "path": "build/webpack.dev.conf.js", "content": "'use strict'\nconst utils = require('./utils')\nconst webpack = require('webpack')\nconst config = require('../config')\nconst merge = require('webpack-merge')\nconst baseWebpackConfig = require('./webpack.base.conf')\nconst HtmlWebpackPlugin = require('html-webpack-plugin')\nconst FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')\n\n// add hot-reload related code to entry chunks\nObject.keys(baseWebpackConfig.entry).forEach(function (name) {\n baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name])\n})\n\nmodule.exports = merge(baseWebpackConfig, {\n module: {\n rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })\n },\n // cheap-module-eval-source-map is faster for development\n devtool: '#cheap-module-eval-source-map',\n plugins: [\n new webpack.DefinePlugin({\n 'process.env': config.dev.env\n }),\n // https://github.com/glenjamin/webpack-hot-middleware#installation--usage\n new webpack.HotModuleReplacementPlugin(),\n new webpack.NoEmitOnErrorsPlugin(),\n // https://github.com/ampedandwired/html-webpack-plugin\n new HtmlWebpackPlugin({\n filename: 'index.html',\n template: 'index.html',\n inject: true\n }),\n new FriendlyErrorsPlugin()\n ]\n})\n" }, { "path": "build/webpack.prod.conf.js", "content": "'use strict'\nconst path = require('path')\nconst utils = require('./utils')\nconst webpack = require('webpack')\nconst config = require('../config')\nconst merge = require('webpack-merge')\nconst baseWebpackConfig = require('./webpack.base.conf')\nconst CopyWebpackPlugin = require('copy-webpack-plugin')\nconst HtmlWebpackPlugin = require('html-webpack-plugin')\nconst ExtractTextPlugin = require('extract-text-webpack-plugin')\nconst OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')\n\nconst env = process.env.NODE_ENV === 'testing'\n ? require('../config/test.env')\n : config.build.env\n\nconst webpackConfig = merge(baseWebpackConfig, {\n module: {\n rules: utils.styleLoaders({\n sourceMap: config.build.productionSourceMap,\n extract: true\n })\n },\n devtool: config.build.productionSourceMap ? '#source-map' : false,\n output: {\n path: config.build.assetsRoot,\n filename: utils.assetsPath('js/[name].[chunkhash].js'),\n chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')\n },\n plugins: [\n // http://vuejs.github.io/vue-loader/en/workflow/production.html\n new webpack.DefinePlugin({\n 'process.env': env\n }),\n // UglifyJs do not support ES6+, you can also use babel-minify for better treeshaking: https://github.com/babel/minify\n new webpack.optimize.UglifyJsPlugin({\n compress: {\n warnings: false\n },\n sourceMap: true\n }),\n // extract css into its own file\n new ExtractTextPlugin({\n filename: utils.assetsPath('css/[name].[contenthash].css')\n }),\n // Compress extracted CSS. We are using this plugin so that possible\n // duplicated CSS from different components can be deduped.\n new OptimizeCSSPlugin({\n cssProcessorOptions: {\n safe: true\n }\n }),\n // generate dist index.html with correct asset hash for caching.\n // you can customize output by editing /index.html\n // see https://github.com/ampedandwired/html-webpack-plugin\n new HtmlWebpackPlugin({\n filename: process.env.NODE_ENV === 'testing'\n ? 'index.html'\n : config.build.index,\n template: 'index.html',\n inject: true,\n minify: {\n removeComments: true,\n collapseWhitespace: true,\n removeAttributeQuotes: true\n // more options:\n // https://github.com/kangax/html-minifier#options-quick-reference\n },\n // necessary to consistently work with multiple chunks via CommonsChunkPlugin\n chunksSortMode: 'dependency'\n }),\n // keep module.id stable when vender modules does not change\n new webpack.HashedModuleIdsPlugin(),\n // split vendor js into its own file\n new webpack.optimize.CommonsChunkPlugin({\n name: 'vendor',\n minChunks: function (module) {\n // any required modules inside node_modules are extracted to vendor\n return (\n module.resource &&\n /\\.js$/.test(module.resource) &&\n module.resource.indexOf(\n path.join(__dirname, '../node_modules')\n ) === 0\n )\n }\n }),\n // extract webpack runtime and module manifest to its own file in order to\n // prevent vendor hash from being updated whenever app bundle is updated\n new webpack.optimize.CommonsChunkPlugin({\n name: 'manifest',\n chunks: ['vendor']\n }),\n // copy custom static assets\n new CopyWebpackPlugin([\n {\n from: path.resolve(__dirname, '../static'),\n to: config.build.assetsSubDirectory,\n ignore: ['.*']\n }\n ])\n ]\n})\n\nif (config.build.productionGzip) {\n const CompressionWebpackPlugin = require('compression-webpack-plugin')\n\n webpackConfig.plugins.push(\n new CompressionWebpackPlugin({\n asset: '[path].gz[query]',\n algorithm: 'gzip',\n test: new RegExp(\n '\\\\.(' +\n config.build.productionGzipExtensions.join('|') +\n ')$'\n ),\n threshold: 10240,\n minRatio: 0.8\n })\n )\n}\n\nif (config.build.bundleAnalyzerReport) {\n const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin\n webpackConfig.plugins.push(new BundleAnalyzerPlugin())\n}\n\nmodule.exports = webpackConfig\n" }, { "path": "build/webpack.test.conf.js", "content": "'use strict'\n// This is the webpack config used for unit tests.\n\nconst utils = require('./utils')\nconst webpack = require('webpack')\nconst merge = require('webpack-merge')\nconst baseWebpackConfig = require('./webpack.base.conf')\n\nconst webpackConfig = merge(baseWebpackConfig, {\n // use inline sourcemap for karma-sourcemap-loader\n module: {\n rules: utils.styleLoaders()\n },\n devtool: '#inline-source-map',\n resolveLoader: {\n alias: {\n // necessary to to make lang=\"scss\" work in test when using vue-loader's ?inject option\n // see discussion at https://github.com/vuejs/vue-loader/issues/724\n 'scss-loader': 'sass-loader'\n }\n },\n plugins: [\n new webpack.DefinePlugin({\n 'process.env': require('../config/test.env')\n })\n ]\n})\n\n// no need for app entry during tests\ndelete webpackConfig.entry\n\nmodule.exports = webpackConfig\n" }, { "path": "config/dev.env.js", "content": "'use strict'\nconst merge = require('webpack-merge')\nconst prodEnv = require('./prod.env')\n\nmodule.exports = merge(prodEnv, {\n NODE_ENV: '\"development\"'\n})\n" }, { "path": "config/index.js", "content": "\n'use strict'\n// Template version: 1.1.1\n// see http://vuejs-templates.github.io/webpack for documentation.\n\nconst path = require('path')\n\nmodule.exports = {\n build: {\n env: require('./prod.env'),\n index: path.resolve(__dirname, '../dist/index.html'),\n assetsRoot: path.resolve(__dirname, '../dist'),\n assetsSubDirectory: 'static',\n assetsPublicPath: './',\n productionSourceMap: true,\n // Gzip off by default as many popular static hosts such as\n // Surge or Netlify already gzip all static assets for you.\n // Before setting to `true`, make sure to:\n // npm install --save-dev compression-webpack-plugin\n productionGzip: false,\n productionGzipExtensions: ['js', 'css'],\n // Run the build command with an extra argument to\n // View the bundle analyzer report after build finishes:\n // `npm run build --report`\n // Set to `true` or `false` to always turn it on or off\n bundleAnalyzerReport: process.env.npm_config_report\n },\n dev: {\n env: require('./dev.env'),\n port: process.env.PORT || 8080,\n autoOpenBrowser: true,\n assetsSubDirectory: 'static',\n assetsPublicPath: '/',\n proxyTable: {},\n // CSS Sourcemaps off by default because relative paths are \"buggy\"\n // with this option, according to the CSS-Loader README\n // (https://github.com/webpack/css-loader#sourcemaps)\n // In our experience, they generally work as expected,\n // just be aware of this issue when enabling this option.\n cssSourceMap: false\n }\n}\n" }, { "path": "config/prod.env.js", "content": "'use strict'\nmodule.exports = {\n NODE_ENV: '\"production\"'\n}\n" }, { "path": "config/test.env.js", "content": "'use strict'\nconst merge = require('webpack-merge')\nconst devEnv = require('./dev.env')\n\nmodule.exports = merge(devEnv, {\n NODE_ENV: '\"testing\"'\n})\n" }, { "path": "index.html", "content": "\n\n \n \n 社交圈子\n\t\n\t\n\t\n\t\n\t\n\t\n \n \n \n
\n
\n
\n \n \n\n" }, { "path": "package.json", "content": "{\n \"name\": \"yes\",\n \"version\": \"1.0.0\",\n \"description\": \"A Vue.js project\",\n \"author\": \"PhotoFilm \",\n \"private\": true,\n \"scripts\": {\n \"dev\": \"node build/dev-server.js\",\n \"start\": \"npm run dev\",\n \"build\": \"node build/build.js\",\n \"unit\": \"cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run\",\n \"e2e\": \"node test/e2e/runner.js\",\n \"test\": \"npm run unit && npm run e2e\",\n \"lint\": \"eslint --ext .js,.vue src test/unit/specs test/e2e/specs\"\n },\n \"dependencies\": {\n \"vue\": \"^2.4.2\",\n \"vue-router\": \"^2.7.0\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^7.1.2\",\n \"babel-core\": \"^6.22.1\",\n \"babel-eslint\": \"^7.1.1\",\n \"babel-loader\": \"^7.1.1\",\n \"babel-plugin-transform-runtime\": \"^6.22.0\",\n \"babel-preset-env\": \"^1.3.2\",\n \"babel-preset-stage-2\": \"^6.22.0\",\n \"babel-register\": \"^6.22.0\",\n \"chalk\": \"^2.0.1\",\n \"connect-history-api-fallback\": \"^1.3.0\",\n \"copy-webpack-plugin\": \"^4.0.1\",\n \"css-loader\": \"^0.28.0\",\n \"eslint\": \"^3.19.0\",\n \"eslint-friendly-formatter\": \"^3.0.0\",\n \"eslint-loader\": \"^1.7.1\",\n \"eslint-plugin-html\": \"^3.0.0\",\n \"eslint-config-standard\": \"^10.2.1\",\n \"eslint-plugin-promise\": \"^3.4.0\",\n \"eslint-plugin-standard\": \"^3.0.1\",\n \"eslint-plugin-import\": \"^2.7.0\",\n \"eslint-plugin-node\": \"^5.2.0\",\n \"eventsource-polyfill\": \"^0.9.6\",\n \"express\": \"^4.14.1\",\n \"extract-text-webpack-plugin\": \"^3.0.0\",\n \"file-loader\": \"^1.1.4\",\n \"friendly-errors-webpack-plugin\": \"^1.6.1\",\n \"html-webpack-plugin\": \"^2.30.1\",\n \"http-proxy-middleware\": \"^0.17.3\",\n \"webpack-bundle-analyzer\": \"^2.9.0\",\n \"cross-env\": \"^5.0.1\",\n \"karma\": \"^1.4.1\",\n \"karma-coverage\": \"^1.1.1\",\n \"karma-mocha\": \"^1.3.0\",\n \"karma-phantomjs-launcher\": \"^1.0.2\",\n \"karma-phantomjs-shim\": \"^1.4.0\",\n \"karma-sinon-chai\": \"^1.3.1\",\n \"karma-sourcemap-loader\": \"^0.3.7\",\n \"karma-spec-reporter\": \"0.0.31\",\n \"karma-webpack\": \"^2.0.2\",\n \"mocha\": \"^3.2.0\",\n \"chai\": \"^4.1.2\",\n \"sinon\": \"^4.0.0\",\n \"sinon-chai\": \"^2.8.0\",\n \"inject-loader\": \"^3.0.0\",\n \"babel-plugin-istanbul\": \"^4.1.1\",\n \"phantomjs-prebuilt\": \"^2.1.14\",\n \"chromedriver\": \"^2.27.2\",\n \"cross-spawn\": \"^5.0.1\",\n \"nightwatch\": \"^0.9.12\",\n \"selenium-server\": \"^3.0.1\",\n \"semver\": \"^5.3.0\",\n \"shelljs\": \"^0.7.6\",\n \"opn\": \"^5.1.0\",\n \"optimize-css-assets-webpack-plugin\": \"^3.2.0\",\n \"ora\": \"^1.2.0\",\n \"rimraf\": \"^2.6.0\",\n \"url-loader\": \"^0.5.8\",\n \"vue-loader\": \"^13.0.4\",\n \"vue-style-loader\": \"^3.0.1\",\n \"vue-template-compiler\": \"^2.4.2\",\n \"portfinder\": \"^1.0.13\",\n \"webpack\": \"^3.6.0\",\n \"webpack-dev-middleware\": \"^1.12.0\",\n \"webpack-hot-middleware\": \"^2.18.2\",\n \"webpack-merge\": \"^4.1.0\"\n },\n \"engines\": {\n \"node\": \">= 4.0.0\",\n \"npm\": \">= 3.0.0\"\n },\n \"browserslist\": [\n \"> 1%\",\n \"last 2 versions\",\n \"not ie <= 8\"\n ]\n}\n" }, { "path": "src/App.vue", "content": "\n\n\n\n" }, { "path": "src/Index.vue", "content": "\n\n\n\n" }, { "path": "src/SocialDetail.vue", "content": "\n\n\n\n" }, { "path": "src/SocialIndex.vue", "content": "\n\n\n\n" }, { "path": "src/SocialPost.vue", "content": "\n\n\n\n" }, { "path": "src/components/DetailLi.vue", "content": "\n\n\n\n" }, { "path": "src/components/Editor.vue", "content": "\n\n" }, { "path": "src/components/EnlargePicture.vue", "content": "\n\n\n\n\n\n" }, { "path": "src/components/IndexList.vue", "content": "\n\n\n" }, { "path": "src/components/LoginPop.vue", "content": "\n\n" }, { "path": "src/components/PeoInfo.vue", "content": "\n\n" }, { "path": "src/components/SocialIndexAdmin.vue", "content": "\n\n\n\n" }, { "path": "src/components/SocialIndexDetail.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/SocialIndexHeader.vue", "content": "\n\n\n\n" }, { "path": "src/components/SocialIndexHot.vue", "content": "\n\n\n\n\n\n" }, { "path": "src/components/SocialIndexList.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/SocialIndexRecommend.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/pagination.vue", "content": "\n\n\n\n" }, { "path": "src/components/rulePop.vue", "content": "\n\n\n\n" }, { "path": "src/main.js", "content": "// The Vue build version to load with the `import` command\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\nimport Vue from 'vue'\nimport App from './App'\nimport router from './router'\nimport VueResource from 'vue-resource'\n\nVue.use(VueResource)\n\nVue.config.productionTip = false\n\nVue.http.interceptors.push((request, next) => {\n request.credentials = true\n next()\n})\n\n/* eslint-disable no-new */\nnew Vue({\n el: '#app',\n router,\n template: '',\n components: { App }\n})\n" }, { "path": "src/router/index.js", "content": "import Vue from 'vue'\nimport Router from 'vue-router'\nimport Index from '@/Index'\nimport SocialIndex from '@/SocialIndex'\nimport SocialDetail from '@/SocialDetail'\nimport SocialPost from '@/SocialPost'\n\nVue.use(Router)\n\nexport default new Router({\n // mode: 'history',\n // hashbang: false,\n // history: false,\n routes: [\n {\n path: '/',\n name: 'index',\n component: Index,\n meta: {\n title: '这是个圈子',\n keepAlive: false\n }\n },\n {\n path: '/index',\n name: 'index',\n component: Index,\n meta: {\n title: '这是个圈子',\n keepAlive: false\n }\n },\n {\n path: '/circle/:circleId',\n name: 'circle',\n component: SocialIndex,\n meta: {\n title: '这是个圈子',\n keepAlive: false\n }\n },\n {\n path: '/post/:circleId/:postId/:onPage',\n name: 'post',\n component: SocialDetail,\n meta: {\n title: '这是个圈子',\n keepAlive: false\n }\n },\n {\n path: '/SocialPost/:circleId',\n name: 'SocialPost',\n component: SocialPost,\n meta: {\n title: '这是个圈子',\n keepAlive: false\n }\n }\n ]\n})\n" }, { "path": "src/sass/config.rb", "content": "require 'compass/import-once/activate'\n# Require any additional compass plugins here.\n\n# Set this to the root of your project when deployed:\nhttp_path = \"/\"\ncss_dir = \"stylesheets\"\nsass_dir = \"sass\"\nimages_dir = \"images\"\njavascripts_dir = \"javascripts\"\n\n# You can select your preferred output style here (can be overridden via the command line):\n# output_style = :expanded or :nested or :compact or :compressed\n\n# To enable relative paths to assets via compass helper functions. Uncomment:\n# relative_assets = true\n\n# To disable debugging comments that display the original location of your selectors. Uncomment:\n# line_comments = false\n\n\n# If you prefer the indented syntax, you might want to regenerate this\n# project again passing --syntax sass, or you can uncomment this:\n# preferred_syntax = :sass\n# and then run:\n# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass\n" }, { "path": "src/sass/sass/IndexList.scss", "content": "@-webkit-keyframes mymove\n{\nfrom {top:0px;}\nto {top:230px;}\n}\n@keyframes mymove\n{\nfrom {top:0px;}\nto {top:230px;}\n}\n@-moz-keyframes mymove\n{\nfrom {top:0px;}\nto {top:230px;}\n}\n#IndexList .fixed{\n position: fixed;\n animation:mymove 2s normal;\n -webkit-animation:mymove 2s normal;\n -moz-animation:mymove 2s normal;\n -ms-animation:mymove 2s normal;\n}\n.IndexList{\n width:700px;\n\tpadding:17px 0 33px;\n\t.IndexListType{\n width:661px;\n top:0;\n z-index:3;\n height: 15px;\n padding:17px 19px;\n border-bottom: 1px solid #e6e7eb;\n background:#fff;\n .TypeTag{\n \theight: 15px;\n \tline-height:15px;\n \twidth: 540px;\n \tul{\n height: 20px;\n \t\tmargin-top:-5px\n \t}\n \tli{\n \t\tfloat: left;\n \t\tmin-width:55px;\n \t\tmargin-right:20px;\n \t\theight: 20px;\n \t\tline-height:20px;\n \t\tpadding-bottom:15px;\n border-bottom:4px solid #0099e5;\n \t}\n }\n\t}\n\t.IndexListCont{\n width:100%;\n height:auto;\n li{\n position: relative;\n min-height:72px;\n padding:30px 19px;\n border-bottom: 1px solid #e6e7eb; \n &::before{\n\t\t content: '';\n\t\t position: absolute;\n\t\t top: 0;\n\t\t left: 0;\n\t\t width: 0%;\n\t\t height: 100%;\n\t\t z-index: 0;\n\t\t opacity: 0;\n\t\t background-color: rgba(164, 168, 195, 0.5);\n\t\t -webkit-transition: all 0.8s;\n\t\t -moz-transition: all 0.8s;\n\t\t -o-transition: all 0.8s;\n\t\t transition: all 0.8s;\n\t\t}\n\t\t&:hover::before{\n\t\t // opacity: 0.2;\n\t\t // width: 100%;\n\t\t}\n .Jitems{\n \tposition:relative;\n \theight: auto;\n \twidth: 100%;\n \tz-index: 1;\n }\n .Jitems-Title{\n \twidth:100%;\n \theight: 30px;\n \ta,i{\n \t\tdisplay: inline-block;\n \t}\n \ta{\n \t\tmax-width:520px;\n \t\toverflow:hidden;\n \t\ttext-overflow: ellipsis;\n \t\twhite-space: nowrap;\n \t\tfont-size: 16px;\n \t\tcolor:#585858;\n \t\ttext-align: left;\n \t\tmargin-right: 5px;\n &:hover{\n //text-decoration: underline;\n color:#00aaff;\n }\n \t}\n }\n .Jitems-Name{\n height: 40px;\n line-height: 40px;\n width: 100%;\n margin-bottom: 15px;\n .Indexlist_join , .Indexlist_ujoin{\n width: 62px;\n height: 26px;\n line-height: 26px;\n font-size: 12px;\n color: rgb(88, 88, 88);\n border: 1px solid rgb(234, 236, 239);\n background-color: rgba(40, 215, 250, 0);\n }\n .Indexlist_join{\n color: #fff;\n background: #00aaff;\n border-color: #00aaff;\n img{\n margin-right:5px;\n }\n }\n .Indexlist_ujoin{\n span:first-child{\n display: inline-block;\n }\n span:last-child{\n display: none;\n }\n &:hover{\n span:first-child{\n display: none;\n }\n span:last-child{\n display: inline-block;\n }\n }\n }\n .qzicon{\n width: 40px;\n height: 40px;\n border-radius:50%;\n overflow: hidden;\n margin-right:15px;\n }\n .Qzname{\n font-size: 14px;\n color: rgb(64, 64, 64);\n font-weight: bold;\n margin-right:15px;\n &:hover{\n color:#0099e5\n }\n }\n }\n .Jitems-Detail{\n \twidth:100%;\n \tmin-height: 27px;\n \tmargin-bottom: 10px;\n \t.Jitems-Detail-text{\n \t\tfont-size: 14px;\n \t\tcolor: rgb(167, 167, 167);\n \t\tmax-height: 30px;\n \t\tmax-width:100%;\n \t\toverflow:hidden;\n \t\ttext-overflow: ellipsis;\n \t\twhite-space: nowrap;\n line-height: 24px;\n p{\n font-size: 14px !important;\n color: rgb(167, 167, 167) !important;\n }\n \t}\n \t.Jitems-Detail-img{\n position:relative;\n \t\twidth:100%;\n .JDICont{\n position: relative;\n z-index: 4;\n max-height: 110px;\n width:100%;\n overflow: hidden;\n }\n \t}\n .imgList{\n position:relative;\n display: inline-block;\n max-width:156px;\n text-align: left;\n height: 110px;\n overflow:hidden;\n margin-right:10px;\n .imgfd{\n position:absolute;\n top:0;\n left:0;\n display: none;\n width: 100%;\n height: 100%;\n background:rgba(0,0,0,0) url(../../images/icon-max.png) no-repeat center;\n }\n &:hover .imgfd{\n display: inline-block;\n }\n img{\n display: inline-block;\n cursor: -webkit-zoom-in;\n cursor: zoom-in;\n max-height: 100%;\n //max-width:100%;\n }\n }\n }\n .Jitems-Info{\n \twidth:100%;\n \theight:20px;\n \t.JuserInfo{\n \t\tmin-width:160px;\n \t\tmax-width: 400px;\n \t\ta{\n \t\t\tdisplay: inline-block;\n \t\t\tposition: relative;\n \t\t\tline-height:20px;\n \t\t\tfont-size: 12px;\n \t\t\tcolor: rgb(102, 102, 102);\n \t\t}\n \t\timg{\n \t\t\tposition: relative;\n \t\t\ttop:4px;\n \t\t\t\tdisplay: inline;\n \t\t\t\twidth:20px;\n \t\t\t\theight:20px;\n \t\t\t\tborder-radius:50%;\n \t\t}\n \t\t.JuserInfo-time{\n \t\t\tfont-size: 12px;\n \t\t\tcolor: rgb(167, 167, 167);\n \t\t\tborder-left:1px solid rgb(238, 238, 238);\n \t\t\tmargin-left:5px;\n \t\t\tpadding-left:10px;\n \t\t}\n \t}\n \t.JdataInfo{\n \t\tdisplay: inline-block;\n \t\theight: 20px;\n \t\tline-height: 20px;\n \t\tfont-size: 12px;\n \t\tcolor: rgb(167, 167, 167);\n \t\tmargin-top:4px;\n \t\tspan{\n \t\t\tmargin-right:20px;\n \t\t\timg{\n \t\t\t\tmargin-right:5px;\n \t\t\t}\n \t\t}\n \t}\n }\n }\n\t}\n .Jlist-thumb{\n // display: none;\n position:relative;\n margin-top:-110px;\n width: 632px;\n min-height:100px;\n padding: 10px;\n background: #f7f7f7;\n border: 1px solid #e4e6eb;\n z-index:5;\n cursor: normal;\n .thumbHd{\n height: 25px;\n width:100%;\n border-bottom:1px solid #e4e6eb;\n text-align: left;\n a{ \n float: left;\n font-size: 12px;\n color: #2d64b3;\n text-align: left;\n box-sizing:content-box;\n i{ \n display: inline-block;\n position:relative;\n top:-1px;\n width: 20px;\n height: 20px;\n vertical-align: middle;\n background:url(../../images/thread_list_z_eca48fe.png);\n background-position: 0px -30px;\n }\n }\n }\n .thumbWarp{\n position:relative;\n width:632px;\n height: 90%;\n padding: 1% 0;\n margin-top:10px;\n text-align: center;\n display: table-cell;\n vertical-align: middle;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n img{\n display: inline-block;\n max-width: 100%;\n cursor: -webkit-zoom-out;\n cursor: zoom-out;\n }\n .thumbsx{\n position:absolute;\n top:0;\n left:0;\n width: 100%;\n height: 100%;\n z-index: 5;\n &:hover{\n cursor: normal;\n background:rgba(0,0,0,0.05) url(../../images/icon-mini.png) no-repeat center;\n }\n }\n .thumbWarpList{\n position:relative;\n margin-top:10px;\n overflow:hidden;\n width:632px;\n }\n .thumbNext,\n .thumbPrev{\n position:absolute;\n top:0;\n width:20%;\n height: 100%;\n cursor: pointer;\n z-index: 6;\n }\n .thumbPrev{\n left:0; \n &:hover{\n background:rgba(0,0,0,0.01) url(../../images/icon-left.png) no-repeat center; \n }\n }\n .thumbNext{\n right: 0;\n &:hover{\n background:rgba(0,0,0,0.01) url(../../images/icon-right.png) no-repeat center;\n }\n }\n }\n }\n}\n.selectMask{\n position:fixed;\n width: 100%;\n height:100%;\n top:0;\n left:0;\n z-index: 100003;\n}\n.drownbox {\n width: 100%;\n margin:30px auto 0;\n height: 60px;\n text-align: center;\n span{\n width: 80px;\n height: 20px;\n line-height: 20px;\n display: inline-block;\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: rgb(128, 128, 128);\n }\n}\n.goDrown{\n cursor: pointer;\n padding-right:10px;\n background:url(../../images/icon18.png) no-repeat center right;\n &:hover{\n color:#0099fe;\n background:url(../../images/icon18_hover.png) no-repeat center right;\n }\n}\n.spinner8 {\n margin: 0 auto;\n width: 60px;\n height: 60px;\n position: relative;\n}\n.container1 > div, .container2 > div, .container3 > div {\n width: 16px;\n height: 16px;\n background-color: #0099fe;\n border-radius: 100%;\n position: absolute;\n -webkit-animation: bouncedelay 1.2s infinite ease-in-out;\n animation: bouncedelay 1.2s infinite ease-in-out;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n}\n.spinner8 .spinner-container {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n.container2 {\n -webkit-transform: rotateZ(45deg);\n transform: rotateZ(45deg);\n}\n.container3 {\n -webkit-transform: rotateZ(90deg);\n transform: rotateZ(90deg);\n}\n.circle1 { top: 0; left: 0; }\n.circle2 { top: 0; right: 0; }\n.circle3 { right: 0; bottom: 0; }\n.circle4 { left: 0; bottom: 0; }\n.container2 .circle1 {\n -webkit-animation-delay: -1.1s;\n animation-delay: -1.1s;\n}\n.container3 .circle1 {\n -webkit-animation-delay: -1.0s;\n animation-delay: -1.0s;\n}\n.container1 .circle2 {\n -webkit-animation-delay: -0.9s;\n animation-delay: -0.9s;\n}\n.container2 .circle2 {\n -webkit-animation-delay: -0.8s;\n animation-delay: -0.8s;\n}\n.container3 .circle2 {\n -webkit-animation-delay: -0.7s;\n animation-delay: -0.7s;\n}\n.container1 .circle3 {\n -webkit-animation-delay: -0.6s;\n animation-delay: -0.6s;\n}\n.container2 .circle3 {\n -webkit-animation-delay: -0.5s;\n animation-delay: -0.5s;\n}\n.container3 .circle3 {\n -webkit-animation-delay: -0.4s;\n animation-delay: -0.4s;\n}\n.container1 .circle4 {\n -webkit-animation-delay: -0.3s;\n animation-delay: -0.3s;\n}\n.container2 .circle4 {\n -webkit-animation-delay: -0.2s;\n animation-delay: -0.2s;\n}\n.container3 .circle4 {\n -webkit-animation-delay: -0.1s;\n animation-delay: -0.1s;\n}\n@-webkit-keyframes bouncedelay {\n 0%, 80%, 100% { -webkit-transform: scale(0.0) }\n 40% { -webkit-transform: scale(1.0) }\n}\n\n@keyframes bouncedelay {\n 0%, 80%, 100% { \n transform: scale(0.0);\n -webkit-transform: scale(0.0);\n } 40% { \n transform: scale(1.0);\n -webkit-transform: scale(1.0);\n }\n}" }, { "path": "src/sass/sass/LoginPop.scss", "content": ".LoginPop{\n // display: none;\n position: fixed;\n right: 0;\n left: 0;\n top: 220px;\n width: 340px;\n margin: 0 auto;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);\n background-color: #f5f6f8;\n z-index: 100;\n}\n.banner .prev, .banner .next{\n z-index: 8 !important;\n}\n\n .LoginPop .LoginPop_outer{\n position: relative;\n width: 100%;\n height: 100%;\n padding:40px;\n box-sizing: border-box;\n }\n\n .LoginPop .LoginPop_cancle{\n position: absolute;\n top: 15px;\n right: 15px;\n width: 14px;\n height: 14px;\n background: url('http://www.iplaystone.com/static/common/images/cancel.png');\n cursor: pointer;\n }\n\n .LoginPop .LoginPop_title{\n font-size: 14px;\n color: white;\n text-align: center;\n margin-bottom: 30px;\n }\n .LoginPop_title img{\n display: inline-block;\n }\n .LoginPop .LoginPop_input{\n position: relative;\n width: 100%;\n height: 58px;\n }\n\n .LoginPop .LoginPop_input .LoginPop_error{\n display: none;\n height: 20px;\n padding-left: 15px;\n color: red;\n background: url('http://www.iplaystone.com/static/common/images/error.png') left no-repeat;\n }\n\n .LoginPop .LoginPop_input > input{\n width: 100%;\n height: 38px;\n border: 1px solid rgb(240, 241, 242);\n background-color: rgb(240, 241, 242);\n outline: none;\n padding: 0 15px 0 30px;\n color: rgb(128, 128, 128);\n box-sizing: border-box;\n }\n .LoginPop .LoginPop_input > input:focus{\n border-color:#00aaff;\n }\n\n .LoginPop .LoginPop_input .LoginPop_icon{\n position: absolute;\n top: 13px;\n left: 10px;\n width: 13px;\n height: 13px;\n }\n\n .LoginPop .LoginPop_input .LoginPop_user{\n background: url('http://www.iplaystone.com/static/common/images/user.png') no-repeat;\n }\n\n .LoginPop .LoginPop_input .LoginPop_pwd{\n background: url('http://www.iplaystone.com/static/common/images/key.png') no-repeat;\n }\n\n .LoginPop .LoginPop_btn{\n width: 100%;\n height: 46px;\n margin: 30px 0 15px 0;\n }\n\n .LoginPop .LoginPop_btn > button{\n width: 100%;\n height: 100%;\n text-align: center;\n background-color: white;\n border: none;\n color: white;\n background: url('http://www.iplaystone.com/static/common/images/btn_normal.png');\n cursor: pointer;\n }\n\n/* .LoginPop .LoginPop_btn > button:hover{\n background: url('../images/btn_hover.png');\n }*/\n\n .LoginPop .LoginPop_forget,\n .LoginPop .LoginPop_register {\n font-size: 12px;\n }\n\n .LoginPop .LoginPop_forget{\n /*float: left;*/\n color: #808080;\n }\n\n .LoginPop .LoginPop_register{\n /*float: right;*/\n color: #5a9ddf;\n }\n .LoginPop .LoginPop_box{\n text-align: center;\n }\n .LoginPop_box span{\n display: inline-block;\n height: 15px;\n width: 1px;\n background: #999;\n margin: 0 20px;\n position: relative;\n top: 3px;\n }\n" }, { "path": "src/sass/sass/ScoialIndexRecommend.scss", "content": ".SocialIndexRecommend{\n width:240px;\n background:#fff;\n top:230px;\n padding:15px 19px;\n margin-bottom: 20px;\n transition: all .3s linear;\n -ms-transition: all .3s linear;\n -moz-transition: all .3s linear;\n -webkit-transition: all .3s linear;\n .MoudleHd{\n a{\n background:url(../../images/icon2.png) no-repeat right 6px;\n &:hover{\n color:#00aaff;\n }\n }\n }\n .RecommentList{\n width:100%;\n height:auto;\n ul{\n width:100%;\n height:100%;\n padding:30px 0 20px 0;\n li{\n height: 50px;\n width: 100%;\n margin-bottom: 15px;\n &:last-child{\n margin-bottom: 0;\n }\n .ListGameName{\n width:182px;\n height: 100%;\n img{\n width:50px;\n height: 50px;\n border-radius: 5px;\n margin-right:10px;\n }\n }\n .NameBox{\n width: 117px;\n .qzname{\n display: inline-block;\n height: 30px;\n width: 100%;\n text-align: left;\n font-size: 14px;\n color: rgb(88, 88, 88);\n line-height: 2.2;\n }\n h6{\n font-size: 12px;\n color: #8c8c8c;\n width: 117px;\n height:20px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n }\n .ListGameBtn{\n width: 56px;\n height: 26px;\n margin-top:9px;\n a{\n display: inline-block;\n width:100%;\n height: 100%;\n font-size: 12px;\n text-align: center;\n line-height: 26px;\n }\n .R_nJoin{\n color:rgb(88, 88, 88);\n border: 1px solid rgb(234, 236, 239);\n background-color: rgba(170, 178, 189, 0);\n }\n .R_Join{\n color:#fff;\n background:#00aaff;\n img{\n margin-right:3px;\n }\n }\n .R_nJoin{\n span:first-child{\n display: inline-block;\n }\n span:last-child{\n display: none;\n }\n &:hover{\n span:first-child{\n display: none;\n }\n span:last-child{\n display: inline-block;\n }\n }\n }\n }\n }\n }\n }\n}\n@-webkit-keyframes mymove\n{\nfrom {top:0px;}\nto {top:270px!important;}\n}\n@keyframes mymove\n{\nfrom {top:0px;}\nto {top:270px!important;}\n}\n@-moz-keyframes mymove\n{\nfrom {top:0px;}\nto {top:270px!important;}\n}\n.fixed3{\n position: fixed;\n top:270px;\n animation:mymove 2s normal;\n -webkit-animation:mymove 2s normal;\n -moz-animation:mymove 2s normal;\n -ms-animation:mymove 2s normal;\n}" }, { "path": "src/sass/sass/SocialDetail.scss", "content": ".SocialDetail{\n position: relative;\n width:100%;\n font-family: \"Microsoft YaHei\";\n .h5{\n height: 100%;\n display: inline-block;\n color:#333;\n text-align: left;\n }\n .MainList{\n width: 702px;\n .ListCont{\n position: relative;\n }\n }\n .Jtitle{\n top: 0;\n width: 662px;\n height: 16px;\n padding: 20px 19px;\n z-index: 3;\n border-bottom: 1px solid #eaeced;\n margin-bottom: -1px;\n h5{\n display: inline-block;\n max-width:330px;\n font-family: \"Microsoft YaHei\";\n font-size: 16px;\n color: rgb(64, 64, 64);\n }\n .icon-good{\n // top:-3px;\n }\n .Jtitle-Moudle{\n margin-top: -5px;\n span{\n display: inline-block;\n text-align: center;\n font-size: 12px;\n min-width: 63px;\n color: rgb(88, 88, 88);\n border:1px solid rgb(234, 236, 239);\n background-color: rgba(214, 223, 250, 0);\n padding:6px 8px;\n cursor: pointer;\n margin-right:10px;\n img{\n position: relative;\n display: inline-block;\n margin-right:5px;\n top:2px;\n }\n &:hover{\n background-color: rgb(245, 246, 247);\n }\n }\n .onLandlord{\n border-color:#00aaff;\n color:#00aaff;\n }\n }\n }\n}\n.ListPage{\n position: relative;\n height:23px;\n padding:13px;\n background:#fff;\n margin-bottom: 16px;\n .goBack{\n position:absolute;\n right:13px;\n top:18px;\n font-size: 12px;\n color: rgb(0, 153, 229);\n img{\n margin-right:5px;\n }\n }\n}\n#SocialDetail .PageBar .JumpToPage{\n margin-left:5px!important;\n}\n#SocialDetail .PageBar .JumpToPage input[type=\"text\"]{\n width: 20px!important;\n height:11px!important;\n // line-height: 20px!important;\n padding:5px!important;\n margin:0 5px!important;\n}\n#SocialDetail .PageBar .JumpToPage span{\n top:1px!important;\n font-size: 12px!important;\n width: 40px!important;\n height:22px!important;\n line-height: 22px!important;\n padding:0 5px;\n margin-left:5px!important;\n}\n\n#SocialDetail .ListPage .PageBar{\n text-align: left !important;\n margin: 0 !important;\n}\n#SocialDetail .ListPage .PageBar a { \n width:28px !important;\n height: 22px !important;\n line-height: 22px !important;\n // border-right: 1px solid rgb(238, 240, 241) !important;\n margin-right: 5px; \n} \n#SocialDetail .ListPage .PageBar .point a{\n border: none;\n cursor: default;\n border: none !important;\n}\n.ListContUl{\n width:100%;\n height: 100%;\n .ListContUlLi{\n position:relative;\n background: #fff;\n margin-bottom: 16px;\n padding:30px 19px;\n .user-lz{\n position:absolute;\n top:0;\n left:0;\n }\n .Jitems{\n width:100%;\n height:auto;\n }\n }\n .isSelf{\n border-color:#00aaff;\n }\n .JitemsLeft{\n width:85px;\n height: auto; \n .J-UserInfo{\n width:100%;\n height:100%;\n text-align: center;\n .J-UserInfo-Pic{\n display: inline-block;\n width:60px;\n height: 60px;\n border-radius:50%;\n overflow: hidden;\n img{\n width:60px;\n height: 60px;\n }\n }\n span{\n display: inline-block;\n width: 100%;\n height: 15px;\n font-size: 12px;\n color: rgb(77, 77, 77);\n margin-top:10px;\n }\n .J-UserInfo-adminCall{\n font-size: 12px;\n width: 52px;\n height: 20px;\n line-height: 20px;\n background:#0099e5;\n color:#fff;\n }\n }\n }\n\n .JitemsRight{\n width:565px;\n height: auto;\n .J-TextCont{\n margin-bottom: 30px;\n font-size: 14px;\n color: rgb(64, 64, 64);\n line-height: 1.714;\n text-align: left;\n min-height: 120px;\n word-break: break-all;\n > * , p > * , div > *{\n font-size: 14px !important;\n color: #404040!important;\n line-height: 1.714!important;\n }\n a{\n text-decoration:underline;\n color: #4c69ff!important;\n margin:0 2px;\n }\n img{\n max-width: 100%;\n margin: 20px 0;\n }\n }\n .J-ClickUp{\n height: 48px;\n width: 98px;\n border:1px solid rgb(238, 238, 238);\n background-color: rgba(238, 238, 238, 0);\n border-radius: 25px;\n text-align: center;\n font-size: 14px;\n color: rgb(128, 128, 128);\n cursor: pointer;\n margin:0 auto;\n margin-bottom: 50px;\n p{\n height: 15px;\n &:first-child{\n margin-top:8px;\n margin-bottom: 5px;\n background:url(../../images/icon7.png) no-repeat center;\n }\n }\n &:hover{\n border-color:rgb(0, 170, 255);\n p{\n color: rgb(0, 170, 255);\n &:first-child{\n background:url(../../images/icon8.png) no-repeat center;\n }\n }\n }\n }\n .J-On{\n border-color:rgba(0,0,0,0);\n background:url(../../images/icon9.png) no-repeat center;\n p{\n color:#fff;\n &:first-child{\n background:url(../../images/icon10.png) no-repeat center;\n }\n }\n &:hover{\n border-color:rgba(0,0,0,0);\n p{\n color:#fff;\n &:first-child{\n background:url(../../images/icon10.png) no-repeat center;\n }\n }\n }\n }\n .J-Modle{\n width: 100%;\n height:auto;\n .J-Modle-Hd{\n width:100%;\n height:20px;\n font-size: 13px;\n color: rgb(128, 128, 128);\n .Hd-Floor span{\n margin-right:10px;\n }\n }\n .Hd-Moudle{\n li{\n position:relative;\n float:left;\n padding:0 10px;\n height:16px;\n line-height: 16px;\n text-align: center;\n border-right:1px solid #eef0f1;\n &:last-child{\n border-right:none;\n }\n span{\n cursor: pointer;\n b{\n // color:#0099e5;\n }\n &:hover{\n // text-decoration: underline;\n color:#00aaff;\n }\n }\n i{\n position: relative;\n top: 4px;\n right: -5px;\n display: inline-block;\n width: 0;\n height: 2px;\n border: solid;\n border-width: 4px;\n border-color: #8c8c8c transparent transparent transparent;\n transition: all .3s linear;\n -webkit-transition: all .3s linear;\n -ms-transition: all .3s linear;\n -moz-transition: all .3s linear;\n transform: rotate(0);\n -moz-transform: rotate(0);\n -ms-transform: rotate(0);\n -webkit-transform: rotate(0);\n margin-left: 1px;\n margin-right: 5px;\n }\n .rotate{\n top:-3px;\n transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n -ms-transform: rotate(180deg);\n -webkit-transform: rotate(180deg);\n }\n .adminlist{\n position:absolute;\n left:1px ;\n top:25px;\n width:98px;\n min-height: 30px;\n border:1px solid rgb(198, 198, 204);\n font-size: 12px;\n color: rgb(89, 89, 89);\n line-height: 2.5;\n text-align: center;\n background:#fff;\n box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);\n z-index: 1000004;\n p{\n height: 30px;\n &:hover{\n background-color: rgb(235, 236, 237);\n }\n }\n }\n }\n .PostManagement{\n padding-left:18px;\n background:url(../../images/icon12.png) no-repeat center left;\n &:hover{\n background:url(../../images/icon12_hover.png) no-repeat center left;\n i{\n border-color: #00aaff transparent transparent transparent;\n }\n }\n }\n img{\n width: 12px;\n height: 12px;\n display: inline-block;\n position: relative;\n top:1px;\n margin-right: 5px;\n }\n .Hd-Moudle-Praise{\n padding-left:15px;\n background:url(../../images/icon11.png) no-repeat center left;\n &:hover{\n background:url(../../images/icon11_hover.png) no-repeat center left;\n color:#0099e5;\n }\n }\n .Hd-Moudle-Praise-On{\n background:url(../../images/icon11_hover.png) no-repeat center left;\n color:#0099e5;\n }\n .Hd-Moudle-Reply{\n padding-left:17px;\n background:url(../../images/icon6.png) no-repeat center left;\n &:hover{\n background:url(../../images/icon6_hover.png) no-repeat center left;\n color:#0099e5;\n }\n }\n }\n }\n .J-Moudle-List{\n padding:20px 15px;\n background:#f5f6f7;\n margin-top:20px;\n .J-Moudle-List-Cont{\n width:100%;\n height:100%;\n ul{\n width:100%;\n height: 100%;\n li{\n padding:15px 0;\n border-bottom:1px dotted rgb(221, 221, 222);\n &:last-child{\n border-bottom:none;\n }\n }\n }\n }\n .Jmoude-items{\n width: 100%;\n height: auto;\n }\n .Jmoude-items-Pic{\n width:30px;\n height: 30px;\n border-radius:50%;\n overflow: hidden;\n img{\n width:30px;\n height: 30px;\n }\n }\n .Jmoude-items-Cont{\n width: 495px;\n height: auto;\n font-size: 12px;\n color:#333;\n a{\n color: rgb(0, 153, 229);\n float: left;\n }\n span{\n word-wrap: break-word;\n }\n .Jmoudle-items-h5{\n min-height:15px;\n margin-bottom:5px;\n line-height: 1.3;\n font-family: \"Microsoft YaHei\";\n .twouser{\n margin:0 5px;\n }\n b{\n font-style: normal;\n font-weight: normal;\n }\n }\n .Jmoudle-items-info{\n color: rgb(129, 129, 129);\n\n }\n }\n .J-Moudle-List-More{\n font-size: 12px;\n line-height: 30px;\n color: rgb(0, 153, 229);\n width:100px;\n }\n .J-Moudle-List-Cont-Jet{\n width:100%;\n height:30px;\n .J-Moudle-Mebtn{\n font-size: 12px;\n color: rgb(77, 77, 77);\n text-align: center;\n height: 28px;\n line-height: 28px;\n width:80px;\n border:1px solid rgb(204, 204, 204);\n background-color: rgba(0, 153, 229, 0);\n border-radius:2px;\n &:hover{\n background-color: rgba(0, 0, 0, 0.031);\n }\n }\n }\n .J-Moudle-List-Input{\n position:relative;\n width:100%;\n height:80px;\n margin-top:18px;\n .loginMask{\n background:url(../../images/filter2.png);\n .loginMaskBox{\n padding-top:30px;\n }\n }\n .J-Moudle-List-Input-Box{\n border:1px solid #ddddde;\n input{\n background:#fff;\n border:none;\n height:10px;\n width:509px;\n outline: none;\n padding:12px;\n }\n }\n .J-Moudle-List-Input-Set{\n width: 100%;\n height: 26px;\n margin-top:15px;\n .J-M-L-Btn{\n font-size:13px;\n color:#fff;\n width: 60px;\n height: 26px; \n text-align: center;\n line-height: 26px;\n background-color: rgb(0, 153, 229);\n }\n .J-M-l-I-S-Icon{\n position:relative;\n width: 18px;\n height: 18px;\n .Icon-List{\n position:absolute;\n top:0;\n left:30px;\n width:200px;\n height: 200px;\n border:1px solid #999;\n background:#fff;\n border-radius:3px;\n }\n }\n }\n }\n }\n }\n}\n@-webkit-keyframes mymove\n{\nfrom {top:0px;}\nto {top:140px!important;}\n}\n@keyframes mymove\n{\nfrom {top:0px;}\nto {top:140px!important;}\n}\n@-moz-keyframes mymove\n{\nfrom {top:0px;}\nto {top:140px!important;}\n}\n#SocialDetail .fixed2{\n position: fixed;\n top:140px !important;\n animation:mymove 2s normal;\n -webkit-animation:mymove 2s normal;\n -moz-animation:mymove 2s normal;\n -ms-animation:mymove 2s normal;\n}\n.MainModule{\n .SocialIndexRecommend{\n \n }\n}\n.loginMask{\n position:absolute;\n top:0;\n left:0;\n width:100%;\n height:100%;\n text-align:center;\n background:url(../../images/filter.png);\n text-align:center;\n z-index:99999;\n p{\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: rgb(255, 255, 255);\n line-height: 1.143;\n text-align: center;\n padding-bottom:10px;\n padding-top:100px;\n }\n a.loginMaskBoxline{\n position:relative;\n top:1px;\n margin:0 5px;\n background-color: rgb(255, 255, 255);\n opacity: 0.502;\n width: 1px;\n height: 12px;\n }\n a{\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: rgb(255, 212, 0);\n z-index:1000000;\n &:hover{\n text-decoration:underline;\n color: rgb(255, 212, 0);\n }\n }\n}\n.LidtEditor{\n position:relative;\n padding:20px;\n height:235px;\n text-align: right;\n // filter:blur(2px);\n #editorElem{\n .w-e-text-container{\n height: 155px !important;\n }\n .w-e-toolbar{\n background: #fff !important;\n }\n .w-e-text-container .w-e-panel-container .w-e-emoticon-container .w-e-item{\n padding:3px ;\n }\n .w-e-text{\n overflow-y:auto; \n }\n .w-e-icon-link{\n line-height: 1.5;\n }\n }\n .PostHtml{\n display: inline-block;\n width: 72px;\n height: 30px; \n color:#fff;\n text-align: center;\n font-size: 12px;\n line-height: 30px;\n background-color: rgb(0, 170, 255);\n border-radius:2px;\n margin-top:20px;\n }\n .errts{\n margin-right:20px;\n color:#ff3333;\n padding-left:20px;\n background:url(../../images/icon16.png) no-repeat center left;\n }\n}\n.J-Moudle-Page { \n -webkit-touch-callout: none; \n -webkit-user-select: none; \n -khtml-user-select: none; \n -moz-user-select: none; \n -ms-user-select: none; \n user-select: none; \n text-align: left;\n font-size: 0;\n margin-top: 3px;\n} \n.J-Moudle-Page li { \n padding:0 !important;\n border:none !important;\n list-style: none; \n display: inline-block; \n margin:0;\n} \n.J-Moudle-Page li:first-child > a { \n margin-left: 0px; \n}\n.J-Moudle-Page .point a{\n border:none;\n cursor: default;\n}\n.J-Moudle-Page .point a:hover{\n background: none;\n}\n.J-Moudle-Page a { \n display: inline-block;\n width: 28px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n color: rgb(167, 167, 167);\n border: 1px solid #ccc;\n margin-right:4px;\n cursor: pointer;\n text-align: center;\n} \n.J-Moudle-Page a:hover { \n border-color: #00aaff;\n color:#00aaff; \n} \n.J-Moudle-Page .active a { \n color: #fff; \n cursor: default; \n border-color:#00aaff;\n background:#00aaff; \n} \n.J-Moudle-Page i { \n font-style: normal; \n color: #d44950; \n margin: 0px 4px; \n font-size: 12px; \n} \n.J-Moudle-Page .page-button-disabled{\n background:#f7f9fa;\n cursor: not-allowed;\n color:#ddd !important; \n border-color:#e6e6e6;\n} \n.J-Moudle-Page .page-button-disabled:hover{\n background:#f7f9fa;\n border-color:#e6e6e6;\n}\n" }, { "path": "src/sass/sass/SocialIndexAdmin.scss", "content": ".SocialIndexAdmin{\n padding:15px 19px;\n margin-bottom: 20px;\n width: 240px;\n .SocialIndexAdmin-Cont{\n \t width:100%;\n \t min-height: 107px;\n \t ul{\n \twidth: 100%;\n height: auto;\n li{\n \tfloat: left;\n \twidth:46px;\n \theight: 61px;\n \tmargin-top:30px;\n \tmargin-right:18px;\n }\n li:nth-child(4n){\n \tmargin-right:0;\n }\n a{\n \t\tdisplay: inline-block;\n \t\twidth:100%;\n \t\theight: 100%;\n \t\ttext-align: center;\n \t.adminPic{\n width:40px;\n height: 40px;\n border-radius:50%;\n }\n .adminName{\n display: inline-block;\n width: 100%;\n height: 20px;\n line-height:20px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 12px;\n color: rgb(140, 140, 140);\n }\n } \n }\n }\n .divmask{\n position:fixed;\n top:0;\n left:0;\n width:100%;\n height:100%;\n z-index:1000003;\n }\n .rulePop{\n position:fixed;\n left:50%;\n top:100px;\n margin-left:-209px;\n z-index: 1000004;\n width: 418px;\n min-height: 455px;\n padding-bottom:45px;\n border:1px solid rgb(26, 26, 26);\n background-color: rgb(255, 255, 255);\n box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);\n .rulePop-Hd{\n background-color: rgb(25, 27, 46);\n padding:0 15px;\n height:37px;\n line-height: 37px;\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: rgb(179, 181, 199);\n img{\n display: inline-block;\n margin-top: 10px;\n }\n }\n .rulePop-Cont{\n margin: 30px 0;\n padding:0 30px;\n font-size: 15px;\n line-height: 2;\n font-family: \"Microsoft YaHei\";\n color: rgb(89, 89, 89);\n text-align: center;\n span{\n color:rgb(255, 107, 1);\n }\n h3{\n font-size: 18px;\n font-family: \"Microsoft YaHei\";\n color: rgb(77, 77, 77);\n }\n .r-setp{\n position: relative;\n div{\n margin: 15px 0;\n width: 100%;\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: rgb(128, 128, 128);\n text-align: left;\n h5{\n text-indent: 30px;\n }\n }\n }\n .mt60{\n padding-top:60px;\n }\n p{\n font-family: \"Microsoft YaHei\";\n }\n .r-setpList{\n min-height: 36px;\n line-height: 36px;\n p{\n float: left;\n font-size: 14px;\n \n &:first-child{\n width:88px;\n margin-right:11px;\n text-align: right; \n color: rgb(77, 77, 77);\n }\n &:last-child{\n color:#808080;\n width: 250px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n input,textarea{\n width: 226px;\n padding:0 10px;\n height: 34px;\n border:1px solid #e1e2e6;\n color:rgb(77,77,77);\n }\n textarea{\n padding:10px;\n height: 162px;\n resize: none;\n font-family: \"Microsoft YaHei\";\n }\n }\n }\n .yellowColor{\n color: #ff6b01 !important;\n }\n }\n .overText{\n height: 275px;\n overflow: hidden;\n overflow-y: auto;\n line-height: 1.571;\n }\n .ruleerrts{\n position: absolute;\n left: 98px;\n bottom: -20px;\n color:#ff3333;\n padding-left:20px;\n background:url(../../images/icon16.png) no-repeat center left;\n }\n }\n .rulePop-Bt{\n text-align: center;\n height: 36px;\n span{\n display: inline-block;\n width: 122px;\n height: 36px;\n text-align: center;\n line-height: 36px;\n margin:0 15px;\n }\n .ruleCannle{\n position:relative;\n top:1px;\n height: 34px;\n border:1px solid rgb(220, 220, 220);\n background-color: rgba(245, 246, 247, 0);\n &:hover{\n background-color: rgb(245, 246, 247);\n }\n }\n .ruleSure{\n color: rgb(255, 255, 255);\n // background-image: -moz-linear-gradient( 0deg, rgb(0,149,255) 1%, rgb(48,240,240) 100%);\n // background-image: -ms-linear-gradient( 0deg, rgb(0,149,255) 1%, rgb(48,240,240) 100%);\n // background-image: linear-gradient( 0deg, rgb(0,149,255) 1%, rgb(48,240,240) 100%);\n // background-image: -webkit-linear-gradient( 0deg, rgb(0,149,255) 1%, rgb(48,240,240) 100%);\n background:url(../../images/rulepopbtn.png) no-repeat center left;\n }\n }\n }\n}\n" }, { "path": "src/sass/sass/SocialIndexDetail.scss", "content": "\n.SocialIndexHeader{\n width:962px;\n height: 82px;\n background:#fff;\n padding:19px;\n font-family: \"Microsoft YaHei\";\n a{\n\tdisplay: inline-block;\n\ttext-align: center;\n\ttext-decoration: none;\n }\n .SiH-Info-Pic{\n width:80px;\n height: 80px;\n margin-right:19px;\n }\n .SiH-Info-name{\n width: 590px;\n height: auto;\n .Hname{\n\t\twidth: 100%;\n\t\tfont-size: 18px;\n\t\tcolor: #404040;\n\t\tline-height: 3;\n\t\theight: 45px;\n\t\th5{\n\t\t\theight: 100%;\n\t\t}\n\t\ta{\n\t\t\tmargin:14px 0 0 14px;\n\t\t}\n\t\t.HnameBtnOn , .HnameBtnUn{\n\t\t\twidth: 62px;\n\t\t\theight: 26px;\n\t\t\tline-height: 26px;\n\t\t\tfont-size: 12px;\n\t\t\tcolor: rgb(88, 88, 88);\n\t\t\tborder: 1px solid rgb(234, 236, 239);\n\t\t\tbackground-color: rgba(40, 215, 250, 0);\n\t\t}\n }\n .Htitle{\n\t\twidth: 100%;\n\t\tcolor: rgb(166, 166, 166);\n\t\tline-height: 2;\n\t\tfont-size: 14px;\n }\n }\n .SiH-Href{\n \t margin-right:20px;\n \t margin-top:22px;\n }\n .SiH-Launch{\n\t\twidth: 124px;\n\t\theight: 38px;\n\t\tfont-size: 14px;\n\t\tcolor: rgb(255, 255, 255);\n\t\tline-height: 38px;\n\t\tborder-radius: 19px;\n\t\tbackground-image: -moz-linear-gradient( 0deg, rgb(4,233,245) 0%, rgb(0,153,229) 100%);\n\t\tbackground-image: -webkit-linear-gradient( 0deg, rgb(4,233,245) 0%, rgb(0,153,229) 100%);\n\t\tbackground-image: -ms-linear-gradient( 0deg, rgb(4,233,245) 0%, rgb(0,153,229) 100%);\n\t\tbox-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11);\n\t\ttext-align: center;\n\t\tmargin-right: 20px;\n\t\tcursor:pointer;\n\t\timg{\n\t\t\tmargin: -1px;\n\t\t\tmargin-right: 5px;\n\t\t}\n }\n .goShop{\n\t\twidth: 58px;\n\t\theight: 35px;\n\t\tline-height:34px;\n\t\tfont-size: 14px;\n\t\tcolor: rgb(88, 88, 88);\n\t\tborder: 1px solid rgb(234, 236, 239);\n\t\tborder-radius: 19px;\n\t\tbackground-color: rgba(253, 35, 86, 0);\n }\n\n}\n" }, { "path": "src/sass/sass/SocialIndexHeader.scss", "content": ".h5{\n\theight: 100%;\n\tdisplay: inline-block;\n\tcolor:#333;\n}\n.SocialIndexHeader{\n width:962px;\n height: 82px;\n background:#fff;\n padding:19px;\n font-family: \"Microsoft YaHei\";\n\n .SiH-Info-Pic{\n width:80px;\n height: 80px;\n margin-right:19px;\n }\n .SiH-Info-name{\n width: 590px;\n height: auto;\n a{\n\t\tcolor: #333;\n\t }\n .Hname{\n\t\twidth: 100%;\n\t\tfont-size: 18px;\n\t\tcolor: #404040;\n\t\tline-height: 3;\n\t\theight: 45px;\n\t\ta:first-child{\n\t\t\tcolor: #333;\n\t\t}\n\t\t#h5{\n\t\t\theight: 100%;\n\t\t\tdisplay: inline-block;\n\t\t\tcolor:#333;\n\t\t}\n\t\ta.HnameBtnUn{\n\t\t\tmargin:14px 0 0 14px;\n\t\t}\n\t\t.HnameBtnOn{\n\t\t\tmargin-top: 15px;\n margin-left: 10px;\n\t\t}\n\t\t.HnameBtnOn , .HnameBtnUn{\n\t\t\twidth: 62px;\n\t\t\theight: 26px;\n\t\t\tline-height: 26px;\n\t\t\tfont-size: 12px;\n\t\t\tcolor: rgb(88, 88, 88);\n\t\t\tborder: 1px solid rgb(234, 236, 239);\n\t\t\tbackground-color: rgba(40, 215, 250, 0);\n\t\t}\n\t\t.HnameBtnUn{\n\t\t\tcolor: #fff;\n\t\t\tbackground: #00aaff;\n\t\t\tborder-color: #00aaff;\n\t\t\timg{\n\t\t\t\tmargin-right:5px;\n\t\t\t}\n\t\t}\n\t\t.HnameBtnOn{\n span:first-child{\n \tdisplay: inline-block;\n }\n span:last-child{\n display: none;\n }\n &:hover{\n \tspan:first-child{\n \t display: none;\n }\n span:last-child{\n display: inline-block;\n }\n }\n\t\t}\n }\n .Htitle{\n\t\twidth: 100%;\n\t\tcolor: rgb(166, 166, 166);\n\t\tline-height: 2;\n\t\tfont-size: 14px;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n }\n }\n .SiH-Href{\n \t margin-right:20px;\n \t margin-top:22px;\n }\n .SiH-Launch{\n\t\twidth: 124px;\n\t\theight: 38px;\n\t\tfont-size: 14px;\n\t\tcolor: rgb(255, 255, 255);\n\t\tline-height: 38px;\n\t\tborder-radius: 19px;\n\t\t// background-image: -moz-linear-gradient( 0deg, rgb(4,233,245) 0%, rgb(0,153,229) 100%);\n\t\t// background-image: -ms-linear-gradient( 0deg, rgb(4,233,245) 0%, rgb(0,153,229) 100%);\n\t\t// background-image: -webkit-linear-gradient( 0deg, rgb(4,233,245) 0%, rgb(0,153,229) 100%);\n\t\tbackground-image:url(../../images/postbtn1.png);\n\t\tbox-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11);\n\t\ttext-align: center;\n\t\tmargin-right: 20px;\n\t\tcursor:pointer;\n\t\timg{\n\t\t\tmargin: -1px;\n\t\t\tmargin-right: 5px;\n\t\t}\n\t\t&:hover{\n\t\t transform:translateY(-3px);\n\t\t -webkit-transform:translateY(-3px);\n\t\t -moz-transform:translateY(-3px);\n\t\t -ms-transform:translateY(-3px);\n\t\t box-shadow: (0 10px 20px rgba(4,233,245, 0.1));\n\t\t}\n }\n .goShop{\n\t\twidth: 66px;\n\t\theight: 35px;\n\t\tline-height:34px;\n\t\tfont-size: 14px;\n\t\tcolor: rgb(88, 88, 88);\n\t\tborder: 1px solid rgb(234, 236, 239);\n\t\tborder-radius: 19px;\n\t\tbackground-color: rgba(253, 35, 86, 0);\n }\n\n}\n" }, { "path": "src/sass/sass/SocialIndexHot.scss", "content": ".SocialIndexHot{\n padding:15px 19px;\n margin-bottom: 20px;\n width: 240px;\n .HotList{\n \t width:100%;\n \t height: auto;\n \t padding-top:20px;\n \t ul{\n \t \twidth:100%;\n \t \theight: auto;\n \t \tli{\n \t \t width:100%;\n \t \t height:20px;\n \t \t line-height:20px;\n \t \t margin-bottom:20px;\n \t \t &:last-child{\n \t \t \tmargin-bottom: 0;\n \t \t }\n \t \t &:first-child i{\n \t \t \tbackground-color: rgb(255, 92, 38);\n \t \t }\n \t \t &:nth-child(2) i{\n \t \t \tbackground-color: rgb(253, 145, 0);\n \t \t }\n \t \t &:nth-child(3) i{\n \t \t \tbackground-color: rgb(248, 193, 39);\n \t \t }\n \t \t}\n \t \ta{\n \t \t\twidth:100%;\n \t \t\tfont-size: 14px;\n \t \t}\n \t \ti{\n\t\t display: inline-block;\n\t\t width: 16px;\n\t\t height: 16px;\n\t\t line-height: 16px;\n\t\t border-radius: 50%;\n\t\t font-size: 12px;\n\t\t color: #fff;\n\t\t text-align: center;\n\t\t background: #cdcdcd;\n\t\t margin: 2px 5px 0 0;\n font-style: normal;\n \t \t}\n \t \tspan{\n color: #585858;\n display: inline-block;\n width: 160px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: left;\n &:hover{\n color:#00aaff;\n }\n \t \t}\n \t \tb{\n \t \t\tcolor: rgb(167, 167, 167);\n font-style: normal;\n font-weight:normal;\n \t \t}\n \t }\n }\n}\n\n\n" }, { "path": "src/sass/sass/SocialIndexList.scss", "content": "@-webkit-keyframes mymove\n{\nfrom {top:0px;}\nto {top:230px;}\n}\n@keyframes mymove\n{\nfrom {top:0px;}\nto {top:230px;}\n}\n@-moz-keyframes mymove\n{\nfrom {top:0px;}\nto {top:230px;}\n}\n#SocialIndex .fixed{\n position: fixed;\n animation:mymove 2s normal;\n -webkit-animation:mymove 2s normal;\n -moz-animation:mymove 2s normal;\n -ms-animation:mymove 2s normal;\n}\n.SocialIndexList{\n width:700px;\n\tpadding:17px 0 33px;\n\t.IndexListType{\n width:662px;\n top:0;\n z-index:1000000003;\n height: 15px;\n padding:17px 19px;\n border-bottom: 1px solid #e6e7eb;\n background:#fff;\n transition: all .3s linear;\n -ms-transition: all .3s linear;\n -moz-transition: all .3s linear;\n -webkit-transition: all .3s linear;\n .TypeTag{\n \theight: 15px;\n \tline-height:15px;\n \twidth: 540px;\n \tul{\n height: 20px;\n \t\tmargin-top:-5px\n \t}\n \tli{\n \t\tfloat: left;\n \t\twidth:55px;\n \t\tmargin-right:20px;\n \t\theight: 20px;\n \t\tline-height:20px;\n \t\t&:first-child{\n \t\t\tborder-right:2px solid rgb(238, 240, 241); \n \t\t}\n \t\ta{\n \t\t\tfont-size: 16px;\n color: #999999;\n display: inline-block;\n padding:0 3px;\n height: 100%;\n text-align: left;\n \t\t &:hover{\n \t\t \tcolor: rgb(64, 64, 64);\n \t\t }\n \t\t}\n \t}\n \t.current{\n color: rgb(64, 64, 64);\n border-bottom: 3px solid #0af;\n padding-bottom: 16px;\n \t}\n }\n .scrrenTag{\n position:relative;\n \t top:-10px;\n \t width: 96px;\n height: 32px;\n \t font-size: 14px;\n color: rgb(88, 88, 88);\n border:1px solid rgb(229, 229, 229);\n background-color: rgba(128, 128, 128, 0);\n z-index:1000004;\n h6{\n \tposition: relative;\n \twidth:100%;\n \theight: 100%;\n \ttext-align: center;\n \tline-height: 32px;\n \tcursor:pointer;\n }\n .InputSelect{\n \tposition:absolute;\n top:32px;\n left:-1px;\n \twidth: 96px;\n min-height: 32px;\n border:1px solid rgb(229, 229, 229);\n background-color:#fff;\n z-index:1000004;\n li{\n position: relative;\n \theight: 32px;\n \ttext-align: left;\n \tline-height: 32px;\n \tcursor: pointer;\n padding-left:14px;\n width: 82px;\n z-index:100004;\n \t&:hover{\n \t background:#f5f6f7;\n \t}\n }\n }\n }\n\t}\n\t.IndexListCont{\n width:100%;\n height:auto;\n li{\n position: relative;\n min-height:55px;\n padding:30px 19px;\n border-bottom: 1px solid #e6e7eb; \n &::before{\n\t\t content: '';\n\t\t position: absolute;\n\t\t top: 0;\n\t\t left: 0;\n\t\t width: 0%;\n\t\t height: 100%;\n\t\t z-index: 0;\n\t\t opacity: 0;\n\t\t background-color: rgba(164, 168, 195, 0.5);\n\t\t -webkit-transition: all 0.8s;\n\t\t -moz-transition: all 0.8s;\n\t\t -o-transition: all 0.8s;\n\t\t transition: all 0.8s;\n\t\t}\n\t\t&:hover::before{\n\t\t // opacity: 0.2;\n\t\t // width: 100%;\n\t\t}\n .Jitems{\n \tposition:relative;\n \theight: auto;\n \twidth: 100%;\n \tz-index: 1;\n }\n .Jitems-Title{\n \twidth:100%;\n \theight: 30px;\n \ta,i{\n \t\tdisplay: inline-block;\n \t}\n \ta{\n \t\tmax-width:520px;\n \t\toverflow:hidden;\n \t\ttext-overflow: ellipsis;\n \t\twhite-space: nowrap;\n \t\tfont-size: 16px;\n \t\tcolor:#585858;\n \t\ttext-align: left;\n \t\tmargin-right: 5px;\n &:hover{\n // text-decoration: underline;\n color:#00aaff;\n }\n \t}\n }\n .Jitems-Detail{\n \twidth:100%;\n \tmin-height: 27px;\n \tmargin-bottom: 10px;\n \t.Jitems-Detail-text{\n \t\tfont-size: 14px;\n \t\tcolor: rgb(167, 167, 167);\n \t\tmax-height: 30px;\n \t\tmax-width:100%;\n \t\toverflow:hidden;\n \t\ttext-overflow: ellipsis;\n \t\twhite-space: nowrap;\n line-height: 24px;\n p{\n font-size: 14px !important;\n color: rgb(167, 167, 167) !important;\n }\n \t}\n \t.Jitems-Detail-img{\n position:relative;\n \t\twidth:100%;\n .JDICont{\n position: relative;\n z-index: 4;\n max-height: 110px;\n width:100%;\n overflow: hidden;\n }\n \t}\n .imgList{\n position:relative;\n display: inline-block;\n max-width:156px;\n text-align: left;\n height: 110px;\n overflow:hidden;\n margin-right:10px;\n .imgfd{\n position:absolute;\n top:0;\n left:0;\n display: none;\n width: 100%;\n height: 100%;\n background:rgba(0,0,0,0) url(../../images/icon-max.png) no-repeat center;\n }\n &:hover .imgfd{\n display: inline-block;\n }\n img{\n display: inline-block;\n cursor: -webkit-zoom-in;\n cursor: zoom-in;\n max-height: 100%;\n //max-width:100%;\n }\n }\n }\n .Jitems-Info{\n \twidth:100%;\n \theight:20px;\n \t.JuserInfo{\n \t\tmin-width:160px;\n \t\tmax-width: 400px;\n \t\ta{\n \t\t\tdisplay: inline-block;\n \t\t\tposition: relative;\n \t\t\tline-height:20px;\n \t\t\tfont-size: 12px;\n \t\t\tcolor: rgb(102, 102, 102);\n \t\t}\n \t\timg{\n \t\t\tposition: relative;\n \t\t\ttop:4px;\n \t\t\t\tdisplay: inline;\n \t\t\t\twidth:20px;\n \t\t\t\theight:20px;\n \t\t\t\tborder-radius:50%;\n \t\t}\n \t\t.JuserInfo-time{\n \t\t\tfont-size: 12px;\n \t\t\tcolor: rgb(167, 167, 167);\n \t\t\tborder-left:1px solid rgb(238, 238, 238);\n \t\t\tmargin-left:5px;\n \t\t\tpadding-left:10px;\n \t\t}\n \t}\n \t.JdataInfo{\n \t\tdisplay: inline-block;\n \t\theight: 20px;\n \t\tline-height: 20px;\n \t\tfont-size: 12px;\n \t\tcolor: rgb(167, 167, 167);\n \t\tmargin-top:4px;\n \t\tspan{\n \t\t\tmargin-right:20px;\n \t\t\timg{\n \t\t\t\tmargin-right:5px;\n \t\t\t}\n \t\t}\n \t}\n }\n }\n\t}\n .Jlist-thumb{\n // display: none;\n position:relative;\n margin-top:-110px;\n width: 632px;\n min-height: 100px;\n padding: 10px;\n background: #f7f7f7;\n border: 1px solid #e4e6eb;\n z-index:5;\n cursor: normal;\n .thumbHd{\n height: 25px;\n width:100%;\n border-bottom:1px solid #e4e6eb;\n text-align: left;\n a{ \n float: left;\n font-size: 12px;\n color: #2d64b3;\n text-align: left;\n box-sizing:content-box;\n i{ \n display: inline-block;\n position:relative;\n top:-1px;\n width: 20px;\n height: 20px;\n vertical-align: middle;\n background:url(../../images/thread_list_z_eca48fe.png);\n background-position: 0px -30px;\n }\n }\n }\n .thumbWarp{\n position:relative;\n width:632px;\n height: 90%;\n padding: 1% 0;\n margin-top:10px;\n text-align: center;\n display: table-cell;\n vertical-align: middle;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n img{\n display: inline-block;\n // width:100%;\n max-width: 100%;\n cursor: -webkit-zoom-out;\n cursor: zoom-out;\n }\n .thumbsx{\n position:absolute;\n top:0;\n left:0;\n width: 100%;\n height: 100%;\n z-index: 5;\n &:hover{\n cursor: normal;\n background:rgba(0,0,0,0.05) url(../../images/icon-mini.png) no-repeat center;\n }\n }\n .thumbWarpList{\n position:relative;\n margin-top:10px;\n overflow:hidden;\n width:632px;\n }\n .thumbNext,\n .thumbPrev{\n position:absolute;\n top:0;\n width:20%;\n height: 100%;\n cursor: pointer;\n z-index: 6;\n }\n .thumbPrev{\n left:0; \n &:hover{\n background:rgba(0,0,0,0.01) url(../../images/icon-left.png) no-repeat center; \n }\n }\n .thumbNext{\n right: 0;\n &:hover{\n background:rgba(0,0,0,0.01) url(../../images/icon-right.png) no-repeat center;\n }\n }\n }\n }\n}\n.selectMask{\n position:fixed;\n width: 100%;\n height:100%;\n top:0;\n left:0;\n z-index: 100003;\n}\n" }, { "path": "src/sass/sass/SocialPeoInfo.scss", "content": ".PeoInfo{\n top:0;\n width: 278px;\n min-height: 252px;\n background: #fff url(http://www.iplaystone.com/circle/img/peobg.png) no-repeat center top;\n margin-bottom: 20px;\n }\n .PeoInfo-Hd{\n width: 73px;\n height: 73px;\n border:2px solid #fff;\n border-radius: 50%;\n overflow: hidden;\n margin: 35px auto 15px;\n }\n .PeoInfo-Hd img{\n width: 73px;\n height: 73px;\n border-radius: 50%;\n }\n .PeoInfo-Name{\n display: inline-block;\n width: 100%;\n height: 20px;\n line-height: 20px;\n font-size: 16px;\n font-family: \"Microsoft YaHei\";\n color: rgb(64, 64, 64);\n font-weight: bold;\n text-align: center;\n margin:0 auto;\n }\n .PeoInfo-Name:hover{\n color:#0099e5;\n }\n .PeoInfo-GoLogin{\n font-size:24px;\n color:#333;\n width:100%;\n text-align:center;\n margin:30px auto;\n }\n .PeoInfo h6{\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: rgb(128, 128, 128);\n height: 20px;\n overflow: hidden;\n width: 80%;\n margin:0 auto;\n text-align: center;\n margin-top:10px;\n line-height: 1.3;\n margin-bottom: 20px;\n }\n .PeoInfo .span{\n height: 35px;\n width: 100%;\n text-align: center;\n }\n .PeoInfo .span a{\n display: inline-block;\n height: 35px;\n width: 83px;\n text-align: center;\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: rgb(77, 77, 77);\n }\n .PeoInfo .span a:hover{\n color:#0099e5;\n }\n .PeoInfo .collection{\n border-right:1px solid #eef0f1;\n border-left:1px solid #eef0f1;\n }\n .PeoInfo a span:first-child{\n display: inline-block;\n margin-bottom: 5px;\n }\n .PeoInfo .home span:first-child{\n width: 100%;\n height: 16px;\n background: url(../../images/home.png) no-repeat center;\n }\n .PeoInfo .collection span:first-child{\n width: 100%;\n height: 17px;\n background: url(../../images/sc.png) no-repeat center;\n }\n .PeoInfo .qz span:first-child{\n width: 100%;\n height: 16px;\n background: url(../../images/sq.png) no-repeat center;\n }\n .PeoInfo .home:hover span:first-child{\n width: 100%;\n height: 16px;\n background: url(../../images/home_hover.png) no-repeat center;\n }\n .PeoInfo .collection:hover span:first-child{\n width: 100%;\n height: 17px;\n background: url(../../images/sc_hover.png) no-repeat center;\n }\n .PeoInfo .qz:hover span:first-child{\n width: 100%;\n height: 16px;\n background: url(../../images/sq_hover.png) no-repeat center;\n }\n .hfixed .myCircle{\n display:none;\n }\n .myCircleHeight{\n height:140px;\n }\n .myCircle{\n width:240px;\n border-top:1px solid #eef0f1;\n margin:0 auto;\n margin-top:30px;\n padding-top:20px;\n .myCircleList{\n overflow:hidden;\n }\n .showMoreMyCircle{\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: rgb(128, 128, 128);\n text-align: center;\n width: 182px;\n height: 34px;\n line-height:34px;\n border:1px solid rgb(234, 236, 239);\n background-color: rgba(0, 153, 229, 0);\n cursor:pointer;\n margin:0 auto;\n margin-bottom:25px;\n i{\n position: relative;\n left: 6px;\n top: -3px;\n display:inline-block;\n width:9px;\n height:5px;\n background:url(../../images/icon19.png) no-repeat\n }\n &:hover{\n border-color: rgb(220, 222, 224);\n }\n }\n }\n .myCircle h4{\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: rgb(64, 64, 64);\n margin-bottom:20px;\n }\n .myCircle .myCircleListItem{\n width:105px;\n height:30px;\n margin-bottom:15px;\n &:nth-child(2n+1){\n margin-right:15px;\n }\n img{\n float:left;\n width:30px;\n height:30px; \n margin-right:10px;\n }\n span{\n float:left;\n display:inline-block;\n width:65px;\n height:30px;\n line-height:30px;\n overflow:hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: rgb(128, 128, 128);\n text-align:left;\n }\n }\n" }, { "path": "src/sass/sass/SocialPop.scss", "content": ".pop{\n .divmask{\n position:fixed;\n top:0;\n left:0;\n width:100%;\n height:100%;\n z-index:1000003;\n }\n .rulePop{\n position:fixed;\n left:50%;\n top:50%;\n z-index: 1000004;\n min-width: 418px;\n min-height: 278px;\n border:1px solid rgb(26, 26, 26);\n background-color: rgb(255, 255, 255);\n box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);\n .rulePop-Hd{\n background-color: rgb(25, 27, 46);\n padding:0 15px;\n height:37px;\n line-height: 37px;\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: rgb(179, 181, 199);\n img{\n display: inline-block;\n margin-top: 10px;\n }\n }\n .rulePop-Cont{\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: rgb(89, 89, 89);\n text-align: center;\n }\n .rulePop-Bt{\n text-align: center;\n height: 36px;\n span{\n display: inline-block;\n width: 122px;\n height: 36px;\n text-align: center;\n line-height: 36px;\n margin:0 15px;\n }\n .ruleCannle{\n position:relative;\n top:1px;\n height: 34px;\n border:1px solid rgb(220, 220, 220);\n background-color: rgba(245, 246, 247, 0);\n }\n .ruleSure{\n color: rgb(255, 255, 255);\n background-image: -moz-linear-gradient( 0deg, rgb(0,149,255) 1%, rgb(48,240,240) 100%);\n background-image: -ms-linear-gradient( 0deg, rgb(0,149,255) 1%, rgb(48,240,240) 100%);\n background-image: linear-gradient( 0deg, rgb(0,149,255) 1%, rgb(48,240,240) 100%);\n background-image: -webkit-linear-gradient( 0deg, rgb(0,149,255) 1%, rgb(48,240,240) 100%);\n }\n }\n }\n .Jrule{\n margin-left: -209px;\n margin-top: -139px;\n }\n .Jrule .rulePop-Cont{\n position:relative;\n min-height: 30px;\n padding:65px 0;\n line-height: 30px;\n .ruleSelect{\n height: 30px;\n width: 225px;\n margin:0 auto;\n p{\n width: 150px;\n }\n .ruleSelectBox{\n position:relative;\n width: 90px;\n padding-left:12px;\n text-align: left;\n height: 28px;\n border:1px solid rgb(220, 220, 220);\n background-color: rgb(255, 255, 255);\n .ruleSelectInput{\n width: 100%;\n height: 28px;\n }\n i{\n top: -31px;\n right: -65px;\n }\n .roate{\n top:-23px;\n }\n .ruleSelectDrown{\n position:absolute;\n left:-1px;\n top:28px;\n width:102px;\n min-height: 30px;\n border:1px solid rgb(198, 198, 204);\n background-color: rgb(255, 255, 255);\n box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);\n z-index: 2000004;\n li{\n padding-left:12px;\n height: 30px;\n line-height: 30px;\n &:hover{\n background-color: rgb(235, 236, 237);\n }\n }\n }\n }\n }\n .faqBox{\n width: 333px;\n margin: 20px auto;\n min-height: 210px;\n .faqerr{\n text-align: left;\n padding-left: 100px;\n color: red;\n }\n h4{\n font-size: 18px;\n font-family: \"Microsoft YaHei\";\n color: rgb(77, 77, 77);\n margin-bottom:35px;\n }\n .faqContList{\n width:333px;\n height:35px;\n margin-bottom:15px;\n .faqLeft{\n float:left;\n width:100px;\n text-align:right;\n height:35px;\n line-height:35px;\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: rgb(77, 77, 77);\n }\n .faqRight{\n float:right;\n select,option,input{\n width: 232px;\n padding:0 15px;\n height: 38px;\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: rgb(77, 77, 77);\n border:1px solid rgb(225, 226, 230);\n background-color: rgb(255, 255, 255);\n cursor:pointer;\n }\n input{\n width:200px;\n cursor:auto;\n }\n }\n }\n }\n }\n .Jrule .padding0{\n padding:0\n }\n .pb40{\n padding-bottom:40px;\n .rulePop-Cont{\n padding:0;\n }\n }\n}" }, { "path": "src/sass/sass/SocialPost.scss", "content": ".SocialPost{\n height: 735px;\n width: 1000px;\n margin:0 auto;\n \n .SP-Hd{\n font-size: 16px;\n font-family: \"Microsoft YaHei\";\n color: rgb(64, 64, 64);\n font-weight: bold;\n line-height: 1.5;\n background:url(../../images/icon15.png) no-repeat center left;\n padding-left:20px;\n margin-bottom: 25px;\n }\n .SP-Main{\n width: 100%;\n height: auto;\n .SPM-Title{\n height: 40px;\n width: 1000px;\n margin-bottom: 15px;\n .SPMT-Input{\n position:relative;\n width:600px;\n font-size: 12px;\n font-family: \"Microsoft YaHei\";\n color: rgb(128, 128, 128);\n margin-right:20px;\n }\n input{\n width: 448px;\n padding-right:130px;\n padding-left:20px;\n height: 38px;\n outline: none;\n }\n span{\n position: absolute;\n right:15px;\n top:13px;\n }\n .SPMT-Classify{\n position: relative;\n width: 136px;\n padding:0 10px;\n height: 40px;\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: rgb(77, 77, 77);\n background: #fff;\n .SPMTC-Input{\n width: 100%;\n height: 100%;\n text-align: left;\n line-height: 40px;\n }\n i{\n position: absolute;\n top: 10px;\n right: 15px;\n display: inline-block;\n width: 0;\n height: 2px;\n border: solid;\n border-width: 5px;\n border-color: #585858 transparent transparent transparent;\n transition: all .3s linear;\n -webkit-transition: all .3s linear;\n -ms-transition: all .3s linear;\n -moz-transition: all .3s linear;\n transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n -ms-transform: rotate(180deg);\n -webkit-transform: rotate(180deg);\n margin-left: 3px;\n }\n .rotate{\n top:18px;\n transform: rotate(0);\n -moz-transform: rotate(0);\n -ms-transform: rotate(0);\n -webkit-transform: rotate(0);\n }\n .SPMTC-Select{\n position: absolute;\n top: 40px;\n left: -1px;\n width: 156px;\n min-height: 32px;\n border: 1px solid #e5e5e5;\n background-color: #fff;\n z-index: 100004;\n li{\n position:relative;\n padding:0 10px;\n height: 40px;\n text-align: left;\n line-height: 40px;\n cursor: pointer;\n z-index: 100004;\n &:hover{\n background:#f1f1f1;\n }\n }\n }\n }\n }\n .SPM-Tags{\n position: relative;\n min-height: 30px;\n width: 100%;\n margin:15px 0;\n .TagsDiv{\n position: relative;\n min-height: 30px;\n width: 100%;\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n line-height: 30px;\n .addTags{\n color: rgb(0, 153, 229);\n padding-left:20px;\n background:url(../../images/btn.png) no-repeat center left;\n margin-right:30px;\n }\n .addTagsTs{\n position: absolute;\n left:80px;\n display: inline-block;\n width:323px;\n height: 28px;\n background:url(../../images/ts.png) no-repeat center left;\n }\n .tagsBox{\n width: 755px;\n min-height: 30px;\n span{\n position: relative;\n float: left;\n display: inline-block;\n min-width: 37px;\n height: 16px;\n line-height: 16px;\n padding:8px 10px;\n padding-right:30px;\n border: 1px solid rgb(220, 220, 220);\n background-color: rgba(255, 255, 255, .8);\n color: rgb(128, 128, 128);\n margin-right:10px;\n margin-bottom: 10px;\n i{\n position: absolute;\n display: inline-block;\n width: 11px;\n height: 11px;\n top: 10px;\n right:10px;\n background: url(../../images/close.png) no-repeat center;\n }\n }\n }\n .tagsTs{\n color: rgb(128, 128, 128);\n }\n }\n .TagsList{\n position: absolute;\n top: 45px;\n width: 603px;\n min-height: 30px;\n max-height: 600px;\n padding: 30px 20px;\n background: #fff;\n border: 1px solid #999;\n z-index: 100004;\n overflow: hidden;\n overflow-y: auto;\n .closeTags{\n position: absolute;\n top:10px;\n right:15px;\n\n display: inline-block;\n width: 11px;\n height: 11px;\n background:url(../../images/close.png) no-repeat center;\n }\n .TagsListItem{\n width: 100%;\n height: 100%;\n }\n li{\n float: left;\n width: 115px;\n padding-right:20px;\n height:35px; \n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 12px;\n font-family: \"Microsoft YaHei\";\n border-right:1px solid rgb(230, 230, 230);\n margin-right:20px;\n &:nth-child(4n){\n margin-right: 0;\n border:none;\n }\n }\n .active{\n color: rgb(0, 153, 229);\n font-weight: bold;\n }\n }\n }\n .SPM-Editor{\n height: 548px;\n margin-bottom: 15px;\n background: #fff;\n #editorElem{\n .w-e-text-container{\n height: 500px !important;\n }\n .w-e-toolbar{\n background: #fafafa !important;\n height: 50px;\n line-height: 37px;\n padding:0 !important;\n }\n .w-e-toolbar .w-e-menu{\n margin-top:4px;\n padding:8px 10px;\n }\n .w-e-toolbar .w-e-menu:nth-child(3){\n margin-top:5px;\n }\n .w-e-toolbar .w-e-menu:nth-child(4){\n border-left:1px solid #eee;\n margin-left:10px;\n padding-left:19px;\n }\n .w-e-toolbar .w-e-icon-image{\n margin-top:2px;\n }\n .w-e-text-container .w-e-panel-container .w-e-emoticon-container .w-e-item{\n padding:3px ;\n }\n .w-e-text{\n overflow-y:auto; \n }\n .w-e-icon-happy{\n margin-top:0;\n }\n .w-e-icon-link{\n position: relative;\n top: 0px;\n }\n }\n }\n .SPM-Operation{\n height: 48px;\n line-height: 40px;\n .PostHtml{\n width:118px;\n height: 48px;\n font-size: 14px;\n color:#fff;\n text-align: center;\n line-height: 42px;\n background:url(../../images/icon17.png) no-repeat center;\n &:hover{\n transform:translateY(-3px);\n -webkit-transform:translateY(-3px);\n -moz-transform:translateY(-3px);\n -ms-transform:translateY(-3px);\n box-shadow: (0 10px 20px rgba(4,233,245, 0.1));\n }\n }\n span{\n font-size: 12px;\n }\n .wordnum{\n color: rgb(128, 128, 128);\n }\n .errts{\n margin-right:20px;\n color:#ff3333;\n padding-left:20px;\n background:url(../../images/icon16.png) no-repeat center left;\n }\n }\n }\n}\n.divmask{\n position:fixed;\n width: 100%;\n height:100%;\n top:0;\n left:0;\n z-index: 100003;\n}" }, { "path": "src/sass/sass/SocialPublic.scss", "content": "// @import \"compass/reset\";\nbody{\nbackground:#f5f6f8; \nfont-family: \"Microsoft YaHei\";\npadding:0;\nmargin:0;\nbackground:#F5F6F8 url(http://www.iplaystone.com/circle/img/bg.png) no-repeat center top;\nbackground-attachment: fixed;\n}\nb{\nfont-weight: bold;\n}\ni{\nfont-style: italic;\n}\n#stone_header{\n\theight:70px;\n}\n.stone_header{\n\tposition:static;\n}\n#stone_footer{\n margin-top:25px;\n}\n.login_pop{\n\tz-index:100000000;\n}\n.stone_mask{z-index:99999999;}\n.app{\nwidth: 1002px;\nheight: auto;\nmargin:0 auto;\nfont-family: \"Microsoft YaHei\";\npadding-top:30px;\n}\n.textOverFlow{\noverflow: hidden;\ntext-overflow: ellipsis;\nwhite-space: nowrap;\n}\n.icon-top, .icon-good ,.icon-gf{\nposition: relative;\ndisplay: inline-block;\ntop: -8px;\nfont-size: 12px;\ncolor: #fff;\nmin-width: 10px;\npadding: 0 5px;\nheight: 17px;\nline-height: 17px;\ntext-align: center;\n}\n.icon-good{\nbackground: #ff8b3d;\n}\n.icon-top{\nbackground: #ff4c4c;\n}\n.icon-gf{\nbackground:#00aaff;\n}\n.icon-good , .icon-top , .icon-gf{\nfont-style:normal;\n}\n.cur{\ncursor: pointer;\n}\n.default{\ncursor:default;\n}\n.bgWhite{\nborder:1px solid #e6e7eb;\nbackground:#fff;\n}\n.animation{\ntransition:all .3s linear;\n-ms-transition:all .3s linear;\n-moz-transition:all .3s linear;\n-webkit-transition:all .3s linear;\n}\n.clearfix:before, .clearfix:after{\ncontent:\"\";\ndisplay:table;\nheight:0;\nvisibility:hidden;\nclear:both;\n}\na{\ndisplay: inline-block;\ntext-align: center;\ntext-decoration: none;\n}\n*:focus{outline:none;}\n.fl{float:left;}\n.fr{float:right;}\n.clearfix {*zoom: 1;}\n#app .none{display:none}\n.SocialIndex{\nwidth: 1002px;\nmargin:0 auto;\n}\n.SocialIndex .SocialIndexMain{\nwidth: 100%;\nmargin-top: 16px;\n}\n.SocialIndexMain .MainList{\nwidth:700px;\n}\n.app .MainMoudle{\nwidth: 280px; \n}\n.SocialIndex,\n.SocialIndex .SocialIndexMain,\n.SocialIndexMain .MainList,\n.SocialIndexMain .MainModule{\nheight: auto;\n}\n.MoudleHd{\nwidth:100%;\nheight: 32px;\nfont-size: 16px;\ncolor: rgb(64, 64, 64);\nborder-bottom:1px solid rgb(238, 240, 241);\n}\n.MoudleHd a{\ndisplay: inline-block;\nfont-size: 14px;\ncolor: rgb(129, 129, 129);\npadding:2px 20px 2px 0;\nbackground: url(../../images/icon1.png) no-repeat right 6px;\n}\n.MoudleHd a:hover{\n color:#0099e5;\n}\n@-webkit-keyframes hmove\n{\nfrom {top:0;}\nto {top:0;}\n}\n@keyframes hmove\n{\nfrom {top:0;}\nto {top:0;}\n}\n@-moz-keyframes hmove\n{\nfrom {top:0;}\nto {top:0;}\n}\n.hfixed{\nposition: fixed;\nanimation:hmove 2s normal;\n-webkit-animation:hmove 2s normal;\n-moz-animation:hmove 2s normal;\n-ms-animation:hmove 2s normal;\n}\n.MainMoudle .HdInfo{\ntop:0;\npadding:30px 19px;\nmargin-bottom: 20px;\nborder: 1px solid #eaeced;\nbackground: #fff;\nmin-height: 50px;\nwidth:240px;\ntransition: all .1s linear;\n-ms-transition: all .1s linear;\n-moz-transition: all .1s linear;\n-webkit-transition: all .1s linear;\n}\n.MainMoudle .HdInfo .SiH-Info-Pic {\nwidth: 60px;\nheight: 60px;\nborder-radius: 5px;\n}\n.MainMoudle .HdInfo .SiH-Info-name{\nwidth: 170px;\nmargin-left:10px;\n}\n.MainMoudle .HdInfo .Hname{\nwidth:100%;\nheight: 25px;\nline-height:25px;\nfont-size: 18px;\ncolor: #404040;\nmargin:5px 0 10px 0;\n}\n.MainMoudle .Hname h5{\nwidth:90px;\nheight: 25px;\noverflow: hidden;\ntext-overflow: ellipsis;;\nwhite-space: nowrap;\n}\n.MainMoudle .Hname .h5{\nwidth: 56%;\noverflow: hidden;\ntext-overflow: ellipsis;\nwhite-space: nowrap;\n}\n.MainMoudle .HdInfo .Htitle{\nwidth: 180px;\noverflow: hidden;\ntext-overflow: ellipsis;\nwhite-space: nowrap;\nfont-size: 14px;\ncolor: rgb(166, 166, 166);\n}\n\n.MainMoudle .HnameBtnOn ,\n.MainMoudle .HnameBtnUn{\nwidth: 62px;\nheight: 26px;\nline-height: 26px;\nfont-size: 12px;\ncolor: rgb(88, 88, 88);\nborder: 1px solid rgb(234, 236, 239);\nbackground-color: rgba(40, 215, 250, 0);\nmargin-left:10px;\n}\n.MainMoudle .HnameBtnUn{\ncolor: #fff;\nbackground: #00aaff;\nborder-color: #00aaff;\n}\n.HnameBtnOn{\nspan:first-child{\ndisplay: inline-block;\n}\nspan:last-child{\ndisplay: none;\n}\n&:hover{\nspan:first-child{\n display: none;\n}\nspan:last-child{\ndisplay: inline-block;\n}\n}\n}\n.MainMoudle .HnameBtnUn img{\nmargin-right:5px;\n}\n.MainMoudle .SiH-Href{\nmargin-top:50px;\n}\n.MainMoudle .SiH-Launch{\nfloat: left;\nwidth: 154px;\nheight: 38px;\nfont-size: 14px;\ncolor: rgb(255, 255, 255);\nline-height: 38px;\nborder-radius: 19px;\n// background-image: -moz-linear-gradient( 0deg, rgb(4,233,245) 0%, rgb(0,153,229) 100%);\n// background-image: -ms-linear-gradient( 0deg, rgb(4,233,245) 0%, rgb(0,153,229) 100%);\n// background-image: -webkit-linear-gradient( 0deg, rgb(4,233,245) 0%, rgb(0,153,229) 100%);\nbackground-image:url(../../images/postbtn2.png);\nbox-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11);\ntext-align: center;\nmargin-right: 15px;\ncursor:pointer; \n}\n.MainMoudle .SiH-Launch:hover{\ntransform:translateY(-3px);\n-webkit-transform:translateY(-3px);\n-moz-transform:translateY(-3px);\n-ms-transform:translateY(-3px);\nbox-shadow: (0 10px 20px rgba(4,233,245, 0.1));\n}\n.MainMoudle .SiH-Launch img{\nmargin: -1px;\nmargin-right: 5px;\n}\n.MainMoudle .goShop{\nwidth: 66px;\nheight: 35px;\nline-height:34px;\nfont-size: 14px;\ncolor: rgb(88, 88, 88);\nborder: 1px solid rgb(234, 236, 239);\nborder-radius: 19px;\nbackground-color: rgba(253, 35, 86, 0);\n}\n.goTop{\ndisplay: inline-block;\nposition: fixed;\n// right:00000;\nbottom:150px;\nwidth: 40px;\nheight: 40px;\nbackground:url(http://www.iplaystone.com/circle/img/top.png) no-repeat center top;\nbackground-position:0 0;\nmargin-top: 90px;\n&:hover{\n background-position:0 -41px;\n}\n}\n.rotatez{\nposition: relative;\ntop:-3px;\nright: -5px;\ndisplay: inline-block;\nwidth: 0;\nheight: 2px;\nborder: solid;\nborder-width: 5px;\nborder-color: #585858 transparent transparent transparent;\ntransition: all .3s linear;\n-webkit-transition: all .3s linear;\n-ms-transition: all .3s linear;\n-moz-transition: all .3s linear;\ntransform: rotate(180deg);\n-moz-transform: rotate(180deg);\n-ms-transform: rotate(180deg);\n-webkit-transform: rotate(180deg);\nmargin-left: 3px;\n}\n.roate{\ntransform: rotate(0);\n-moz-transform: rotate(0);\n-ms-transform: rotate(0);\n-webkit-transform: rotate(0);\ntop: 5px;\n}\n.face{\nwidth: 22px;\nheight: 26px;\nmargin:0 2px;\n}\n.divmask{\nposition:fixed;\ntop:0;\nleft:0;\nwidth:100%;\nheight:100%;\nz-index:1000003;\n}\n" }, { "path": "src/sass/sass/ie.scss", "content": "/* Welcome to Compass. Use this file to write IE specific override styles.\n * Import this file using the following HTML or equivalent:\n * */\n" }, { "path": "src/sass/sass/print.scss", "content": "/* Welcome to Compass. Use this file to define print styles.\n * Import this file using the following HTML or equivalent:\n * */\n" }, { "path": "src/sass/sass/screen.scss", "content": "/* Welcome to Compass.\n * In this file you should write your main styles. (or centralize your imports)\n * Import this file using the following HTML or equivalent:\n * */\n\n@import \"compass/reset\";\n.a{\n\tcolor:red;\n}" }, { "path": "src/sass/stylesheets/IndexList.css", "content": "@-webkit-keyframes mymove {\n from {\n top: 0px;\n }\n to {\n top: 230px;\n }\n}\n@keyframes mymove {\n from {\n top: 0px;\n }\n to {\n top: 230px;\n }\n}\n@-moz-keyframes mymove {\n from {\n top: 0px;\n }\n to {\n top: 230px;\n }\n}\n/* line 16, ../sass/IndexList.scss */\n#IndexList .fixed {\n position: fixed;\n animation: mymove 2s normal;\n -webkit-animation: mymove 2s normal;\n -moz-animation: mymove 2s normal;\n -ms-animation: mymove 2s normal;\n}\n\n/* line 23, ../sass/IndexList.scss */\n.IndexList {\n width: 700px;\n padding: 17px 0 33px;\n}\n/* line 26, ../sass/IndexList.scss */\n.IndexList .IndexListType {\n width: 661px;\n top: 0;\n z-index: 3;\n height: 15px;\n padding: 17px 19px;\n border-bottom: 1px solid #e6e7eb;\n background: #fff;\n}\n/* line 34, ../sass/IndexList.scss */\n.IndexList .IndexListType .TypeTag {\n height: 15px;\n line-height: 15px;\n width: 540px;\n}\n/* line 38, ../sass/IndexList.scss */\n.IndexList .IndexListType .TypeTag ul {\n height: 20px;\n margin-top: -5px;\n}\n/* line 42, ../sass/IndexList.scss */\n.IndexList .IndexListType .TypeTag li {\n float: left;\n min-width: 55px;\n margin-right: 20px;\n height: 20px;\n line-height: 20px;\n padding-bottom: 15px;\n border-bottom: 4px solid #0099e5;\n}\n/* line 53, ../sass/IndexList.scss */\n.IndexList .IndexListCont {\n width: 100%;\n height: auto;\n}\n/* line 56, ../sass/IndexList.scss */\n.IndexList .IndexListCont li {\n position: relative;\n min-height: 72px;\n padding: 30px 19px;\n border-bottom: 1px solid #e6e7eb;\n}\n/* line 61, ../sass/IndexList.scss */\n.IndexList .IndexListCont li::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 0%;\n height: 100%;\n z-index: 0;\n opacity: 0;\n background-color: rgba(164, 168, 195, 0.5);\n -webkit-transition: all 0.8s;\n -moz-transition: all 0.8s;\n -o-transition: all 0.8s;\n transition: all 0.8s;\n}\n/* line 80, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems {\n position: relative;\n height: auto;\n width: 100%;\n z-index: 1;\n}\n/* line 86, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Title {\n width: 100%;\n height: 30px;\n}\n/* line 89, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Title a, .IndexList .IndexListCont li .Jitems-Title i {\n display: inline-block;\n}\n/* line 92, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Title a {\n max-width: 520px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 16px;\n color: #585858;\n text-align: left;\n margin-right: 5px;\n}\n/* line 101, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Title a:hover {\n color: #00aaff;\n}\n/* line 107, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Name {\n height: 40px;\n line-height: 40px;\n width: 100%;\n margin-bottom: 15px;\n}\n/* line 112, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Name .Indexlist_join, .IndexList .IndexListCont li .Jitems-Name .Indexlist_ujoin {\n width: 62px;\n height: 26px;\n line-height: 26px;\n font-size: 12px;\n color: #585858;\n border: 1px solid #eaecef;\n background-color: rgba(40, 215, 250, 0);\n}\n/* line 121, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Name .Indexlist_join {\n color: #fff;\n background: #00aaff;\n border-color: #00aaff;\n}\n/* line 125, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Name .Indexlist_join img {\n margin-right: 5px;\n}\n/* line 130, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Name .Indexlist_ujoin span:first-child {\n display: inline-block;\n}\n/* line 133, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Name .Indexlist_ujoin span:last-child {\n display: none;\n}\n/* line 137, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Name .Indexlist_ujoin:hover span:first-child {\n display: none;\n}\n/* line 140, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Name .Indexlist_ujoin:hover span:last-child {\n display: inline-block;\n}\n/* line 145, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Name .qzicon {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n overflow: hidden;\n margin-right: 15px;\n}\n/* line 152, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Name .Qzname {\n font-size: 14px;\n color: #404040;\n font-weight: bold;\n margin-right: 15px;\n}\n/* line 157, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Name .Qzname:hover {\n color: #0099e5;\n}\n/* line 162, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Detail {\n width: 100%;\n min-height: 27px;\n margin-bottom: 10px;\n}\n/* line 166, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Detail .Jitems-Detail-text {\n font-size: 14px;\n color: #a7a7a7;\n max-height: 30px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: 24px;\n}\n/* line 175, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Detail .Jitems-Detail-text p {\n font-size: 14px !important;\n color: #a7a7a7 !important;\n}\n/* line 180, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Detail .Jitems-Detail-img {\n position: relative;\n width: 100%;\n}\n/* line 183, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Detail .Jitems-Detail-img .JDICont {\n position: relative;\n z-index: 4;\n max-height: 110px;\n width: 100%;\n overflow: hidden;\n}\n/* line 191, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Detail .imgList {\n position: relative;\n display: inline-block;\n max-width: 156px;\n text-align: left;\n height: 110px;\n overflow: hidden;\n margin-right: 10px;\n}\n/* line 199, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Detail .imgList .imgfd {\n position: absolute;\n top: 0;\n left: 0;\n display: none;\n width: 100%;\n height: 100%;\n background: transparent url(../../images/icon-max.png) no-repeat center;\n}\n/* line 208, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Detail .imgList:hover .imgfd {\n display: inline-block;\n}\n/* line 211, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Detail .imgList img {\n display: inline-block;\n cursor: -webkit-zoom-in;\n cursor: zoom-in;\n max-height: 100%;\n}\n/* line 220, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Info {\n width: 100%;\n height: 20px;\n}\n/* line 223, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Info .JuserInfo {\n min-width: 160px;\n max-width: 400px;\n}\n/* line 226, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Info .JuserInfo a {\n display: inline-block;\n position: relative;\n line-height: 20px;\n font-size: 12px;\n color: #666666;\n}\n/* line 233, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Info .JuserInfo img {\n position: relative;\n top: 4px;\n display: inline;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n}\n/* line 241, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Info .JuserInfo .JuserInfo-time {\n font-size: 12px;\n color: #a7a7a7;\n border-left: 1px solid #eeeeee;\n margin-left: 5px;\n padding-left: 10px;\n}\n/* line 249, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Info .JdataInfo {\n display: inline-block;\n height: 20px;\n line-height: 20px;\n font-size: 12px;\n color: #a7a7a7;\n margin-top: 4px;\n}\n/* line 256, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Info .JdataInfo span {\n margin-right: 20px;\n}\n/* line 258, ../sass/IndexList.scss */\n.IndexList .IndexListCont li .Jitems-Info .JdataInfo span img {\n margin-right: 5px;\n}\n/* line 266, ../sass/IndexList.scss */\n.IndexList .Jlist-thumb {\n position: relative;\n margin-top: -110px;\n width: 632px;\n min-height: 100px;\n padding: 10px;\n background: #f7f7f7;\n border: 1px solid #e4e6eb;\n z-index: 5;\n cursor: normal;\n}\n/* line 277, ../sass/IndexList.scss */\n.IndexList .Jlist-thumb .thumbHd {\n height: 25px;\n width: 100%;\n border-bottom: 1px solid #e4e6eb;\n text-align: left;\n}\n/* line 282, ../sass/IndexList.scss */\n.IndexList .Jlist-thumb .thumbHd a {\n float: left;\n font-size: 12px;\n color: #2d64b3;\n text-align: left;\n box-sizing: content-box;\n}\n/* line 288, ../sass/IndexList.scss */\n.IndexList .Jlist-thumb .thumbHd a i {\n display: inline-block;\n position: relative;\n top: -1px;\n width: 20px;\n height: 20px;\n vertical-align: middle;\n background: url(../../images/thread_list_z_eca48fe.png);\n background-position: 0px -30px;\n}\n/* line 300, ../sass/IndexList.scss */\n.IndexList .Jlist-thumb .thumbWarp {\n position: relative;\n width: 632px;\n height: 90%;\n padding: 1% 0;\n margin-top: 10px;\n text-align: center;\n display: table-cell;\n vertical-align: middle;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n/* line 313, ../sass/IndexList.scss */\n.IndexList .Jlist-thumb .thumbWarp img {\n display: inline-block;\n max-width: 100%;\n cursor: -webkit-zoom-out;\n cursor: zoom-out;\n}\n/* line 319, ../sass/IndexList.scss */\n.IndexList .Jlist-thumb .thumbWarp .thumbsx {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 5;\n}\n/* line 326, ../sass/IndexList.scss */\n.IndexList .Jlist-thumb .thumbWarp .thumbsx:hover {\n cursor: normal;\n background: rgba(0, 0, 0, 0.05) url(../../images/icon-mini.png) no-repeat center;\n}\n/* line 331, ../sass/IndexList.scss */\n.IndexList .Jlist-thumb .thumbWarp .thumbWarpList {\n position: relative;\n margin-top: 10px;\n overflow: hidden;\n width: 632px;\n}\n/* line 337, ../sass/IndexList.scss */\n.IndexList .Jlist-thumb .thumbWarp .thumbNext,\n.IndexList .Jlist-thumb .thumbWarp .thumbPrev {\n position: absolute;\n top: 0;\n width: 20%;\n height: 100%;\n cursor: pointer;\n z-index: 6;\n}\n/* line 346, ../sass/IndexList.scss */\n.IndexList .Jlist-thumb .thumbWarp .thumbPrev {\n left: 0;\n}\n/* line 348, ../sass/IndexList.scss */\n.IndexList .Jlist-thumb .thumbWarp .thumbPrev:hover {\n background: rgba(0, 0, 0, 0.01) url(../../images/icon-left.png) no-repeat center;\n}\n/* line 352, ../sass/IndexList.scss */\n.IndexList .Jlist-thumb .thumbWarp .thumbNext {\n right: 0;\n}\n/* line 354, ../sass/IndexList.scss */\n.IndexList .Jlist-thumb .thumbWarp .thumbNext:hover {\n background: rgba(0, 0, 0, 0.01) url(../../images/icon-right.png) no-repeat center;\n}\n\n/* line 361, ../sass/IndexList.scss */\n.selectMask {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 100003;\n}\n\n/* line 369, ../sass/IndexList.scss */\n.drownbox {\n width: 100%;\n margin: 30px auto 0;\n height: 60px;\n text-align: center;\n}\n/* line 374, ../sass/IndexList.scss */\n.drownbox span {\n width: 80px;\n height: 20px;\n line-height: 20px;\n display: inline-block;\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: gray;\n}\n\n/* line 384, ../sass/IndexList.scss */\n.goDrown {\n cursor: pointer;\n padding-right: 10px;\n background: url(../../images/icon18.png) no-repeat center right;\n}\n/* line 388, ../sass/IndexList.scss */\n.goDrown:hover {\n color: #0099fe;\n background: url(../../images/icon18_hover.png) no-repeat center right;\n}\n\n/* line 393, ../sass/IndexList.scss */\n.spinner8 {\n margin: 0 auto;\n width: 60px;\n height: 60px;\n position: relative;\n}\n\n/* line 399, ../sass/IndexList.scss */\n.container1 > div, .container2 > div, .container3 > div {\n width: 16px;\n height: 16px;\n background-color: #0099fe;\n border-radius: 100%;\n position: absolute;\n -webkit-animation: bouncedelay 1.2s infinite ease-in-out;\n animation: bouncedelay 1.2s infinite ease-in-out;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n}\n\n/* line 410, ../sass/IndexList.scss */\n.spinner8 .spinner-container {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n\n/* line 415, ../sass/IndexList.scss */\n.container2 {\n -webkit-transform: rotateZ(45deg);\n transform: rotateZ(45deg);\n}\n\n/* line 419, ../sass/IndexList.scss */\n.container3 {\n -webkit-transform: rotateZ(90deg);\n transform: rotateZ(90deg);\n}\n\n/* line 423, ../sass/IndexList.scss */\n.circle1 {\n top: 0;\n left: 0;\n}\n\n/* line 424, ../sass/IndexList.scss */\n.circle2 {\n top: 0;\n right: 0;\n}\n\n/* line 425, ../sass/IndexList.scss */\n.circle3 {\n right: 0;\n bottom: 0;\n}\n\n/* line 426, ../sass/IndexList.scss */\n.circle4 {\n left: 0;\n bottom: 0;\n}\n\n/* line 427, ../sass/IndexList.scss */\n.container2 .circle1 {\n -webkit-animation-delay: -1.1s;\n animation-delay: -1.1s;\n}\n\n/* line 431, ../sass/IndexList.scss */\n.container3 .circle1 {\n -webkit-animation-delay: -1.0s;\n animation-delay: -1.0s;\n}\n\n/* line 435, ../sass/IndexList.scss */\n.container1 .circle2 {\n -webkit-animation-delay: -0.9s;\n animation-delay: -0.9s;\n}\n\n/* line 439, ../sass/IndexList.scss */\n.container2 .circle2 {\n -webkit-animation-delay: -0.8s;\n animation-delay: -0.8s;\n}\n\n/* line 443, ../sass/IndexList.scss */\n.container3 .circle2 {\n -webkit-animation-delay: -0.7s;\n animation-delay: -0.7s;\n}\n\n/* line 447, ../sass/IndexList.scss */\n.container1 .circle3 {\n -webkit-animation-delay: -0.6s;\n animation-delay: -0.6s;\n}\n\n/* line 451, ../sass/IndexList.scss */\n.container2 .circle3 {\n -webkit-animation-delay: -0.5s;\n animation-delay: -0.5s;\n}\n\n/* line 455, ../sass/IndexList.scss */\n.container3 .circle3 {\n -webkit-animation-delay: -0.4s;\n animation-delay: -0.4s;\n}\n\n/* line 459, ../sass/IndexList.scss */\n.container1 .circle4 {\n -webkit-animation-delay: -0.3s;\n animation-delay: -0.3s;\n}\n\n/* line 463, ../sass/IndexList.scss */\n.container2 .circle4 {\n -webkit-animation-delay: -0.2s;\n animation-delay: -0.2s;\n}\n\n/* line 467, ../sass/IndexList.scss */\n.container3 .circle4 {\n -webkit-animation-delay: -0.1s;\n animation-delay: -0.1s;\n}\n\n@-webkit-keyframes bouncedelay {\n 0%, 80%, 100% {\n -webkit-transform: scale(0);\n }\n 40% {\n -webkit-transform: scale(1);\n }\n}\n@keyframes bouncedelay {\n 0%, 80%, 100% {\n transform: scale(0);\n -webkit-transform: scale(0);\n }\n 40% {\n transform: scale(1);\n -webkit-transform: scale(1);\n }\n}\n" }, { "path": "src/sass/stylesheets/LoginPop.css", "content": "/* line 1, ../sass/LoginPop.scss */\n.LoginPop {\n position: fixed;\n right: 0;\n left: 0;\n top: 220px;\n width: 340px;\n margin: 0 auto;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);\n background-color: #f5f6f8;\n z-index: 100;\n}\n\n/* line 13, ../sass/LoginPop.scss */\n.banner .prev, .banner .next {\n z-index: 8 !important;\n}\n\n/* line 17, ../sass/LoginPop.scss */\n.LoginPop .LoginPop_outer {\n position: relative;\n width: 100%;\n height: 100%;\n padding: 40px;\n box-sizing: border-box;\n}\n\n/* line 25, ../sass/LoginPop.scss */\n.LoginPop .LoginPop_cancle {\n position: absolute;\n top: 15px;\n right: 15px;\n width: 14px;\n height: 14px;\n background: url(\"http://www.iplaystone.com/static/common/images/cancel.png\");\n cursor: pointer;\n}\n\n/* line 35, ../sass/LoginPop.scss */\n.LoginPop .LoginPop_title {\n font-size: 14px;\n color: white;\n text-align: center;\n margin-bottom: 30px;\n}\n\n/* line 41, ../sass/LoginPop.scss */\n.LoginPop_title img {\n display: inline-block;\n}\n\n/* line 44, ../sass/LoginPop.scss */\n.LoginPop .LoginPop_input {\n position: relative;\n width: 100%;\n height: 58px;\n}\n\n/* line 50, ../sass/LoginPop.scss */\n.LoginPop .LoginPop_input .LoginPop_error {\n display: none;\n height: 20px;\n padding-left: 15px;\n color: red;\n background: url(\"http://www.iplaystone.com/static/common/images/error.png\") left no-repeat;\n}\n\n/* line 58, ../sass/LoginPop.scss */\n.LoginPop .LoginPop_input > input {\n width: 100%;\n height: 38px;\n border: 1px solid #f0f1f2;\n background-color: #f0f1f2;\n outline: none;\n padding: 0 15px 0 30px;\n color: gray;\n box-sizing: border-box;\n}\n\n/* line 68, ../sass/LoginPop.scss */\n.LoginPop .LoginPop_input > input:focus {\n border-color: #00aaff;\n}\n\n/* line 72, ../sass/LoginPop.scss */\n.LoginPop .LoginPop_input .LoginPop_icon {\n position: absolute;\n top: 13px;\n left: 10px;\n width: 13px;\n height: 13px;\n}\n\n/* line 80, ../sass/LoginPop.scss */\n.LoginPop .LoginPop_input .LoginPop_user {\n background: url(\"http://www.iplaystone.com/static/common/images/user.png\") no-repeat;\n}\n\n/* line 84, ../sass/LoginPop.scss */\n.LoginPop .LoginPop_input .LoginPop_pwd {\n background: url(\"http://www.iplaystone.com/static/common/images/key.png\") no-repeat;\n}\n\n/* line 88, ../sass/LoginPop.scss */\n.LoginPop .LoginPop_btn {\n width: 100%;\n height: 46px;\n margin: 30px 0 15px 0;\n}\n\n/* line 94, ../sass/LoginPop.scss */\n.LoginPop .LoginPop_btn > button {\n width: 100%;\n height: 100%;\n text-align: center;\n background-color: white;\n border: none;\n color: white;\n background: url(\"http://www.iplaystone.com/static/common/images/btn_normal.png\");\n cursor: pointer;\n}\n\n/* .LoginPop .LoginPop_btn > button:hover{\n background: url('../images/btn_hover.png');\n }*/\n/* line 109, ../sass/LoginPop.scss */\n.LoginPop .LoginPop_forget,\n.LoginPop .LoginPop_register {\n font-size: 12px;\n}\n\n/* line 114, ../sass/LoginPop.scss */\n.LoginPop .LoginPop_forget {\n /*float: left;*/\n color: #808080;\n}\n\n/* line 119, ../sass/LoginPop.scss */\n.LoginPop .LoginPop_register {\n /*float: right;*/\n color: #5a9ddf;\n}\n\n/* line 123, ../sass/LoginPop.scss */\n.LoginPop .LoginPop_box {\n text-align: center;\n}\n\n/* line 126, ../sass/LoginPop.scss */\n.LoginPop_box span {\n display: inline-block;\n height: 15px;\n width: 1px;\n background: #999;\n margin: 0 20px;\n position: relative;\n top: 3px;\n}\n" }, { "path": "src/sass/stylesheets/ScoialIndexRecommend.css", "content": "/* line 1, ../sass/ScoialIndexRecommend.scss */\n.SocialIndexRecommend {\n width: 240px;\n background: #fff;\n top: 230px;\n padding: 15px 19px;\n margin-bottom: 20px;\n transition: all .3s linear;\n -ms-transition: all .3s linear;\n -moz-transition: all .3s linear;\n -webkit-transition: all .3s linear;\n}\n/* line 12, ../sass/ScoialIndexRecommend.scss */\n.SocialIndexRecommend .MoudleHd a {\n background: url(../../images/icon2.png) no-repeat right 6px;\n}\n/* line 14, ../sass/ScoialIndexRecommend.scss */\n.SocialIndexRecommend .MoudleHd a:hover {\n color: #00aaff;\n}\n/* line 19, ../sass/ScoialIndexRecommend.scss */\n.SocialIndexRecommend .RecommentList {\n width: 100%;\n height: auto;\n}\n/* line 22, ../sass/ScoialIndexRecommend.scss */\n.SocialIndexRecommend .RecommentList ul {\n width: 100%;\n height: 100%;\n padding: 30px 0 20px 0;\n}\n/* line 26, ../sass/ScoialIndexRecommend.scss */\n.SocialIndexRecommend .RecommentList ul li {\n height: 50px;\n width: 100%;\n margin-bottom: 15px;\n}\n/* line 30, ../sass/ScoialIndexRecommend.scss */\n.SocialIndexRecommend .RecommentList ul li:last-child {\n margin-bottom: 0;\n}\n/* line 33, ../sass/ScoialIndexRecommend.scss */\n.SocialIndexRecommend .RecommentList ul li .ListGameName {\n width: 182px;\n height: 100%;\n}\n/* line 36, ../sass/ScoialIndexRecommend.scss */\n.SocialIndexRecommend .RecommentList ul li .ListGameName img {\n width: 50px;\n height: 50px;\n border-radius: 5px;\n margin-right: 10px;\n}\n/* line 43, ../sass/ScoialIndexRecommend.scss */\n.SocialIndexRecommend .RecommentList ul li .NameBox {\n width: 117px;\n}\n/* line 45, ../sass/ScoialIndexRecommend.scss */\n.SocialIndexRecommend .RecommentList ul li .NameBox .qzname {\n display: inline-block;\n height: 30px;\n width: 100%;\n text-align: left;\n font-size: 14px;\n color: #585858;\n line-height: 2.2;\n}\n/* line 54, ../sass/ScoialIndexRecommend.scss */\n.SocialIndexRecommend .RecommentList ul li .NameBox h6 {\n font-size: 12px;\n color: #8c8c8c;\n width: 117px;\n height: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n/* line 64, ../sass/ScoialIndexRecommend.scss */\n.SocialIndexRecommend .RecommentList ul li .ListGameBtn {\n width: 56px;\n height: 26px;\n margin-top: 9px;\n}\n/* line 68, ../sass/ScoialIndexRecommend.scss */\n.SocialIndexRecommend .RecommentList ul li .ListGameBtn a {\n display: inline-block;\n width: 100%;\n height: 100%;\n font-size: 12px;\n text-align: center;\n line-height: 26px;\n}\n/* line 76, ../sass/ScoialIndexRecommend.scss */\n.SocialIndexRecommend .RecommentList ul li .ListGameBtn .R_nJoin {\n color: #585858;\n border: 1px solid #eaecef;\n background-color: rgba(170, 178, 189, 0);\n}\n/* line 81, ../sass/ScoialIndexRecommend.scss */\n.SocialIndexRecommend .RecommentList ul li .ListGameBtn .R_Join {\n color: #fff;\n background: #00aaff;\n}\n/* line 84, ../sass/ScoialIndexRecommend.scss */\n.SocialIndexRecommend .RecommentList ul li .ListGameBtn .R_Join img {\n margin-right: 3px;\n}\n/* line 89, ../sass/ScoialIndexRecommend.scss */\n.SocialIndexRecommend .RecommentList ul li .ListGameBtn .R_nJoin span:first-child {\n display: inline-block;\n}\n/* line 92, ../sass/ScoialIndexRecommend.scss */\n.SocialIndexRecommend .RecommentList ul li .ListGameBtn .R_nJoin span:last-child {\n display: none;\n}\n/* line 96, ../sass/ScoialIndexRecommend.scss */\n.SocialIndexRecommend .RecommentList ul li .ListGameBtn .R_nJoin:hover span:first-child {\n display: none;\n}\n/* line 99, ../sass/ScoialIndexRecommend.scss */\n.SocialIndexRecommend .RecommentList ul li .ListGameBtn .R_nJoin:hover span:last-child {\n display: inline-block;\n}\n\n@-webkit-keyframes mymove {\n from {\n top: 0px;\n }\n to {\n top: 270px !important;\n }\n}\n@keyframes mymove {\n from {\n top: 0px;\n }\n to {\n top: 270px !important;\n }\n}\n@-moz-keyframes mymove {\n from {\n top: 0px;\n }\n to {\n top: 270px !important;\n }\n}\n/* line 124, ../sass/ScoialIndexRecommend.scss */\n.fixed3 {\n position: fixed;\n top: 270px;\n animation: mymove 2s normal;\n -webkit-animation: mymove 2s normal;\n -moz-animation: mymove 2s normal;\n -ms-animation: mymove 2s normal;\n}\n" }, { "path": "src/sass/stylesheets/SocialDetail.css", "content": "/* line 1, ../sass/SocialDetail.scss */\n.SocialDetail {\n position: relative;\n width: 100%;\n font-family: \"Microsoft YaHei\";\n}\n/* line 5, ../sass/SocialDetail.scss */\n.SocialDetail .h5 {\n height: 100%;\n display: inline-block;\n color: #333;\n text-align: left;\n}\n/* line 11, ../sass/SocialDetail.scss */\n.SocialDetail .MainList {\n width: 702px;\n}\n/* line 13, ../sass/SocialDetail.scss */\n.SocialDetail .MainList .ListCont {\n position: relative;\n}\n/* line 17, ../sass/SocialDetail.scss */\n.SocialDetail .Jtitle {\n top: 0;\n width: 662px;\n height: 16px;\n padding: 20px 19px;\n z-index: 3;\n border-bottom: 1px solid #eaeced;\n margin-bottom: -1px;\n}\n/* line 25, ../sass/SocialDetail.scss */\n.SocialDetail .Jtitle h5 {\n display: inline-block;\n max-width: 330px;\n font-family: \"Microsoft YaHei\";\n font-size: 16px;\n color: #404040;\n}\n/* line 35, ../sass/SocialDetail.scss */\n.SocialDetail .Jtitle .Jtitle-Moudle {\n margin-top: -5px;\n}\n/* line 37, ../sass/SocialDetail.scss */\n.SocialDetail .Jtitle .Jtitle-Moudle span {\n display: inline-block;\n text-align: center;\n font-size: 12px;\n min-width: 63px;\n color: #585858;\n border: 1px solid #eaecef;\n background-color: rgba(214, 223, 250, 0);\n padding: 6px 8px;\n cursor: pointer;\n margin-right: 10px;\n}\n/* line 48, ../sass/SocialDetail.scss */\n.SocialDetail .Jtitle .Jtitle-Moudle span img {\n position: relative;\n display: inline-block;\n margin-right: 5px;\n top: 2px;\n}\n/* line 54, ../sass/SocialDetail.scss */\n.SocialDetail .Jtitle .Jtitle-Moudle span:hover {\n background-color: #f5f6f7;\n}\n/* line 58, ../sass/SocialDetail.scss */\n.SocialDetail .Jtitle .Jtitle-Moudle .onLandlord {\n border-color: #00aaff;\n color: #00aaff;\n}\n\n/* line 65, ../sass/SocialDetail.scss */\n.ListPage {\n position: relative;\n height: 23px;\n padding: 13px;\n background: #fff;\n margin-bottom: 16px;\n}\n/* line 71, ../sass/SocialDetail.scss */\n.ListPage .goBack {\n position: absolute;\n right: 13px;\n top: 18px;\n font-size: 12px;\n color: #0099e5;\n}\n/* line 77, ../sass/SocialDetail.scss */\n.ListPage .goBack img {\n margin-right: 5px;\n}\n\n/* line 82, ../sass/SocialDetail.scss */\n#SocialDetail .PageBar .JumpToPage {\n margin-left: 5px !important;\n}\n\n/* line 85, ../sass/SocialDetail.scss */\n#SocialDetail .PageBar .JumpToPage input[type=\"text\"] {\n width: 20px !important;\n height: 11px !important;\n padding: 5px !important;\n margin: 0 5px !important;\n}\n\n/* line 92, ../sass/SocialDetail.scss */\n#SocialDetail .PageBar .JumpToPage span {\n top: 1px !important;\n font-size: 12px !important;\n width: 40px !important;\n height: 22px !important;\n line-height: 22px !important;\n padding: 0 5px;\n margin-left: 5px !important;\n}\n\n/* line 102, ../sass/SocialDetail.scss */\n#SocialDetail .ListPage .PageBar {\n text-align: left !important;\n margin: 0 !important;\n}\n\n/* line 106, ../sass/SocialDetail.scss */\n#SocialDetail .ListPage .PageBar a {\n width: 28px !important;\n height: 22px !important;\n line-height: 22px !important;\n margin-right: 5px;\n}\n\n/* line 113, ../sass/SocialDetail.scss */\n#SocialDetail .ListPage .PageBar .point a {\n border: none;\n cursor: default;\n border: none !important;\n}\n\n/* line 118, ../sass/SocialDetail.scss */\n.ListContUl {\n width: 100%;\n height: 100%;\n}\n/* line 121, ../sass/SocialDetail.scss */\n.ListContUl .ListContUlLi {\n position: relative;\n background: #fff;\n margin-bottom: 16px;\n padding: 30px 19px;\n}\n/* line 126, ../sass/SocialDetail.scss */\n.ListContUl .ListContUlLi .user-lz {\n position: absolute;\n top: 0;\n left: 0;\n}\n/* line 131, ../sass/SocialDetail.scss */\n.ListContUl .ListContUlLi .Jitems {\n width: 100%;\n height: auto;\n}\n/* line 136, ../sass/SocialDetail.scss */\n.ListContUl .isSelf {\n border-color: #00aaff;\n}\n/* line 139, ../sass/SocialDetail.scss */\n.ListContUl .JitemsLeft {\n width: 85px;\n height: auto;\n}\n/* line 142, ../sass/SocialDetail.scss */\n.ListContUl .JitemsLeft .J-UserInfo {\n width: 100%;\n height: 100%;\n text-align: center;\n}\n/* line 146, ../sass/SocialDetail.scss */\n.ListContUl .JitemsLeft .J-UserInfo .J-UserInfo-Pic {\n display: inline-block;\n width: 60px;\n height: 60px;\n border-radius: 50%;\n overflow: hidden;\n}\n/* line 152, ../sass/SocialDetail.scss */\n.ListContUl .JitemsLeft .J-UserInfo .J-UserInfo-Pic img {\n width: 60px;\n height: 60px;\n}\n/* line 157, ../sass/SocialDetail.scss */\n.ListContUl .JitemsLeft .J-UserInfo span {\n display: inline-block;\n width: 100%;\n height: 15px;\n font-size: 12px;\n color: #4d4d4d;\n margin-top: 10px;\n}\n/* line 165, ../sass/SocialDetail.scss */\n.ListContUl .JitemsLeft .J-UserInfo .J-UserInfo-adminCall {\n font-size: 12px;\n width: 52px;\n height: 20px;\n line-height: 20px;\n background: #0099e5;\n color: #fff;\n}\n/* line 176, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight {\n width: 565px;\n height: auto;\n}\n/* line 179, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-TextCont {\n margin-bottom: 30px;\n font-size: 14px;\n color: #404040;\n line-height: 1.714;\n text-align: left;\n min-height: 120px;\n word-break: break-all;\n}\n/* line 187, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-TextCont > *, .ListContUl .JitemsRight .J-TextCont p > *, .ListContUl .JitemsRight .J-TextCont div > * {\n font-size: 14px !important;\n color: #404040 !important;\n line-height: 1.714 !important;\n}\n/* line 192, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-TextCont a {\n text-decoration: underline;\n color: #4c69ff !important;\n margin: 0 2px;\n}\n/* line 197, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-TextCont img {\n max-width: 100%;\n margin: 20px 0;\n}\n/* line 202, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-ClickUp {\n height: 48px;\n width: 98px;\n border: 1px solid #eeeeee;\n background-color: rgba(238, 238, 238, 0);\n border-radius: 25px;\n text-align: center;\n font-size: 14px;\n color: gray;\n cursor: pointer;\n margin: 0 auto;\n margin-bottom: 50px;\n}\n/* line 214, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-ClickUp p {\n height: 15px;\n}\n/* line 216, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-ClickUp p:first-child {\n margin-top: 8px;\n margin-bottom: 5px;\n background: url(../../images/icon7.png) no-repeat center;\n}\n/* line 222, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-ClickUp:hover {\n border-color: #00aaff;\n}\n/* line 224, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-ClickUp:hover p {\n color: #00aaff;\n}\n/* line 226, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-ClickUp:hover p:first-child {\n background: url(../../images/icon8.png) no-repeat center;\n}\n/* line 232, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-On {\n border-color: transparent;\n background: url(../../images/icon9.png) no-repeat center;\n}\n/* line 235, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-On p {\n color: #fff;\n}\n/* line 237, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-On p:first-child {\n background: url(../../images/icon10.png) no-repeat center;\n}\n/* line 241, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-On:hover {\n border-color: transparent;\n}\n/* line 243, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-On:hover p {\n color: #fff;\n}\n/* line 245, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-On:hover p:first-child {\n background: url(../../images/icon10.png) no-repeat center;\n}\n/* line 251, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Modle {\n width: 100%;\n height: auto;\n}\n/* line 254, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Modle .J-Modle-Hd {\n width: 100%;\n height: 20px;\n font-size: 13px;\n color: gray;\n}\n/* line 259, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Modle .J-Modle-Hd .Hd-Floor span {\n margin-right: 10px;\n}\n/* line 264, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Modle .Hd-Moudle li {\n position: relative;\n float: left;\n padding: 0 10px;\n height: 16px;\n line-height: 16px;\n text-align: center;\n border-right: 1px solid #eef0f1;\n}\n/* line 272, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Modle .Hd-Moudle li:last-child {\n border-right: none;\n}\n/* line 275, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Modle .Hd-Moudle li span {\n cursor: pointer;\n}\n/* line 280, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Modle .Hd-Moudle li span:hover {\n color: #00aaff;\n}\n/* line 285, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Modle .Hd-Moudle li i {\n position: relative;\n top: 4px;\n right: -5px;\n display: inline-block;\n width: 0;\n height: 2px;\n border: solid;\n border-width: 4px;\n border-color: #8c8c8c transparent transparent transparent;\n transition: all .3s linear;\n -webkit-transition: all .3s linear;\n -ms-transition: all .3s linear;\n -moz-transition: all .3s linear;\n transform: rotate(0);\n -moz-transform: rotate(0);\n -ms-transform: rotate(0);\n -webkit-transform: rotate(0);\n margin-left: 1px;\n margin-right: 5px;\n}\n/* line 306, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Modle .Hd-Moudle li .rotate {\n top: -3px;\n transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n -ms-transform: rotate(180deg);\n -webkit-transform: rotate(180deg);\n}\n/* line 313, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Modle .Hd-Moudle li .adminlist {\n position: absolute;\n left: 1px;\n top: 25px;\n width: 98px;\n min-height: 30px;\n border: 1px solid #c6c6cc;\n font-size: 12px;\n color: #595959;\n line-height: 2.5;\n text-align: center;\n background: #fff;\n box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);\n z-index: 1000004;\n}\n/* line 327, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Modle .Hd-Moudle li .adminlist p {\n height: 30px;\n}\n/* line 329, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Modle .Hd-Moudle li .adminlist p:hover {\n background-color: #ebeced;\n}\n/* line 335, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Modle .Hd-Moudle .PostManagement {\n padding-left: 18px;\n background: url(../../images/icon12.png) no-repeat center left;\n}\n/* line 338, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Modle .Hd-Moudle .PostManagement:hover {\n background: url(../../images/icon12_hover.png) no-repeat center left;\n}\n/* line 340, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Modle .Hd-Moudle .PostManagement:hover i {\n border-color: #00aaff transparent transparent transparent;\n}\n/* line 345, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Modle .Hd-Moudle img {\n width: 12px;\n height: 12px;\n display: inline-block;\n position: relative;\n top: 1px;\n margin-right: 5px;\n}\n/* line 353, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Modle .Hd-Moudle .Hd-Moudle-Praise {\n padding-left: 15px;\n background: url(../../images/icon11.png) no-repeat center left;\n}\n/* line 356, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Modle .Hd-Moudle .Hd-Moudle-Praise:hover {\n background: url(../../images/icon11_hover.png) no-repeat center left;\n color: #0099e5;\n}\n/* line 361, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Modle .Hd-Moudle .Hd-Moudle-Praise-On {\n background: url(../../images/icon11_hover.png) no-repeat center left;\n color: #0099e5;\n}\n/* line 365, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Modle .Hd-Moudle .Hd-Moudle-Reply {\n padding-left: 17px;\n background: url(../../images/icon6.png) no-repeat center left;\n}\n/* line 368, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Modle .Hd-Moudle .Hd-Moudle-Reply:hover {\n background: url(../../images/icon6_hover.png) no-repeat center left;\n color: #0099e5;\n}\n/* line 375, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List {\n padding: 20px 15px;\n background: #f5f6f7;\n margin-top: 20px;\n}\n/* line 379, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Cont {\n width: 100%;\n height: 100%;\n}\n/* line 382, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Cont ul {\n width: 100%;\n height: 100%;\n}\n/* line 385, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Cont ul li {\n padding: 15px 0;\n border-bottom: 1px dotted #ddddde;\n}\n/* line 388, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Cont ul li:last-child {\n border-bottom: none;\n}\n/* line 394, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .Jmoude-items {\n width: 100%;\n height: auto;\n}\n/* line 398, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .Jmoude-items-Pic {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n overflow: hidden;\n}\n/* line 403, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .Jmoude-items-Pic img {\n width: 30px;\n height: 30px;\n}\n/* line 408, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .Jmoude-items-Cont {\n width: 495px;\n height: auto;\n font-size: 12px;\n color: #333;\n}\n/* line 413, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .Jmoude-items-Cont a {\n color: #0099e5;\n float: left;\n}\n/* line 417, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .Jmoude-items-Cont span {\n word-wrap: break-word;\n}\n/* line 420, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .Jmoude-items-Cont .Jmoudle-items-h5 {\n min-height: 15px;\n margin-bottom: 5px;\n line-height: 1.3;\n font-family: \"Microsoft YaHei\";\n}\n/* line 425, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .Jmoude-items-Cont .Jmoudle-items-h5 .twouser {\n margin: 0 5px;\n}\n/* line 428, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .Jmoude-items-Cont .Jmoudle-items-h5 b {\n font-style: normal;\n font-weight: normal;\n}\n/* line 433, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .Jmoude-items-Cont .Jmoudle-items-info {\n color: #818181;\n}\n/* line 438, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-More {\n font-size: 12px;\n line-height: 30px;\n color: #0099e5;\n width: 100px;\n}\n/* line 444, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Cont-Jet {\n width: 100%;\n height: 30px;\n}\n/* line 447, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Cont-Jet .J-Moudle-Mebtn {\n font-size: 12px;\n color: #4d4d4d;\n text-align: center;\n height: 28px;\n line-height: 28px;\n width: 80px;\n border: 1px solid #cccccc;\n background-color: rgba(0, 153, 229, 0);\n border-radius: 2px;\n}\n/* line 457, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Cont-Jet .J-Moudle-Mebtn:hover {\n background-color: rgba(0, 0, 0, 0.031);\n}\n/* line 462, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Input {\n position: relative;\n width: 100%;\n height: 80px;\n margin-top: 18px;\n}\n/* line 467, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Input .loginMask {\n background: url(../../images/filter2.png);\n}\n/* line 469, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Input .loginMask .loginMaskBox {\n padding-top: 30px;\n}\n/* line 473, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Input .J-Moudle-List-Input-Box {\n border: 1px solid #ddddde;\n}\n/* line 475, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Input .J-Moudle-List-Input-Box input {\n background: #fff;\n border: none;\n height: 10px;\n width: 509px;\n outline: none;\n padding: 12px;\n}\n/* line 484, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Input .J-Moudle-List-Input-Set {\n width: 100%;\n height: 26px;\n margin-top: 15px;\n}\n/* line 488, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Input .J-Moudle-List-Input-Set .J-M-L-Btn {\n font-size: 13px;\n color: #fff;\n width: 60px;\n height: 26px;\n text-align: center;\n line-height: 26px;\n background-color: #0099e5;\n}\n/* line 497, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Input .J-Moudle-List-Input-Set .J-M-l-I-S-Icon {\n position: relative;\n width: 18px;\n height: 18px;\n}\n/* line 501, ../sass/SocialDetail.scss */\n.ListContUl .JitemsRight .J-Moudle-List .J-Moudle-List-Input .J-Moudle-List-Input-Set .J-M-l-I-S-Icon .Icon-List {\n position: absolute;\n top: 0;\n left: 30px;\n width: 200px;\n height: 200px;\n border: 1px solid #999;\n background: #fff;\n border-radius: 3px;\n}\n\n@-webkit-keyframes mymove {\n from {\n top: 0px;\n }\n to {\n top: 140px !important;\n }\n}\n@keyframes mymove {\n from {\n top: 0px;\n }\n to {\n top: 140px !important;\n }\n}\n@-moz-keyframes mymove {\n from {\n top: 0px;\n }\n to {\n top: 140px !important;\n }\n}\n/* line 532, ../sass/SocialDetail.scss */\n#SocialDetail .fixed2 {\n position: fixed;\n top: 140px !important;\n animation: mymove 2s normal;\n -webkit-animation: mymove 2s normal;\n -moz-animation: mymove 2s normal;\n -ms-animation: mymove 2s normal;\n}\n\n/* line 545, ../sass/SocialDetail.scss */\n.loginMask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n text-align: center;\n background: url(../../images/filter.png);\n text-align: center;\n z-index: 99999;\n}\n/* line 555, ../sass/SocialDetail.scss */\n.loginMask p {\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: white;\n line-height: 1.143;\n text-align: center;\n padding-bottom: 10px;\n padding-top: 100px;\n}\n/* line 564, ../sass/SocialDetail.scss */\n.loginMask a.loginMaskBoxline {\n position: relative;\n top: 1px;\n margin: 0 5px;\n background-color: white;\n opacity: 0.502;\n width: 1px;\n height: 12px;\n}\n/* line 573, ../sass/SocialDetail.scss */\n.loginMask a {\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: #ffd400;\n z-index: 1000000;\n}\n/* line 578, ../sass/SocialDetail.scss */\n.loginMask a:hover {\n text-decoration: underline;\n color: #ffd400;\n}\n\n/* line 584, ../sass/SocialDetail.scss */\n.LidtEditor {\n position: relative;\n padding: 20px;\n height: 235px;\n text-align: right;\n}\n/* line 591, ../sass/SocialDetail.scss */\n.LidtEditor #editorElem .w-e-text-container {\n height: 155px !important;\n}\n/* line 594, ../sass/SocialDetail.scss */\n.LidtEditor #editorElem .w-e-toolbar {\n background: #fff !important;\n}\n/* line 597, ../sass/SocialDetail.scss */\n.LidtEditor #editorElem .w-e-text-container .w-e-panel-container .w-e-emoticon-container .w-e-item {\n padding: 3px;\n}\n/* line 600, ../sass/SocialDetail.scss */\n.LidtEditor #editorElem .w-e-text {\n overflow-y: auto;\n}\n/* line 603, ../sass/SocialDetail.scss */\n.LidtEditor #editorElem .w-e-icon-link {\n line-height: 1.5;\n}\n/* line 607, ../sass/SocialDetail.scss */\n.LidtEditor .PostHtml {\n display: inline-block;\n width: 72px;\n height: 30px;\n color: #fff;\n text-align: center;\n font-size: 12px;\n line-height: 30px;\n background-color: #00aaff;\n border-radius: 2px;\n margin-top: 20px;\n}\n/* line 619, ../sass/SocialDetail.scss */\n.LidtEditor .errts {\n margin-right: 20px;\n color: #ff3333;\n padding-left: 20px;\n background: url(../../images/icon16.png) no-repeat center left;\n}\n\n/* line 626, ../sass/SocialDetail.scss */\n.J-Moudle-Page {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n text-align: left;\n font-size: 0;\n margin-top: 3px;\n}\n\n/* line 637, ../sass/SocialDetail.scss */\n.J-Moudle-Page li {\n padding: 0 !important;\n border: none !important;\n list-style: none;\n display: inline-block;\n margin: 0;\n}\n\n/* line 644, ../sass/SocialDetail.scss */\n.J-Moudle-Page li:first-child > a {\n margin-left: 0px;\n}\n\n/* line 647, ../sass/SocialDetail.scss */\n.J-Moudle-Page .point a {\n border: none;\n cursor: default;\n}\n\n/* line 651, ../sass/SocialDetail.scss */\n.J-Moudle-Page .point a:hover {\n background: none;\n}\n\n/* line 654, ../sass/SocialDetail.scss */\n.J-Moudle-Page a {\n display: inline-block;\n width: 28px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n color: #a7a7a7;\n border: 1px solid #ccc;\n margin-right: 4px;\n cursor: pointer;\n text-align: center;\n}\n\n/* line 666, ../sass/SocialDetail.scss */\n.J-Moudle-Page a:hover {\n border-color: #00aaff;\n color: #00aaff;\n}\n\n/* line 670, ../sass/SocialDetail.scss */\n.J-Moudle-Page .active a {\n color: #fff;\n cursor: default;\n border-color: #00aaff;\n background: #00aaff;\n}\n\n/* line 676, ../sass/SocialDetail.scss */\n.J-Moudle-Page i {\n font-style: normal;\n color: #d44950;\n margin: 0px 4px;\n font-size: 12px;\n}\n\n/* line 682, ../sass/SocialDetail.scss */\n.J-Moudle-Page .page-button-disabled {\n background: #f7f9fa;\n cursor: not-allowed;\n color: #ddd !important;\n border-color: #e6e6e6;\n}\n\n/* line 688, ../sass/SocialDetail.scss */\n.J-Moudle-Page .page-button-disabled:hover {\n background: #f7f9fa;\n border-color: #e6e6e6;\n}\n" }, { "path": "src/sass/stylesheets/SocialIndexAdmin.css", "content": "/* line 1, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin {\n padding: 15px 19px;\n margin-bottom: 20px;\n width: 240px;\n}\n/* line 5, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .SocialIndexAdmin-Cont {\n width: 100%;\n min-height: 107px;\n}\n/* line 8, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .SocialIndexAdmin-Cont ul {\n width: 100%;\n height: auto;\n}\n/* line 11, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .SocialIndexAdmin-Cont ul li {\n float: left;\n width: 46px;\n height: 61px;\n margin-top: 30px;\n margin-right: 18px;\n}\n/* line 18, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .SocialIndexAdmin-Cont ul li:nth-child(4n) {\n margin-right: 0;\n}\n/* line 21, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .SocialIndexAdmin-Cont ul a {\n display: inline-block;\n width: 100%;\n height: 100%;\n text-align: center;\n}\n/* line 26, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .SocialIndexAdmin-Cont ul a .adminPic {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n}\n/* line 31, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .SocialIndexAdmin-Cont ul a .adminName {\n display: inline-block;\n width: 100%;\n height: 20px;\n line-height: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 12px;\n color: #8c8c8c;\n}\n/* line 45, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .divmask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1000003;\n}\n/* line 53, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop {\n position: fixed;\n left: 50%;\n top: 100px;\n margin-left: -209px;\n z-index: 1000004;\n width: 418px;\n min-height: 455px;\n padding-bottom: 45px;\n border: 1px solid #1a1a1a;\n background-color: white;\n box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);\n}\n/* line 65, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Hd {\n background-color: #191b2e;\n padding: 0 15px;\n height: 37px;\n line-height: 37px;\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: #b3b5c7;\n}\n/* line 73, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Hd img {\n display: inline-block;\n margin-top: 10px;\n}\n/* line 78, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Cont {\n margin: 30px 0;\n padding: 0 30px;\n font-size: 15px;\n line-height: 2;\n font-family: \"Microsoft YaHei\";\n color: #595959;\n text-align: center;\n}\n/* line 86, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Cont span {\n color: #ff6b01;\n}\n/* line 89, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Cont h3 {\n font-size: 18px;\n font-family: \"Microsoft YaHei\";\n color: #4d4d4d;\n}\n/* line 94, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Cont .r-setp {\n position: relative;\n}\n/* line 96, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Cont .r-setp div {\n margin: 15px 0;\n width: 100%;\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: gray;\n text-align: left;\n}\n/* line 103, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Cont .r-setp div h5 {\n text-indent: 30px;\n}\n/* line 108, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Cont .mt60 {\n padding-top: 60px;\n}\n/* line 111, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Cont p {\n font-family: \"Microsoft YaHei\";\n}\n/* line 114, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Cont .r-setpList {\n min-height: 36px;\n line-height: 36px;\n}\n/* line 117, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Cont .r-setpList p {\n float: left;\n font-size: 14px;\n}\n/* line 121, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Cont .r-setpList p:first-child {\n width: 88px;\n margin-right: 11px;\n text-align: right;\n color: #4d4d4d;\n}\n/* line 127, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Cont .r-setpList p:last-child {\n color: #808080;\n width: 250px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n/* line 133, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Cont .r-setpList p:last-child input, .SocialIndexAdmin .rulePop .rulePop-Cont .r-setpList p:last-child textarea {\n width: 226px;\n padding: 0 10px;\n height: 34px;\n border: 1px solid #e1e2e6;\n color: #4d4d4d;\n}\n/* line 140, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Cont .r-setpList p:last-child textarea {\n padding: 10px;\n height: 162px;\n resize: none;\n font-family: \"Microsoft YaHei\";\n}\n/* line 148, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Cont .r-setpList .yellowColor {\n color: #ff6b01 !important;\n}\n/* line 152, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Cont .overText {\n height: 275px;\n overflow: hidden;\n overflow-y: auto;\n line-height: 1.571;\n}\n/* line 158, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Cont .ruleerrts {\n position: absolute;\n left: 98px;\n bottom: -20px;\n color: #ff3333;\n padding-left: 20px;\n background: url(../../images/icon16.png) no-repeat center left;\n}\n/* line 167, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Bt {\n text-align: center;\n height: 36px;\n}\n/* line 170, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Bt span {\n display: inline-block;\n width: 122px;\n height: 36px;\n text-align: center;\n line-height: 36px;\n margin: 0 15px;\n}\n/* line 178, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Bt .ruleCannle {\n position: relative;\n top: 1px;\n height: 34px;\n border: 1px solid gainsboro;\n background-color: rgba(245, 246, 247, 0);\n}\n/* line 184, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Bt .ruleCannle:hover {\n background-color: #f5f6f7;\n}\n/* line 188, ../sass/SocialIndexAdmin.scss */\n.SocialIndexAdmin .rulePop .rulePop-Bt .ruleSure {\n color: white;\n background: url(../../images/rulepopbtn.png) no-repeat center left;\n}\n" }, { "path": "src/sass/stylesheets/SocialIndexDetail.css", "content": "/* line 2, ../sass/SocialIndexDetail.scss */\n.SocialIndexHeader {\n width: 962px;\n height: 82px;\n background: #fff;\n padding: 19px;\n font-family: \"Microsoft YaHei\";\n}\n/* line 8, ../sass/SocialIndexDetail.scss */\n.SocialIndexHeader a {\n display: inline-block;\n text-align: center;\n text-decoration: none;\n}\n/* line 13, ../sass/SocialIndexDetail.scss */\n.SocialIndexHeader .SiH-Info-Pic {\n width: 80px;\n height: 80px;\n margin-right: 19px;\n}\n/* line 18, ../sass/SocialIndexDetail.scss */\n.SocialIndexHeader .SiH-Info-name {\n width: 590px;\n height: auto;\n}\n/* line 21, ../sass/SocialIndexDetail.scss */\n.SocialIndexHeader .SiH-Info-name .Hname {\n width: 100%;\n font-size: 18px;\n color: #404040;\n line-height: 3;\n height: 45px;\n}\n/* line 27, ../sass/SocialIndexDetail.scss */\n.SocialIndexHeader .SiH-Info-name .Hname h5 {\n height: 100%;\n}\n/* line 30, ../sass/SocialIndexDetail.scss */\n.SocialIndexHeader .SiH-Info-name .Hname a {\n margin: 14px 0 0 14px;\n}\n/* line 33, ../sass/SocialIndexDetail.scss */\n.SocialIndexHeader .SiH-Info-name .Hname .HnameBtnOn, .SocialIndexHeader .SiH-Info-name .Hname .HnameBtnUn {\n width: 62px;\n height: 26px;\n line-height: 26px;\n font-size: 12px;\n color: #585858;\n border: 1px solid #eaecef;\n background-color: rgba(40, 215, 250, 0);\n}\n/* line 43, ../sass/SocialIndexDetail.scss */\n.SocialIndexHeader .SiH-Info-name .Htitle {\n width: 100%;\n color: #a6a6a6;\n line-height: 2;\n font-size: 14px;\n}\n/* line 50, ../sass/SocialIndexDetail.scss */\n.SocialIndexHeader .SiH-Href {\n margin-right: 20px;\n margin-top: 22px;\n}\n/* line 54, ../sass/SocialIndexDetail.scss */\n.SocialIndexHeader .SiH-Launch {\n width: 124px;\n height: 38px;\n font-size: 14px;\n color: white;\n line-height: 38px;\n border-radius: 19px;\n background-image: -moz-linear-gradient(0deg, #04e9f5 0%, #0099e5 100%);\n background-image: -webkit-linear-gradient(0deg, #04e9f5 0%, #0099e5 100%);\n background-image: -ms-linear-gradient(0deg, #04e9f5 0%, #0099e5 100%);\n box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11);\n text-align: center;\n margin-right: 20px;\n cursor: pointer;\n}\n/* line 68, ../sass/SocialIndexDetail.scss */\n.SocialIndexHeader .SiH-Launch img {\n margin: -1px;\n margin-right: 5px;\n}\n/* line 73, ../sass/SocialIndexDetail.scss */\n.SocialIndexHeader .goShop {\n width: 58px;\n height: 35px;\n line-height: 34px;\n font-size: 14px;\n color: #585858;\n border: 1px solid #eaecef;\n border-radius: 19px;\n background-color: rgba(253, 35, 86, 0);\n}\n" }, { "path": "src/sass/stylesheets/SocialIndexHeader.css", "content": "/* line 1, ../sass/SocialIndexHeader.scss */\n.h5 {\n height: 100%;\n display: inline-block;\n color: #333;\n}\n\n/* line 6, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader {\n width: 962px;\n height: 82px;\n background: #fff;\n padding: 19px;\n font-family: \"Microsoft YaHei\";\n}\n/* line 13, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader .SiH-Info-Pic {\n width: 80px;\n height: 80px;\n margin-right: 19px;\n}\n/* line 18, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader .SiH-Info-name {\n width: 590px;\n height: auto;\n}\n/* line 21, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader .SiH-Info-name a {\n color: #333;\n}\n/* line 24, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader .SiH-Info-name .Hname {\n width: 100%;\n font-size: 18px;\n color: #404040;\n line-height: 3;\n height: 45px;\n}\n/* line 30, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader .SiH-Info-name .Hname a:first-child {\n color: #333;\n}\n/* line 33, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader .SiH-Info-name .Hname #h5 {\n height: 100%;\n display: inline-block;\n color: #333;\n}\n/* line 38, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader .SiH-Info-name .Hname a.HnameBtnUn {\n margin: 14px 0 0 14px;\n}\n/* line 41, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader .SiH-Info-name .Hname .HnameBtnOn {\n margin-top: 15px;\n margin-left: 10px;\n}\n/* line 45, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader .SiH-Info-name .Hname .HnameBtnOn, .SocialIndexHeader .SiH-Info-name .Hname .HnameBtnUn {\n width: 62px;\n height: 26px;\n line-height: 26px;\n font-size: 12px;\n color: #585858;\n border: 1px solid #eaecef;\n background-color: rgba(40, 215, 250, 0);\n}\n/* line 54, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader .SiH-Info-name .Hname .HnameBtnUn {\n color: #fff;\n background: #00aaff;\n border-color: #00aaff;\n}\n/* line 58, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader .SiH-Info-name .Hname .HnameBtnUn img {\n margin-right: 5px;\n}\n/* line 63, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader .SiH-Info-name .Hname .HnameBtnOn span:first-child {\n display: inline-block;\n}\n/* line 66, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader .SiH-Info-name .Hname .HnameBtnOn span:last-child {\n display: none;\n}\n/* line 70, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader .SiH-Info-name .Hname .HnameBtnOn:hover span:first-child {\n display: none;\n}\n/* line 73, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader .SiH-Info-name .Hname .HnameBtnOn:hover span:last-child {\n display: inline-block;\n}\n/* line 79, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader .SiH-Info-name .Htitle {\n width: 100%;\n color: #a6a6a6;\n line-height: 2;\n font-size: 14px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n/* line 89, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader .SiH-Href {\n margin-right: 20px;\n margin-top: 22px;\n}\n/* line 93, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader .SiH-Launch {\n width: 124px;\n height: 38px;\n font-size: 14px;\n color: white;\n line-height: 38px;\n border-radius: 19px;\n background-image: url(../../images/postbtn1.png);\n box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11);\n text-align: center;\n margin-right: 20px;\n cursor: pointer;\n}\n/* line 108, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader .SiH-Launch img {\n margin: -1px;\n margin-right: 5px;\n}\n/* line 112, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader .SiH-Launch:hover {\n transform: translateY(-3px);\n -webkit-transform: translateY(-3px);\n -moz-transform: translateY(-3px);\n -ms-transform: translateY(-3px);\n box-shadow: 0 10px 20px rgba(4, 233, 245, 0.1);\n}\n/* line 120, ../sass/SocialIndexHeader.scss */\n.SocialIndexHeader .goShop {\n width: 66px;\n height: 35px;\n line-height: 34px;\n font-size: 14px;\n color: #585858;\n border: 1px solid #eaecef;\n border-radius: 19px;\n background-color: rgba(253, 35, 86, 0);\n}\n" }, { "path": "src/sass/stylesheets/SocialIndexHot.css", "content": "/* line 1, ../sass/SocialIndexHot.scss */\n.SocialIndexHot {\n padding: 15px 19px;\n margin-bottom: 20px;\n width: 240px;\n}\n/* line 5, ../sass/SocialIndexHot.scss */\n.SocialIndexHot .HotList {\n width: 100%;\n height: auto;\n padding-top: 20px;\n}\n/* line 9, ../sass/SocialIndexHot.scss */\n.SocialIndexHot .HotList ul {\n width: 100%;\n height: auto;\n}\n/* line 12, ../sass/SocialIndexHot.scss */\n.SocialIndexHot .HotList ul li {\n width: 100%;\n height: 20px;\n line-height: 20px;\n margin-bottom: 20px;\n}\n/* line 17, ../sass/SocialIndexHot.scss */\n.SocialIndexHot .HotList ul li:last-child {\n margin-bottom: 0;\n}\n/* line 20, ../sass/SocialIndexHot.scss */\n.SocialIndexHot .HotList ul li:first-child i {\n background-color: #ff5c26;\n}\n/* line 23, ../sass/SocialIndexHot.scss */\n.SocialIndexHot .HotList ul li:nth-child(2) i {\n background-color: #fd9100;\n}\n/* line 26, ../sass/SocialIndexHot.scss */\n.SocialIndexHot .HotList ul li:nth-child(3) i {\n background-color: #f8c127;\n}\n/* line 30, ../sass/SocialIndexHot.scss */\n.SocialIndexHot .HotList ul a {\n width: 100%;\n font-size: 14px;\n}\n/* line 34, ../sass/SocialIndexHot.scss */\n.SocialIndexHot .HotList ul i {\n display: inline-block;\n width: 16px;\n height: 16px;\n line-height: 16px;\n border-radius: 50%;\n font-size: 12px;\n color: #fff;\n text-align: center;\n background: #cdcdcd;\n margin: 2px 5px 0 0;\n font-style: normal;\n}\n/* line 47, ../sass/SocialIndexHot.scss */\n.SocialIndexHot .HotList ul span {\n color: #585858;\n display: inline-block;\n width: 160px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: left;\n}\n/* line 55, ../sass/SocialIndexHot.scss */\n.SocialIndexHot .HotList ul span:hover {\n color: #00aaff;\n}\n/* line 59, ../sass/SocialIndexHot.scss */\n.SocialIndexHot .HotList ul b {\n color: #a7a7a7;\n font-style: normal;\n font-weight: normal;\n}\n" }, { "path": "src/sass/stylesheets/SocialIndexList.css", "content": "@-webkit-keyframes mymove {\n from {\n top: 0px;\n }\n to {\n top: 230px;\n }\n}\n@keyframes mymove {\n from {\n top: 0px;\n }\n to {\n top: 230px;\n }\n}\n@-moz-keyframes mymove {\n from {\n top: 0px;\n }\n to {\n top: 230px;\n }\n}\n/* line 16, ../sass/SocialIndexList.scss */\n#SocialIndex .fixed {\n position: fixed;\n animation: mymove 2s normal;\n -webkit-animation: mymove 2s normal;\n -moz-animation: mymove 2s normal;\n -ms-animation: mymove 2s normal;\n}\n\n/* line 23, ../sass/SocialIndexList.scss */\n.SocialIndexList {\n width: 700px;\n padding: 17px 0 33px;\n}\n/* line 26, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListType {\n width: 662px;\n top: 0;\n z-index: 1000000003;\n height: 15px;\n padding: 17px 19px;\n border-bottom: 1px solid #e6e7eb;\n background: #fff;\n transition: all .3s linear;\n -ms-transition: all .3s linear;\n -moz-transition: all .3s linear;\n -webkit-transition: all .3s linear;\n}\n/* line 38, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListType .TypeTag {\n height: 15px;\n line-height: 15px;\n width: 540px;\n}\n/* line 42, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListType .TypeTag ul {\n height: 20px;\n margin-top: -5px;\n}\n/* line 46, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListType .TypeTag li {\n float: left;\n width: 55px;\n margin-right: 20px;\n height: 20px;\n line-height: 20px;\n}\n/* line 52, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListType .TypeTag li:first-child {\n border-right: 2px solid #eef0f1;\n}\n/* line 55, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListType .TypeTag li a {\n font-size: 16px;\n color: #999999;\n display: inline-block;\n padding: 0 3px;\n height: 100%;\n text-align: left;\n}\n/* line 62, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListType .TypeTag li a:hover {\n color: #404040;\n}\n/* line 67, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListType .TypeTag .current {\n color: #404040;\n border-bottom: 3px solid #0af;\n padding-bottom: 16px;\n}\n/* line 73, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListType .scrrenTag {\n position: relative;\n top: -10px;\n width: 96px;\n height: 32px;\n font-size: 14px;\n color: #585858;\n border: 1px solid #e5e5e5;\n background-color: rgba(128, 128, 128, 0);\n z-index: 1000004;\n}\n/* line 83, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListType .scrrenTag h6 {\n position: relative;\n width: 100%;\n height: 100%;\n text-align: center;\n line-height: 32px;\n cursor: pointer;\n}\n/* line 91, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListType .scrrenTag .InputSelect {\n position: absolute;\n top: 32px;\n left: -1px;\n width: 96px;\n min-height: 32px;\n border: 1px solid #e5e5e5;\n background-color: #fff;\n z-index: 1000004;\n}\n/* line 100, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListType .scrrenTag .InputSelect li {\n position: relative;\n height: 32px;\n text-align: left;\n line-height: 32px;\n cursor: pointer;\n padding-left: 14px;\n width: 82px;\n z-index: 100004;\n}\n/* line 109, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListType .scrrenTag .InputSelect li:hover {\n background: #f5f6f7;\n}\n/* line 116, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont {\n width: 100%;\n height: auto;\n}\n/* line 119, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li {\n position: relative;\n min-height: 55px;\n padding: 30px 19px;\n border-bottom: 1px solid #e6e7eb;\n}\n/* line 124, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 0%;\n height: 100%;\n z-index: 0;\n opacity: 0;\n background-color: rgba(164, 168, 195, 0.5);\n -webkit-transition: all 0.8s;\n -moz-transition: all 0.8s;\n -o-transition: all 0.8s;\n transition: all 0.8s;\n}\n/* line 143, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems {\n position: relative;\n height: auto;\n width: 100%;\n z-index: 1;\n}\n/* line 149, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems-Title {\n width: 100%;\n height: 30px;\n}\n/* line 152, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems-Title a, .SocialIndexList .IndexListCont li .Jitems-Title i {\n display: inline-block;\n}\n/* line 155, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems-Title a {\n max-width: 520px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 16px;\n color: #585858;\n text-align: left;\n margin-right: 5px;\n}\n/* line 164, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems-Title a:hover {\n color: #00aaff;\n}\n/* line 170, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems-Detail {\n width: 100%;\n min-height: 27px;\n margin-bottom: 10px;\n}\n/* line 174, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems-Detail .Jitems-Detail-text {\n font-size: 14px;\n color: #a7a7a7;\n max-height: 30px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: 24px;\n}\n/* line 183, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems-Detail .Jitems-Detail-text p {\n font-size: 14px !important;\n color: #a7a7a7 !important;\n}\n/* line 188, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems-Detail .Jitems-Detail-img {\n position: relative;\n width: 100%;\n}\n/* line 191, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems-Detail .Jitems-Detail-img .JDICont {\n position: relative;\n z-index: 4;\n max-height: 110px;\n width: 100%;\n overflow: hidden;\n}\n/* line 199, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems-Detail .imgList {\n position: relative;\n display: inline-block;\n max-width: 156px;\n text-align: left;\n height: 110px;\n overflow: hidden;\n margin-right: 10px;\n}\n/* line 207, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems-Detail .imgList .imgfd {\n position: absolute;\n top: 0;\n left: 0;\n display: none;\n width: 100%;\n height: 100%;\n background: transparent url(../../images/icon-max.png) no-repeat center;\n}\n/* line 216, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems-Detail .imgList:hover .imgfd {\n display: inline-block;\n}\n/* line 219, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems-Detail .imgList img {\n display: inline-block;\n cursor: -webkit-zoom-in;\n cursor: zoom-in;\n max-height: 100%;\n}\n/* line 228, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems-Info {\n width: 100%;\n height: 20px;\n}\n/* line 231, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems-Info .JuserInfo {\n min-width: 160px;\n max-width: 400px;\n}\n/* line 234, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems-Info .JuserInfo a {\n display: inline-block;\n position: relative;\n line-height: 20px;\n font-size: 12px;\n color: #666666;\n}\n/* line 241, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems-Info .JuserInfo img {\n position: relative;\n top: 4px;\n display: inline;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n}\n/* line 249, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems-Info .JuserInfo .JuserInfo-time {\n font-size: 12px;\n color: #a7a7a7;\n border-left: 1px solid #eeeeee;\n margin-left: 5px;\n padding-left: 10px;\n}\n/* line 257, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems-Info .JdataInfo {\n display: inline-block;\n height: 20px;\n line-height: 20px;\n font-size: 12px;\n color: #a7a7a7;\n margin-top: 4px;\n}\n/* line 264, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems-Info .JdataInfo span {\n margin-right: 20px;\n}\n/* line 266, ../sass/SocialIndexList.scss */\n.SocialIndexList .IndexListCont li .Jitems-Info .JdataInfo span img {\n margin-right: 5px;\n}\n/* line 274, ../sass/SocialIndexList.scss */\n.SocialIndexList .Jlist-thumb {\n position: relative;\n margin-top: -110px;\n width: 632px;\n min-height: 100px;\n padding: 10px;\n background: #f7f7f7;\n border: 1px solid #e4e6eb;\n z-index: 5;\n cursor: normal;\n}\n/* line 285, ../sass/SocialIndexList.scss */\n.SocialIndexList .Jlist-thumb .thumbHd {\n height: 25px;\n width: 100%;\n border-bottom: 1px solid #e4e6eb;\n text-align: left;\n}\n/* line 290, ../sass/SocialIndexList.scss */\n.SocialIndexList .Jlist-thumb .thumbHd a {\n float: left;\n font-size: 12px;\n color: #2d64b3;\n text-align: left;\n box-sizing: content-box;\n}\n/* line 296, ../sass/SocialIndexList.scss */\n.SocialIndexList .Jlist-thumb .thumbHd a i {\n display: inline-block;\n position: relative;\n top: -1px;\n width: 20px;\n height: 20px;\n vertical-align: middle;\n background: url(../../images/thread_list_z_eca48fe.png);\n background-position: 0px -30px;\n}\n/* line 308, ../sass/SocialIndexList.scss */\n.SocialIndexList .Jlist-thumb .thumbWarp {\n position: relative;\n width: 632px;\n height: 90%;\n padding: 1% 0;\n margin-top: 10px;\n text-align: center;\n display: table-cell;\n vertical-align: middle;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n/* line 321, ../sass/SocialIndexList.scss */\n.SocialIndexList .Jlist-thumb .thumbWarp img {\n display: inline-block;\n max-width: 100%;\n cursor: -webkit-zoom-out;\n cursor: zoom-out;\n}\n/* line 328, ../sass/SocialIndexList.scss */\n.SocialIndexList .Jlist-thumb .thumbWarp .thumbsx {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 5;\n}\n/* line 335, ../sass/SocialIndexList.scss */\n.SocialIndexList .Jlist-thumb .thumbWarp .thumbsx:hover {\n cursor: normal;\n background: rgba(0, 0, 0, 0.05) url(../../images/icon-mini.png) no-repeat center;\n}\n/* line 340, ../sass/SocialIndexList.scss */\n.SocialIndexList .Jlist-thumb .thumbWarp .thumbWarpList {\n position: relative;\n margin-top: 10px;\n overflow: hidden;\n width: 632px;\n}\n/* line 346, ../sass/SocialIndexList.scss */\n.SocialIndexList .Jlist-thumb .thumbWarp .thumbNext,\n.SocialIndexList .Jlist-thumb .thumbWarp .thumbPrev {\n position: absolute;\n top: 0;\n width: 20%;\n height: 100%;\n cursor: pointer;\n z-index: 6;\n}\n/* line 355, ../sass/SocialIndexList.scss */\n.SocialIndexList .Jlist-thumb .thumbWarp .thumbPrev {\n left: 0;\n}\n/* line 357, ../sass/SocialIndexList.scss */\n.SocialIndexList .Jlist-thumb .thumbWarp .thumbPrev:hover {\n background: rgba(0, 0, 0, 0.01) url(../../images/icon-left.png) no-repeat center;\n}\n/* line 361, ../sass/SocialIndexList.scss */\n.SocialIndexList .Jlist-thumb .thumbWarp .thumbNext {\n right: 0;\n}\n/* line 363, ../sass/SocialIndexList.scss */\n.SocialIndexList .Jlist-thumb .thumbWarp .thumbNext:hover {\n background: rgba(0, 0, 0, 0.01) url(../../images/icon-right.png) no-repeat center;\n}\n\n/* line 370, ../sass/SocialIndexList.scss */\n.selectMask {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 100003;\n}\n" }, { "path": "src/sass/stylesheets/SocialPeoInfo.css", "content": "/* line 1, ../sass/SocialPeoInfo.scss */\n.PeoInfo {\n top: 0;\n width: 278px;\n min-height: 252px;\n background: #fff url(http://www.iplaystone.com/circle/img/peobg.png) no-repeat center top;\n margin-bottom: 20px;\n}\n\n/* line 8, ../sass/SocialPeoInfo.scss */\n.PeoInfo-Hd {\n width: 73px;\n height: 73px;\n border: 2px solid #fff;\n border-radius: 50%;\n overflow: hidden;\n margin: 35px auto 15px;\n}\n\n/* line 16, ../sass/SocialPeoInfo.scss */\n.PeoInfo-Hd img {\n width: 73px;\n height: 73px;\n border-radius: 50%;\n}\n\n/* line 21, ../sass/SocialPeoInfo.scss */\n.PeoInfo-Name {\n display: inline-block;\n width: 100%;\n height: 20px;\n line-height: 20px;\n font-size: 16px;\n font-family: \"Microsoft YaHei\";\n color: #404040;\n font-weight: bold;\n text-align: center;\n margin: 0 auto;\n}\n\n/* line 33, ../sass/SocialPeoInfo.scss */\n.PeoInfo-Name:hover {\n color: #0099e5;\n}\n\n/* line 36, ../sass/SocialPeoInfo.scss */\n.PeoInfo-GoLogin {\n font-size: 24px;\n color: #333;\n width: 100%;\n text-align: center;\n margin: 30px auto;\n}\n\n/* line 43, ../sass/SocialPeoInfo.scss */\n.PeoInfo h6 {\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: gray;\n height: 20px;\n overflow: hidden;\n width: 80%;\n margin: 0 auto;\n text-align: center;\n margin-top: 10px;\n line-height: 1.3;\n margin-bottom: 20px;\n}\n\n/* line 56, ../sass/SocialPeoInfo.scss */\n.PeoInfo .span {\n height: 35px;\n width: 100%;\n text-align: center;\n}\n\n/* line 61, ../sass/SocialPeoInfo.scss */\n.PeoInfo .span a {\n display: inline-block;\n height: 35px;\n width: 83px;\n text-align: center;\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: #4d4d4d;\n}\n\n/* line 70, ../sass/SocialPeoInfo.scss */\n.PeoInfo .span a:hover {\n color: #0099e5;\n}\n\n/* line 73, ../sass/SocialPeoInfo.scss */\n.PeoInfo .collection {\n border-right: 1px solid #eef0f1;\n border-left: 1px solid #eef0f1;\n}\n\n/* line 77, ../sass/SocialPeoInfo.scss */\n.PeoInfo a span:first-child {\n display: inline-block;\n margin-bottom: 5px;\n}\n\n/* line 81, ../sass/SocialPeoInfo.scss */\n.PeoInfo .home span:first-child {\n width: 100%;\n height: 16px;\n background: url(../../images/home.png) no-repeat center;\n}\n\n/* line 86, ../sass/SocialPeoInfo.scss */\n.PeoInfo .collection span:first-child {\n width: 100%;\n height: 17px;\n background: url(../../images/sc.png) no-repeat center;\n}\n\n/* line 91, ../sass/SocialPeoInfo.scss */\n.PeoInfo .qz span:first-child {\n width: 100%;\n height: 16px;\n background: url(../../images/sq.png) no-repeat center;\n}\n\n/* line 96, ../sass/SocialPeoInfo.scss */\n.PeoInfo .home:hover span:first-child {\n width: 100%;\n height: 16px;\n background: url(../../images/home_hover.png) no-repeat center;\n}\n\n/* line 101, ../sass/SocialPeoInfo.scss */\n.PeoInfo .collection:hover span:first-child {\n width: 100%;\n height: 17px;\n background: url(../../images/sc_hover.png) no-repeat center;\n}\n\n/* line 106, ../sass/SocialPeoInfo.scss */\n.PeoInfo .qz:hover span:first-child {\n width: 100%;\n height: 16px;\n background: url(../../images/sq_hover.png) no-repeat center;\n}\n\n/* line 111, ../sass/SocialPeoInfo.scss */\n.hfixed .myCircle {\n display: none;\n}\n\n/* line 114, ../sass/SocialPeoInfo.scss */\n.myCircleHeight {\n height: 140px;\n}\n\n/* line 117, ../sass/SocialPeoInfo.scss */\n.myCircle {\n width: 240px;\n border-top: 1px solid #eef0f1;\n margin: 0 auto;\n margin-top: 30px;\n padding-top: 20px;\n}\n/* line 123, ../sass/SocialPeoInfo.scss */\n.myCircle .myCircleList {\n overflow: hidden;\n}\n/* line 126, ../sass/SocialPeoInfo.scss */\n.myCircle .showMoreMyCircle {\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: gray;\n text-align: center;\n width: 182px;\n height: 34px;\n line-height: 34px;\n border: 1px solid #eaecef;\n background-color: rgba(0, 153, 229, 0);\n cursor: pointer;\n margin: 0 auto;\n margin-bottom: 25px;\n}\n/* line 139, ../sass/SocialPeoInfo.scss */\n.myCircle .showMoreMyCircle i {\n position: relative;\n left: 6px;\n top: -3px;\n display: inline-block;\n width: 9px;\n height: 5px;\n background: url(../../images/icon19.png) no-repeat;\n}\n/* line 148, ../sass/SocialPeoInfo.scss */\n.myCircle .showMoreMyCircle:hover {\n border-color: #dcdee0;\n}\n\n/* line 153, ../sass/SocialPeoInfo.scss */\n.myCircle h4 {\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: #404040;\n margin-bottom: 20px;\n}\n\n/* line 159, ../sass/SocialPeoInfo.scss */\n.myCircle .myCircleListItem {\n width: 105px;\n height: 30px;\n margin-bottom: 15px;\n}\n/* line 163, ../sass/SocialPeoInfo.scss */\n.myCircle .myCircleListItem:nth-child(2n+1) {\n margin-right: 15px;\n}\n/* line 166, ../sass/SocialPeoInfo.scss */\n.myCircle .myCircleListItem img {\n float: left;\n width: 30px;\n height: 30px;\n margin-right: 10px;\n}\n/* line 172, ../sass/SocialPeoInfo.scss */\n.myCircle .myCircleListItem span {\n float: left;\n display: inline-block;\n width: 65px;\n height: 30px;\n line-height: 30px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: gray;\n text-align: left;\n}\n" }, { "path": "src/sass/stylesheets/SocialPop.css", "content": "/* line 2, ../sass/SocialPop.scss */\n.pop .divmask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1000003;\n}\n/* line 10, ../sass/SocialPop.scss */\n.pop .rulePop {\n position: fixed;\n left: 50%;\n top: 50%;\n z-index: 1000004;\n min-width: 418px;\n min-height: 278px;\n border: 1px solid #1a1a1a;\n background-color: white;\n box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);\n}\n/* line 20, ../sass/SocialPop.scss */\n.pop .rulePop .rulePop-Hd {\n background-color: #191b2e;\n padding: 0 15px;\n height: 37px;\n line-height: 37px;\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: #b3b5c7;\n}\n/* line 28, ../sass/SocialPop.scss */\n.pop .rulePop .rulePop-Hd img {\n display: inline-block;\n margin-top: 10px;\n}\n/* line 33, ../sass/SocialPop.scss */\n.pop .rulePop .rulePop-Cont {\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: #595959;\n text-align: center;\n}\n/* line 39, ../sass/SocialPop.scss */\n.pop .rulePop .rulePop-Bt {\n text-align: center;\n height: 36px;\n}\n/* line 42, ../sass/SocialPop.scss */\n.pop .rulePop .rulePop-Bt span {\n display: inline-block;\n width: 122px;\n height: 36px;\n text-align: center;\n line-height: 36px;\n margin: 0 15px;\n}\n/* line 50, ../sass/SocialPop.scss */\n.pop .rulePop .rulePop-Bt .ruleCannle {\n position: relative;\n top: 1px;\n height: 34px;\n border: 1px solid gainsboro;\n background-color: rgba(245, 246, 247, 0);\n}\n/* line 57, ../sass/SocialPop.scss */\n.pop .rulePop .rulePop-Bt .ruleSure {\n color: white;\n background-image: -moz-linear-gradient(0deg, #0095ff 1%, #30f0f0 100%);\n background-image: -ms-linear-gradient(0deg, #0095ff 1%, #30f0f0 100%);\n background-image: linear-gradient(0deg, #0095ff 1%, #30f0f0 100%);\n background-image: -webkit-linear-gradient(0deg, #0095ff 1%, #30f0f0 100%);\n}\n/* line 66, ../sass/SocialPop.scss */\n.pop .Jrule {\n margin-left: -209px;\n margin-top: -139px;\n}\n/* line 70, ../sass/SocialPop.scss */\n.pop .Jrule .rulePop-Cont {\n position: relative;\n min-height: 30px;\n padding: 65px 0;\n line-height: 30px;\n}\n/* line 75, ../sass/SocialPop.scss */\n.pop .Jrule .rulePop-Cont .ruleSelect {\n height: 30px;\n width: 225px;\n margin: 0 auto;\n}\n/* line 79, ../sass/SocialPop.scss */\n.pop .Jrule .rulePop-Cont .ruleSelect p {\n width: 150px;\n}\n/* line 82, ../sass/SocialPop.scss */\n.pop .Jrule .rulePop-Cont .ruleSelect .ruleSelectBox {\n position: relative;\n width: 90px;\n padding-left: 12px;\n text-align: left;\n height: 28px;\n border: 1px solid gainsboro;\n background-color: white;\n}\n/* line 90, ../sass/SocialPop.scss */\n.pop .Jrule .rulePop-Cont .ruleSelect .ruleSelectBox .ruleSelectInput {\n width: 100%;\n height: 28px;\n}\n/* line 94, ../sass/SocialPop.scss */\n.pop .Jrule .rulePop-Cont .ruleSelect .ruleSelectBox i {\n top: -31px;\n right: -65px;\n}\n/* line 98, ../sass/SocialPop.scss */\n.pop .Jrule .rulePop-Cont .ruleSelect .ruleSelectBox .roate {\n top: -23px;\n}\n/* line 101, ../sass/SocialPop.scss */\n.pop .Jrule .rulePop-Cont .ruleSelect .ruleSelectBox .ruleSelectDrown {\n position: absolute;\n left: -1px;\n top: 28px;\n width: 102px;\n min-height: 30px;\n border: 1px solid #c6c6cc;\n background-color: white;\n box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);\n z-index: 2000004;\n}\n/* line 111, ../sass/SocialPop.scss */\n.pop .Jrule .rulePop-Cont .ruleSelect .ruleSelectBox .ruleSelectDrown li {\n padding-left: 12px;\n height: 30px;\n line-height: 30px;\n}\n/* line 115, ../sass/SocialPop.scss */\n.pop .Jrule .rulePop-Cont .ruleSelect .ruleSelectBox .ruleSelectDrown li:hover {\n background-color: #ebeced;\n}\n/* line 122, ../sass/SocialPop.scss */\n.pop .Jrule .rulePop-Cont .faqBox {\n width: 333px;\n margin: 20px auto;\n min-height: 210px;\n}\n/* line 126, ../sass/SocialPop.scss */\n.pop .Jrule .rulePop-Cont .faqBox .faqerr {\n text-align: left;\n padding-left: 100px;\n color: red;\n}\n/* line 131, ../sass/SocialPop.scss */\n.pop .Jrule .rulePop-Cont .faqBox h4 {\n font-size: 18px;\n font-family: \"Microsoft YaHei\";\n color: #4d4d4d;\n margin-bottom: 35px;\n}\n/* line 137, ../sass/SocialPop.scss */\n.pop .Jrule .rulePop-Cont .faqBox .faqContList {\n width: 333px;\n height: 35px;\n margin-bottom: 15px;\n}\n/* line 141, ../sass/SocialPop.scss */\n.pop .Jrule .rulePop-Cont .faqBox .faqContList .faqLeft {\n float: left;\n width: 100px;\n text-align: right;\n height: 35px;\n line-height: 35px;\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: #4d4d4d;\n}\n/* line 151, ../sass/SocialPop.scss */\n.pop .Jrule .rulePop-Cont .faqBox .faqContList .faqRight {\n float: right;\n}\n/* line 153, ../sass/SocialPop.scss */\n.pop .Jrule .rulePop-Cont .faqBox .faqContList .faqRight select, .pop .Jrule .rulePop-Cont .faqBox .faqContList .faqRight option, .pop .Jrule .rulePop-Cont .faqBox .faqContList .faqRight input {\n width: 232px;\n padding: 0 15px;\n height: 38px;\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: #4d4d4d;\n border: 1px solid #e1e2e6;\n background-color: white;\n cursor: pointer;\n}\n/* line 164, ../sass/SocialPop.scss */\n.pop .Jrule .rulePop-Cont .faqBox .faqContList .faqRight input {\n width: 200px;\n cursor: auto;\n}\n/* line 172, ../sass/SocialPop.scss */\n.pop .Jrule .padding0 {\n padding: 0;\n}\n/* line 175, ../sass/SocialPop.scss */\n.pop .pb40 {\n padding-bottom: 40px;\n}\n/* line 177, ../sass/SocialPop.scss */\n.pop .pb40 .rulePop-Cont {\n padding: 0;\n}\n" }, { "path": "src/sass/stylesheets/SocialPost.css", "content": "/* line 1, ../sass/SocialPost.scss */\n.SocialPost {\n height: 735px;\n width: 1000px;\n margin: 0 auto;\n}\n/* line 6, ../sass/SocialPost.scss */\n.SocialPost .SP-Hd {\n font-size: 16px;\n font-family: \"Microsoft YaHei\";\n color: #404040;\n font-weight: bold;\n line-height: 1.5;\n background: url(../../images/icon15.png) no-repeat center left;\n padding-left: 20px;\n margin-bottom: 25px;\n}\n/* line 16, ../sass/SocialPost.scss */\n.SocialPost .SP-Main {\n width: 100%;\n height: auto;\n}\n/* line 19, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Title {\n height: 40px;\n width: 1000px;\n margin-bottom: 15px;\n}\n/* line 23, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Title .SPMT-Input {\n position: relative;\n width: 600px;\n font-size: 12px;\n font-family: \"Microsoft YaHei\";\n color: gray;\n margin-right: 20px;\n}\n/* line 31, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Title input {\n width: 448px;\n padding-right: 130px;\n padding-left: 20px;\n height: 38px;\n outline: none;\n}\n/* line 38, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Title span {\n position: absolute;\n right: 15px;\n top: 13px;\n}\n/* line 43, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Title .SPMT-Classify {\n position: relative;\n width: 136px;\n padding: 0 10px;\n height: 40px;\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n color: #4d4d4d;\n background: #fff;\n}\n/* line 52, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Title .SPMT-Classify .SPMTC-Input {\n width: 100%;\n height: 100%;\n text-align: left;\n line-height: 40px;\n}\n/* line 58, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Title .SPMT-Classify i {\n position: absolute;\n top: 10px;\n right: 15px;\n display: inline-block;\n width: 0;\n height: 2px;\n border: solid;\n border-width: 5px;\n border-color: #585858 transparent transparent transparent;\n transition: all .3s linear;\n -webkit-transition: all .3s linear;\n -ms-transition: all .3s linear;\n -moz-transition: all .3s linear;\n transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n -ms-transform: rotate(180deg);\n -webkit-transform: rotate(180deg);\n margin-left: 3px;\n}\n/* line 78, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Title .SPMT-Classify .rotate {\n top: 18px;\n transform: rotate(0);\n -moz-transform: rotate(0);\n -ms-transform: rotate(0);\n -webkit-transform: rotate(0);\n}\n/* line 85, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Title .SPMT-Classify .SPMTC-Select {\n position: absolute;\n top: 40px;\n left: -1px;\n width: 156px;\n min-height: 32px;\n border: 1px solid #e5e5e5;\n background-color: #fff;\n z-index: 100004;\n}\n/* line 94, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Title .SPMT-Classify .SPMTC-Select li {\n position: relative;\n padding: 0 10px;\n height: 40px;\n text-align: left;\n line-height: 40px;\n cursor: pointer;\n z-index: 100004;\n}\n/* line 102, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Title .SPMT-Classify .SPMTC-Select li:hover {\n background: #f1f1f1;\n}\n/* line 109, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Tags {\n position: relative;\n min-height: 30px;\n width: 100%;\n margin: 15px 0;\n}\n/* line 114, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Tags .TagsDiv {\n position: relative;\n min-height: 30px;\n width: 100%;\n font-size: 14px;\n font-family: \"Microsoft YaHei\";\n line-height: 30px;\n}\n/* line 121, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Tags .TagsDiv .addTags {\n color: #0099e5;\n padding-left: 20px;\n background: url(../../images/btn.png) no-repeat center left;\n margin-right: 30px;\n}\n/* line 127, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Tags .TagsDiv .addTagsTs {\n position: absolute;\n left: 80px;\n display: inline-block;\n width: 323px;\n height: 28px;\n background: url(../../images/ts.png) no-repeat center left;\n}\n/* line 135, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Tags .TagsDiv .tagsBox {\n width: 755px;\n min-height: 30px;\n}\n/* line 138, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Tags .TagsDiv .tagsBox span {\n position: relative;\n float: left;\n display: inline-block;\n min-width: 37px;\n height: 16px;\n line-height: 16px;\n padding: 8px 10px;\n padding-right: 30px;\n border: 1px solid gainsboro;\n background-color: rgba(255, 255, 255, 0.8);\n color: gray;\n margin-right: 10px;\n margin-bottom: 10px;\n}\n/* line 152, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Tags .TagsDiv .tagsBox span i {\n position: absolute;\n display: inline-block;\n width: 11px;\n height: 11px;\n top: 10px;\n right: 10px;\n background: url(../../images/close.png) no-repeat center;\n}\n/* line 163, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Tags .TagsDiv .tagsTs {\n color: gray;\n}\n/* line 167, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Tags .TagsList {\n position: absolute;\n top: 45px;\n width: 603px;\n min-height: 30px;\n max-height: 600px;\n padding: 30px 20px;\n background: #fff;\n border: 1px solid #999;\n z-index: 100004;\n overflow: hidden;\n overflow-y: auto;\n}\n/* line 179, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Tags .TagsList .closeTags {\n position: absolute;\n top: 10px;\n right: 15px;\n display: inline-block;\n width: 11px;\n height: 11px;\n background: url(../../images/close.png) no-repeat center;\n}\n/* line 189, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Tags .TagsList .TagsListItem {\n width: 100%;\n height: 100%;\n}\n/* line 193, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Tags .TagsList li {\n float: left;\n width: 115px;\n padding-right: 20px;\n height: 35px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 12px;\n font-family: \"Microsoft YaHei\";\n border-right: 1px solid #e6e6e6;\n margin-right: 20px;\n}\n/* line 205, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Tags .TagsList li:nth-child(4n) {\n margin-right: 0;\n border: none;\n}\n/* line 210, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Tags .TagsList .active {\n color: #0099e5;\n font-weight: bold;\n}\n/* line 216, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Editor {\n height: 548px;\n margin-bottom: 15px;\n background: #fff;\n}\n/* line 221, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Editor #editorElem .w-e-text-container {\n height: 500px !important;\n}\n/* line 224, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Editor #editorElem .w-e-toolbar {\n background: #fafafa !important;\n height: 50px;\n line-height: 37px;\n padding: 0 !important;\n}\n/* line 230, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Editor #editorElem .w-e-toolbar .w-e-menu {\n margin-top: 4px;\n padding: 8px 10px;\n}\n/* line 234, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Editor #editorElem .w-e-toolbar .w-e-menu:nth-child(3) {\n margin-top: 5px;\n}\n/* line 237, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Editor #editorElem .w-e-toolbar .w-e-menu:nth-child(4) {\n border-left: 1px solid #eee;\n margin-left: 10px;\n padding-left: 19px;\n}\n/* line 242, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Editor #editorElem .w-e-toolbar .w-e-icon-image {\n margin-top: 2px;\n}\n/* line 245, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Editor #editorElem .w-e-text-container .w-e-panel-container .w-e-emoticon-container .w-e-item {\n padding: 3px;\n}\n/* line 248, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Editor #editorElem .w-e-text {\n overflow-y: auto;\n}\n/* line 251, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Editor #editorElem .w-e-icon-happy {\n margin-top: 0;\n}\n/* line 254, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Editor #editorElem .w-e-icon-link {\n position: relative;\n top: 0px;\n}\n/* line 260, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Operation {\n height: 48px;\n line-height: 40px;\n}\n/* line 263, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Operation .PostHtml {\n width: 118px;\n height: 48px;\n font-size: 14px;\n color: #fff;\n text-align: center;\n line-height: 42px;\n background: url(../../images/icon17.png) no-repeat center;\n}\n/* line 271, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Operation .PostHtml:hover {\n transform: translateY(-3px);\n -webkit-transform: translateY(-3px);\n -moz-transform: translateY(-3px);\n -ms-transform: translateY(-3px);\n box-shadow: 0 10px 20px rgba(4, 233, 245, 0.1);\n}\n/* line 279, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Operation span {\n font-size: 12px;\n}\n/* line 282, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Operation .wordnum {\n color: gray;\n}\n/* line 285, ../sass/SocialPost.scss */\n.SocialPost .SP-Main .SPM-Operation .errts {\n margin-right: 20px;\n color: #ff3333;\n padding-left: 20px;\n background: url(../../images/icon16.png) no-repeat center left;\n}\n\n/* line 294, ../sass/SocialPost.scss */\n.divmask {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 100003;\n}\n" }, { "path": "src/sass/stylesheets/SocialPublic.css", "content": "/* line 2, ../sass/SocialPublic.scss */\nbody {\n background: #f5f6f8;\n font-family: \"Microsoft YaHei\";\n padding: 0;\n margin: 0;\n background: #F5F6F8 url(http://www.iplaystone.com/circle/img/bg.png) no-repeat center top;\n background-attachment: fixed;\n}\n\n/* line 10, ../sass/SocialPublic.scss */\nb {\n font-weight: bold;\n}\n\n/* line 13, ../sass/SocialPublic.scss */\ni {\n font-style: italic;\n}\n\n/* line 16, ../sass/SocialPublic.scss */\n#stone_header {\n height: 70px;\n}\n\n/* line 19, ../sass/SocialPublic.scss */\n.stone_header {\n position: static;\n}\n\n/* line 22, ../sass/SocialPublic.scss */\n#stone_footer {\n margin-top: 25px;\n}\n\n/* line 25, ../sass/SocialPublic.scss */\n.login_pop {\n z-index: 100000000;\n}\n\n/* line 28, ../sass/SocialPublic.scss */\n.stone_mask {\n z-index: 99999999;\n}\n\n/* line 29, ../sass/SocialPublic.scss */\n.app {\n width: 1002px;\n height: auto;\n margin: 0 auto;\n font-family: \"Microsoft YaHei\";\n padding-top: 30px;\n}\n\n/* line 36, ../sass/SocialPublic.scss */\n.textOverFlow {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* line 41, ../sass/SocialPublic.scss */\n.icon-top, .icon-good, .icon-gf {\n position: relative;\n display: inline-block;\n top: -8px;\n font-size: 12px;\n color: #fff;\n min-width: 10px;\n padding: 0 5px;\n height: 17px;\n line-height: 17px;\n text-align: center;\n}\n\n/* line 53, ../sass/SocialPublic.scss */\n.icon-good {\n background: #ff8b3d;\n}\n\n/* line 56, ../sass/SocialPublic.scss */\n.icon-top {\n background: #ff4c4c;\n}\n\n/* line 59, ../sass/SocialPublic.scss */\n.icon-gf {\n background: #00aaff;\n}\n\n/* line 62, ../sass/SocialPublic.scss */\n.icon-good, .icon-top, .icon-gf {\n font-style: normal;\n}\n\n/* line 65, ../sass/SocialPublic.scss */\n.cur {\n cursor: pointer;\n}\n\n/* line 68, ../sass/SocialPublic.scss */\n.default {\n cursor: default;\n}\n\n/* line 71, ../sass/SocialPublic.scss */\n.bgWhite {\n border: 1px solid #e6e7eb;\n background: #fff;\n}\n\n/* line 75, ../sass/SocialPublic.scss */\n.animation {\n transition: all .3s linear;\n -ms-transition: all .3s linear;\n -moz-transition: all .3s linear;\n -webkit-transition: all .3s linear;\n}\n\n/* line 81, ../sass/SocialPublic.scss */\n.clearfix:before, .clearfix:after {\n content: \"\";\n display: table;\n height: 0;\n visibility: hidden;\n clear: both;\n}\n\n/* line 88, ../sass/SocialPublic.scss */\na {\n display: inline-block;\n text-align: center;\n text-decoration: none;\n}\n\n/* line 93, ../sass/SocialPublic.scss */\n*:focus {\n outline: none;\n}\n\n/* line 94, ../sass/SocialPublic.scss */\n.fl {\n float: left;\n}\n\n/* line 95, ../sass/SocialPublic.scss */\n.fr {\n float: right;\n}\n\n/* line 96, ../sass/SocialPublic.scss */\n.clearfix {\n *zoom: 1;\n}\n\n/* line 97, ../sass/SocialPublic.scss */\n#app .none {\n display: none;\n}\n\n/* line 98, ../sass/SocialPublic.scss */\n.SocialIndex {\n width: 1002px;\n margin: 0 auto;\n}\n\n/* line 102, ../sass/SocialPublic.scss */\n.SocialIndex .SocialIndexMain {\n width: 100%;\n margin-top: 16px;\n}\n\n/* line 106, ../sass/SocialPublic.scss */\n.SocialIndexMain .MainList {\n width: 700px;\n}\n\n/* line 109, ../sass/SocialPublic.scss */\n.app .MainMoudle {\n width: 280px;\n}\n\n/* line 112, ../sass/SocialPublic.scss */\n.SocialIndex,\n.SocialIndex .SocialIndexMain,\n.SocialIndexMain .MainList,\n.SocialIndexMain .MainModule {\n height: auto;\n}\n\n/* line 118, ../sass/SocialPublic.scss */\n.MoudleHd {\n width: 100%;\n height: 32px;\n font-size: 16px;\n color: #404040;\n border-bottom: 1px solid #eef0f1;\n}\n\n/* line 125, ../sass/SocialPublic.scss */\n.MoudleHd a {\n display: inline-block;\n font-size: 14px;\n color: #818181;\n padding: 2px 20px 2px 0;\n background: url(../../images/icon1.png) no-repeat right 6px;\n}\n\n/* line 132, ../sass/SocialPublic.scss */\n.MoudleHd a:hover {\n color: #0099e5;\n}\n\n@-webkit-keyframes hmove {\n from {\n top: 0;\n }\n to {\n top: 0;\n }\n}\n@keyframes hmove {\n from {\n top: 0;\n }\n to {\n top: 0;\n }\n}\n@-moz-keyframes hmove {\n from {\n top: 0;\n }\n to {\n top: 0;\n }\n}\n/* line 150, ../sass/SocialPublic.scss */\n.hfixed {\n position: fixed;\n animation: hmove 2s normal;\n -webkit-animation: hmove 2s normal;\n -moz-animation: hmove 2s normal;\n -ms-animation: hmove 2s normal;\n}\n\n/* line 157, ../sass/SocialPublic.scss */\n.MainMoudle .HdInfo {\n top: 0;\n padding: 30px 19px;\n margin-bottom: 20px;\n border: 1px solid #eaeced;\n background: #fff;\n min-height: 50px;\n width: 240px;\n transition: all .1s linear;\n -ms-transition: all .1s linear;\n -moz-transition: all .1s linear;\n -webkit-transition: all .1s linear;\n}\n\n/* line 170, ../sass/SocialPublic.scss */\n.MainMoudle .HdInfo .SiH-Info-Pic {\n width: 60px;\n height: 60px;\n border-radius: 5px;\n}\n\n/* line 175, ../sass/SocialPublic.scss */\n.MainMoudle .HdInfo .SiH-Info-name {\n width: 170px;\n margin-left: 10px;\n}\n\n/* line 179, ../sass/SocialPublic.scss */\n.MainMoudle .HdInfo .Hname {\n width: 100%;\n height: 25px;\n line-height: 25px;\n font-size: 18px;\n color: #404040;\n margin: 5px 0 10px 0;\n}\n\n/* line 187, ../sass/SocialPublic.scss */\n.MainMoudle .Hname h5 {\n width: 90px;\n height: 25px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* line 194, ../sass/SocialPublic.scss */\n.MainMoudle .Hname .h5 {\n width: 56%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* line 200, ../sass/SocialPublic.scss */\n.MainMoudle .HdInfo .Htitle {\n width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 14px;\n color: #a6a6a6;\n}\n\n/* line 209, ../sass/SocialPublic.scss */\n.MainMoudle .HnameBtnOn,\n.MainMoudle .HnameBtnUn {\n width: 62px;\n height: 26px;\n line-height: 26px;\n font-size: 12px;\n color: #585858;\n border: 1px solid #eaecef;\n background-color: rgba(40, 215, 250, 0);\n margin-left: 10px;\n}\n\n/* line 220, ../sass/SocialPublic.scss */\n.MainMoudle .HnameBtnUn {\n color: #fff;\n background: #00aaff;\n border-color: #00aaff;\n}\n\n/* line 226, ../sass/SocialPublic.scss */\n.HnameBtnOn span:first-child {\n display: inline-block;\n}\n/* line 229, ../sass/SocialPublic.scss */\n.HnameBtnOn span:last-child {\n display: none;\n}\n/* line 233, ../sass/SocialPublic.scss */\n.HnameBtnOn:hover span:first-child {\n display: none;\n}\n/* line 236, ../sass/SocialPublic.scss */\n.HnameBtnOn:hover span:last-child {\n display: inline-block;\n}\n\n/* line 241, ../sass/SocialPublic.scss */\n.MainMoudle .HnameBtnUn img {\n margin-right: 5px;\n}\n\n/* line 244, ../sass/SocialPublic.scss */\n.MainMoudle .SiH-Href {\n margin-top: 50px;\n}\n\n/* line 247, ../sass/SocialPublic.scss */\n.MainMoudle .SiH-Launch {\n float: left;\n width: 154px;\n height: 38px;\n font-size: 14px;\n color: white;\n line-height: 38px;\n border-radius: 19px;\n background-image: url(../../images/postbtn2.png);\n box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11);\n text-align: center;\n margin-right: 15px;\n cursor: pointer;\n}\n\n/* line 264, ../sass/SocialPublic.scss */\n.MainMoudle .SiH-Launch:hover {\n transform: translateY(-3px);\n -webkit-transform: translateY(-3px);\n -moz-transform: translateY(-3px);\n -ms-transform: translateY(-3px);\n box-shadow: 0 10px 20px rgba(4, 233, 245, 0.1);\n}\n\n/* line 271, ../sass/SocialPublic.scss */\n.MainMoudle .SiH-Launch img {\n margin: -1px;\n margin-right: 5px;\n}\n\n/* line 275, ../sass/SocialPublic.scss */\n.MainMoudle .goShop {\n width: 66px;\n height: 35px;\n line-height: 34px;\n font-size: 14px;\n color: #585858;\n border: 1px solid #eaecef;\n border-radius: 19px;\n background-color: rgba(253, 35, 86, 0);\n}\n\n/* line 285, ../sass/SocialPublic.scss */\n.goTop {\n display: inline-block;\n position: fixed;\n bottom: 150px;\n width: 40px;\n height: 40px;\n background: url(http://www.iplaystone.com/circle/img/top.png) no-repeat center top;\n background-position: 0 0;\n margin-top: 90px;\n}\n/* line 295, ../sass/SocialPublic.scss */\n.goTop:hover {\n background-position: 0 -41px;\n}\n\n/* line 299, ../sass/SocialPublic.scss */\n.rotatez {\n position: relative;\n top: -3px;\n right: -5px;\n display: inline-block;\n width: 0;\n height: 2px;\n border: solid;\n border-width: 5px;\n border-color: #585858 transparent transparent transparent;\n transition: all .3s linear;\n -webkit-transition: all .3s linear;\n -ms-transition: all .3s linear;\n -moz-transition: all .3s linear;\n transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n -ms-transform: rotate(180deg);\n -webkit-transform: rotate(180deg);\n margin-left: 3px;\n}\n\n/* line 319, ../sass/SocialPublic.scss */\n.roate {\n transform: rotate(0);\n -moz-transform: rotate(0);\n -ms-transform: rotate(0);\n -webkit-transform: rotate(0);\n top: 5px;\n}\n\n/* line 326, ../sass/SocialPublic.scss */\n.face {\n width: 22px;\n height: 26px;\n margin: 0 2px;\n}\n\n/* line 331, ../sass/SocialPublic.scss */\n.divmask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1000003;\n}\n" }, { "path": "src/sass/stylesheets/ie.css", "content": "/* Welcome to Compass. Use this file to write IE specific override styles.\n * Import this file using the following HTML or equivalent:\n * */\n" }, { "path": "src/sass/stylesheets/print.css", "content": "/* Welcome to Compass. Use this file to define print styles.\n * Import this file using the following HTML or equivalent:\n * */\n" }, { "path": "src/sass/stylesheets/screen.css", "content": "/* Welcome to Compass.\n * In this file you should write your main styles. (or centralize your imports)\n * Import this file using the following HTML or equivalent:\n * */\n/* line 5, ../../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\n\n/* line 22, ../../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\nhtml {\n line-height: 1;\n}\n\n/* line 24, ../../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\nol, ul {\n list-style: none;\n}\n\n/* line 26, ../../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n/* line 28, ../../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\ncaption, th, td {\n text-align: left;\n font-weight: normal;\n vertical-align: middle;\n}\n\n/* line 30, ../../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\nq, blockquote {\n quotes: none;\n}\n/* line 103, ../../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\nq:before, q:after, blockquote:before, blockquote:after {\n content: \"\";\n content: none;\n}\n\n/* line 32, ../../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\na img {\n border: none;\n}\n\n/* line 116, ../../../../../../../../../Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */\narticle, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {\n display: block;\n}\n\n/* line 7, ../sass/screen.scss */\n.a {\n color: red;\n}\n" }, { "path": "static/.gitkeep", "content": "" }, { "path": "test/e2e/custom-assertions/elementCount.js", "content": "// A custom Nightwatch assertion.\n// the name of the method is the filename.\n// can be used in tests like this:\n//\n// browser.assert.elementCount(selector, count)\n//\n// for how to write custom assertions see\n// http://nightwatchjs.org/guide#writing-custom-assertions\nexports.assertion = function (selector, count) {\n this.message = 'Testing if element <' + selector + '> has count: ' + count\n this.expected = count\n this.pass = function (val) {\n return val === this.expected\n }\n this.value = function (res) {\n return res.value\n }\n this.command = function (cb) {\n var self = this\n return this.api.execute(function (selector) {\n return document.querySelectorAll(selector).length\n }, [selector], function (res) {\n cb.call(self, res)\n })\n }\n}\n" }, { "path": "test/e2e/nightwatch.conf.js", "content": "require('babel-register')\nvar config = require('../../config')\n\n// http://nightwatchjs.org/gettingstarted#settings-file\nmodule.exports = {\n src_folders: ['test/e2e/specs'],\n output_folder: 'test/e2e/reports',\n custom_assertions_path: ['test/e2e/custom-assertions'],\n\n selenium: {\n start_process: true,\n server_path: require('selenium-server').path,\n host: '127.0.0.1',\n port: 4444,\n cli_args: {\n 'webdriver.chrome.driver': require('chromedriver').path\n }\n },\n\n test_settings: {\n default: {\n selenium_port: 4444,\n selenium_host: 'localhost',\n silent: true,\n globals: {\n devServerURL: 'http://localhost:' + (process.env.PORT || config.dev.port)\n }\n },\n\n chrome: {\n desiredCapabilities: {\n browserName: 'chrome',\n javascriptEnabled: true,\n acceptSslCerts: true\n }\n },\n\n firefox: {\n desiredCapabilities: {\n browserName: 'firefox',\n javascriptEnabled: true,\n acceptSslCerts: true\n }\n }\n }\n}\n" }, { "path": "test/e2e/runner.js", "content": "// 1. start the dev server using production config\nprocess.env.NODE_ENV = 'testing'\nvar server = require('../../build/dev-server.js')\n\nserver.ready.then(() => {\n // 2. run the nightwatch test suite against it\n // to run in additional browsers:\n // 1. add an entry in test/e2e/nightwatch.conf.json under \"test_settings\"\n // 2. add it to the --env flag below\n // or override the environment flag, for example: `npm run e2e -- --env chrome,firefox`\n // For more information on Nightwatch's config file, see\n // http://nightwatchjs.org/guide#settings-file\n var opts = process.argv.slice(2)\n if (opts.indexOf('--config') === -1) {\n opts = opts.concat(['--config', 'test/e2e/nightwatch.conf.js'])\n }\n if (opts.indexOf('--env') === -1) {\n opts = opts.concat(['--env', 'chrome'])\n }\n\n var spawn = require('cross-spawn')\n var runner = spawn('./node_modules/.bin/nightwatch', opts, { stdio: 'inherit' })\n\n runner.on('exit', function (code) {\n server.close()\n process.exit(code)\n })\n\n runner.on('error', function (err) {\n server.close()\n throw err\n })\n})\n" }, { "path": "test/e2e/specs/test.js", "content": "// For authoring Nightwatch tests, see\n// http://nightwatchjs.org/guide#usage\n\nmodule.exports = {\n 'default e2e tests': function (browser) {\n // automatically uses dev Server port from /config.index.js\n // default: http://localhost:8080\n // see nightwatch.conf.js\n const devServer = browser.globals.devServerURL\n\n browser\n .url(devServer)\n .waitForElementVisible('#app', 5000)\n .assert.elementPresent('.hello')\n .assert.containsText('h1', 'Welcome to Your Vue.js App')\n .assert.elementCount('img', 1)\n .end()\n }\n}\n" }, { "path": "test/unit/.eslintrc", "content": "{\n \"env\": {\n \"mocha\": true\n },\n \"globals\": {\n \"expect\": true,\n \"sinon\": true\n }\n}\n" }, { "path": "test/unit/index.js", "content": "import Vue from 'vue'\n\nVue.config.productionTip = false\n\n// require all test files (files that ends with .spec.js)\nconst testsContext = require.context('./specs', true, /\\.spec$/)\ntestsContext.keys().forEach(testsContext)\n\n// require all src files except main.js for coverage.\n// you can also change this to match only the subset of files that\n// you want coverage for.\nconst srcContext = require.context('../../src', true, /^\\.\\/(?!main(\\.js)?$)/)\nsrcContext.keys().forEach(srcContext)\n" }, { "path": "test/unit/karma.conf.js", "content": "// This is a karma config file. For more details see\n// http://karma-runner.github.io/0.13/config/configuration-file.html\n// we are also using it with karma-webpack\n// https://github.com/webpack/karma-webpack\n\nvar webpackConfig = require('../../build/webpack.test.conf')\n\nmodule.exports = function (config) {\n config.set({\n // to run in additional browsers:\n // 1. install corresponding karma launcher\n // http://karma-runner.github.io/0.13/config/browsers.html\n // 2. add it to the `browsers` array below.\n browsers: ['PhantomJS'],\n frameworks: ['mocha', 'sinon-chai', 'phantomjs-shim'],\n reporters: ['spec', 'coverage'],\n files: ['./index.js'],\n preprocessors: {\n './index.js': ['webpack', 'sourcemap']\n },\n webpack: webpackConfig,\n webpackMiddleware: {\n noInfo: true\n },\n coverageReporter: {\n dir: './coverage',\n reporters: [\n { type: 'lcov', subdir: '.' },\n { type: 'text-summary' }\n ]\n }\n })\n}\n" }, { "path": "test/unit/specs/Hello.spec.js", "content": "import Vue from 'vue'\nimport HelloWorld from '@/components/HelloWorld'\n\ndescribe('HelloWorld.vue', () => {\n it('should render correct contents', () => {\n const Constructor = Vue.extend(HelloWorld)\n const vm = new Constructor().$mount()\n expect(vm.$el.querySelector('.hello h1').textContent)\n .to.equal('Welcome to Your Vue.js App')\n })\n})\n" }, { "path": "webpack.config.js", "content": "var path = require('path')\nvar webpack = require('webpack')\n\nmodule.exports = {\n entry: './src/main.js',\n output: {\n path: path.resolve(__dirname, './dist'),\n publicPath: '/dist/',\n filename: 'build.js'\n },\n module: {\n rules: [\n {\n test: /\\.vue$/,\n loader: 'vue-loader',\n options: {\n loaders: {\n }\n // other vue-loader options go here\n }\n },\n {\n test: /\\.js$/,\n loader: 'babel-loader',\n exclude: /node_modules/\n },\n {\n test: /\\.(png|jpg|gif|svg|cur)$/,\n loader: 'file-loader',\n options: {\n name: '[name].[ext]?[hash]'\n }\n }\n ]\n },\n resolve: {\n alias: {\n 'vue$': 'vue/dist/vue.esm.js'\n }\n },\n devServer: {\n historyApiFallback: true,\n noInfo: true\n },\n performance: {\n hints: false\n },\n devtool: '#eval-source-map'\n}\n\nif (process.env.NODE_ENV === 'production') {\n module.exports.devtool = '#source-map'\n // http://vue-loader.vuejs.org/en/workflow/production.html\n module.exports.plugins = (module.exports.plugins || []).concat([\n new webpack.DefinePlugin({\n 'process.env': {\n NODE_ENV: '\"production\"'\n }\n }),\n new webpack.optimize.UglifyJsPlugin({\n sourceMap: true,\n compress: {\n warnings: false\n }\n }),\n new webpack.LoaderOptionsPlugin({\n minimize: true\n })\n ])\n}\n" } ]