代码检查

 /**
 /**
  * 采集数据
  * 采集数据
  * 
  * 
- * @class Collect
+ * @class Check
  * @author shenzm<zhimin.shen@yoho.cn>
  * @author shenzm<zhimin.shen@yoho.cn>
  * @date 2016/10/12
  * @date 2016/10/12
  */
  */
@@ -13,18 +13,26 @@ const moment = require('moment');
 const path = require('path');
 const path = require('path');
 const config = require('../../config/config');
 const config = require('../../config/config');
 const mail = require('../models/mail');
 const mail = require('../models/mail');
+const ws = require('../../lib/ws');
+const {
+    Checklist,
+    Checklogs
+} = require('../models');
 
 
-class Collect {
+class Check {
     constructor(projectname, gitlab, branch) {
     constructor(projectname, gitlab, branch) {
         this.projectname = projectname;
         this.projectname = projectname;
         this.gitlab = gitlab;
         this.gitlab = gitlab;
         this.branch = branch;
         this.branch = branch;
-        this.buildTime = moment().format('YYYYMMDDHHmmss');
+        this.buildTime = new Date().getTime().toString();
         this.mailOptions = {
         this.mailOptions = {
             from: 'automan@yoho.cn',
             from: 'automan@yoho.cn',
-            to: 'kai.bi@yoho.cn,zhimin.shen@yoho.cn',
-            subject: `项目：${projectname} 代码检查一览` 
+            to: 'webtech@yoho.cn',
+            subject: `${projectname}项目 代码检查一览` 
         };
         };
+        this.id = `${projectname}_${branch}_${this.buildTime}`;
+
+        Checklist.insertLog(this.id, projectname, branch, this.buildTime, "starting");
     }
     }
 
 
     get buildPath() {
     get buildPath() {
@@ -45,7 +53,6 @@ class Collect {
         if (!sh.test('-e', this.rootPath)) {
         if (!sh.test('-e', this.rootPath)) {
             sh.mkdir('-p', this.rootPath);
             sh.mkdir('-p', this.rootPath);
         }
         }
-
         this.logFile = path.join(this.rootPath, 'check.log');
         this.logFile = path.join(this.rootPath, 'check.log');
         sh.touch(this.logFile);
         sh.touch(this.logFile);
     }
     }
@@ -53,6 +60,7 @@ class Collect {
     _cloneCode(branch) {
     _cloneCode(branch) {
         var self = this;
         var self = this;
         this._log('cloning_code');
         this._log('cloning_code');
+        this._state('cloning_code');
         let clone_script = `git clone --depth 1 -b ${branch} ${this.gitlab} `;
         let clone_script = `git clone --depth 1 -b ${branch} ${this.gitlab} `;
         this._log(`>>>>>>>>> ${clone_script} >>>>>>>>>>>`);
         this._log(`>>>>>>>>> ${clone_script} >>>>>>>>>>>`);
 
 
@@ -86,6 +94,7 @@ class Collect {
     _installdep() {
     _installdep() {
         var self = this;
         var self = this;
         this._log('>>>>>>>> install dependencies >>>>>>>');
         this._log('>>>>>>>> install dependencies >>>>>>>');
+        this._state('install dependencies');
         return new Promise((resolve, reject) => {
         return new Promise((resolve, reject) => {
             sh.cd(self.buildPath);
             sh.cd(self.buildPath);
 
 
@@ -115,10 +124,11 @@ class Collect {
     _checkScript() {
     _checkScript() {
         var self = this;
         var self = this;
         this._log(`>>>>>>>>> check code >>>>>>>>>>>`);
         this._log(`>>>>>>>>> check code >>>>>>>>>>>`);
+        this._state('check code');
         return new Promise((reslove, reject) => {
         return new Promise((reslove, reject) => {
             sh.cd(self.buildPath);
             sh.cd(self.buildPath);
 
 
-            var child = sh.exec('npm run lint-all', {
+            var child = sh.exec('npm run lint-all -s', {
                 silent: self.silent,
                 silent: self.silent,
                 async: true
                 async: true
             });
             });
@@ -135,13 +145,12 @@ class Collect {
                         self._log(error);
                         self._log(error);
                     } else {
                     } else {
                         self._log('mail sent: ' + info.response);
                         self._log('mail sent: ' + info.response);
+                        self._state('success');
+                        Checklogs.insertLog(self.id, dataText);
                     }
                     }
-                })
+                });
             });
             });
 
 
-            // child.stdout.pipe(fs.createWriteStream(self.logFile, {
-            //     flags: 'a'
-            // }));
             child.stderr.pipe(fs.createWriteStream(self.logFile, {
             child.stderr.pipe(fs.createWriteStream(self.logFile, {
                 flags: 'a'
                 flags: 'a'
             }));
             }));
@@ -173,7 +182,16 @@ class Collect {
         }).catch((e) => {
         }).catch((e) => {
             console.error(e);
             console.error(e);
             self._log('fail');
             self._log('fail');
+            self._state('fail');
+        });
+    }
+
+    _state(state) {
+        ws.broadcast(`/check/state`, {
+            id: this.id,
+            state: state
         });
         });
+        Checklist.updateState(this.id, state);
     }
     }
 
 
     _log(msg) {
     _log(msg) {
@@ -181,4 +199,4 @@ class Collect {
     }
     }
 }
 }
 
 
-module.exports = Collect;
+module.exports = Check;

+'use strict';
+
+const Model = require('./model');
+
+class Checklist extends Model {
+
+    constructor() {
+        super('checklist');
+    }
+
+    insertLog(id, projectname, branch, buildTime) {
+         this.insert({
+            "_id": id,
+            "projectname": projectname,
+            "branch": branch,
+            "buildtime": buildTime
+        });
+    }
+
+    updateState(id, state) {
+        this.update({
+            _id: id
+        }, {
+            $set: {
+                state: state,
+            }
+        });
+    }
+}
+
+module.exports = Checklist;

+'use strict';
+
+const Model = require('./model');
+
+class Checklogs extends Model {
+
+    constructor() {
+        super('checklogs');
+    }
+
+    insertLog(id, text) {
+         this.insert({
+            "_id": id,
+            "text": text
+        });
+    }
+}
+
+module.exports = Checklogs;

@@ -19,6 +19,8 @@ const TempProductImportModel = require('./temp_product_import');
 const MemcachedHostModel = require('./memcached_host');
 const MemcachedHostModel = require('./memcached_host');
 const DegradeModel = require('./degrade');
 const DegradeModel = require('./degrade');
 const DegradeServerModel = require('./degrade_server');
 const DegradeServerModel = require('./degrade_server');
+const ChecklistModel = require('./checklist');
+const ChecklogsModel = require('./checklogs');
 
 
 shelljs.mkdir('-p', config.dbDir);
 shelljs.mkdir('-p', config.dbDir);
 
 
@@ -38,6 +40,8 @@ const TempProductImport = new TempProductImportModel();
 const MemcachedHost = new MemcachedHostModel();
 const MemcachedHost = new MemcachedHostModel();
 const Degrade = new DegradeModel();
 const Degrade = new DegradeModel();
 const DegradeServer = new DegradeServerModel();
 const DegradeServer = new DegradeServerModel();
+const Checklist = new ChecklistModel();
+const Checklogs = new ChecklogsModel();
 
 
 User.init();
 User.init();
 PageCache.init();
 PageCache.init();
@@ -62,5 +66,7 @@ module.exports = {
     RestartInfo,
     RestartInfo,
     DeleteRestartInfo,
     DeleteRestartInfo,
     Degrade,
     Degrade,
-    DegradeServer
+    DegradeServer,
+    Checklist,
+    Checklogs
 };
 };

 'use strict';
 'use strict';
 
 
 const schedule = require('node-schedule'); 
 const schedule = require('node-schedule'); 
+const Router = require('koa-router');
+const moment = require('moment');
 const Check = require('../../ci/checkcode');
 const Check = require('../../ci/checkcode');
 
 
 const {
 const {
-    Project
+    Project,
+    Checklist,
+    Checklogs
 } = require('../../models');
 } = require('../../models');
 
 
+const router = new Router();
+
+router.get('/list', async(ctx) => {
+    await ctx.render('action/checklist');
+});
+
+router.post('/list/query', async(ctx) => {
+    let q = ctx.request.body;
+    let start = parseInt(q.start || 0, 10);
+    let length = parseInt(q.length || 10, 10);
+    let draw = parseInt(q.draw, 10);
+
+    let sort = {buildtime: -1};
+    if (q.order && q.order.length > 0) {
+        let col = q.order[0].column;
+        let dir = q.order[0].dir === 'desc' ? -1 : 1;
+
+        col = parseInt(col, 10);
+        if (q.columns && q.columns.length > col) {
+            sort = {};
+            sort[q.columns[col].data] = dir;
+        }
+    }
+
+    let logs = await Checklist.cfind({}).sort(sort).skip(start).limit(length).exec();
+    let total = await Checklist.count();
+
+    logs.forEach(l => {
+        l.buildtime = moment(Number(l.buildtime)).format('YYYY-MM-DD HH:mm:ss');
+    });
+
+    ctx.body = {
+        draw: draw,
+        recordsTotal: total,
+        recordsFiltered: total,
+        data: logs
+    };
+});
+
+router.get('/log', async(ctx) => {
+    await ctx.render('action/checklog');
+});
+
+router.post('/log/query', async(ctx) => {
+    let q = ctx.request.body;
+    let data;
+    if (!q.id) {
+        data = "未找到相应id的数据";
+    } else {
+        data = await Checklogs.findById(q.id);
+        data = (data || {}).text;
+    }
+
+    ctx.body = {
+        data: data
+    }
+});
+
+router.post('/exec', async(ctx) => {
+    let q = ctx.request.body;
+
+    if (!q.name || !q.branch) {
+        ctx.body = {
+            msg: "请输入正确的项目名及分支名"
+        }
+    } else {
+        let project = await Project.findByName(q.name);
+
+        new Check(project.name, project.gitlab, q.branch).check();
+        ctx.body = {
+            code: 200
+        }
+    }
+});
+
 module.exports = {
 module.exports = {
+    router,
     async check() {
     async check() {
         let rule = new schedule.RecurrenceRule();
         let rule = new schedule.RecurrenceRule();
-        
-        // rule.dayOfWeek = [0, new schedule.Range(1, 6)];　　
-        // rule.hour = 23;
-        // rule.minute = 59;　　
-        // schedule.scheduleJob(rule, function() {
-        //     console.log("执行任务");
-
-        //     let projects = await Project.findAll();
-        //     if (!projects || !projects.length) {
-        //         return;
-        //     }
-
-        //     projects.forEach(async(p) => {
-        //         if( p.name !== 'yohobuywap-node') {
-        //             return;
-        //         }
-
-        //         //new Check(p.gitlab, 'master').check();
-        //         new Check(p.gitlab, 'feature/checkcode').check();
-        //     });
-        // });
-        console.log("执行任务");
-
-            let projects = await Project.findAll();
-            if (!projects || !projects.length) {
-                return;
-            }
+        let projects = await Project.findAll();
+        if (!projects || !projects.length) {
+            return;
+        }
 
 
+        rule.dayOfWeek = [0, new schedule.Range(1, 6)];　　
+        rule.hour = 23;
+        rule.minute = 59;　　
+        schedule.scheduleJob(rule, function() {
             projects.forEach(async(p) => {
             projects.forEach(async(p) => {
-                if(p.name !== 'yohobuywap-node') {
+                if (p.name !== 'yohobuywap-node') { // todo 暂时只检查wap站
                     return;
                     return;
                 }
                 }
-
-                //new Check(p.name, p.gitlab, 'master').check();
-                new Check(p.name, p.gitlab, 'feature/checkcode').check();
+                new Check(p.name, p.gitlab, 'master').check();
             });
             });
-    }
+        });
+    },
 };
 };

@@ -19,7 +19,7 @@ const deploy = require('./actions/deploy');
 const api = require('./actions/api');
 const api = require('./actions/api');
 const abuseProtection = require('./actions/abuse_protection');
 const abuseProtection = require('./actions/abuse_protection');
 const crawler = require('./actions/crawler');
 const crawler = require('./actions/crawler');
-
+const checkcode = require('./actions/checkcode').router;
 const noAuth = new Router();
 const noAuth = new Router();
 const base = new Router();
 const base = new Router();
 
 
@@ -45,6 +45,7 @@ module.exports = function(app) {
     base.use('/users', users.routes(), users.allowedMethods());
     base.use('/users', users.routes(), users.allowedMethods());
     // base.use('/hotfix', hotfix.routes(), hotfix.allowedMethods());
     // base.use('/hotfix', hotfix.routes(), hotfix.allowedMethods());
     base.use('/operation', operationLog.routes(), operationLog.allowedMethods());
     base.use('/operation', operationLog.routes(), operationLog.allowedMethods());
+    base.use('/check', checkcode.routes(), checkcode.allowedMethods());
     base.use('/page_cache', pageCache.routes(), pageCache.allowedMethods());
     base.use('/page_cache', pageCache.routes(), pageCache.allowedMethods());
     base.use('/cdn_cache', cdnCache.routes(), cdnCache.allowedMethods());
     base.use('/cdn_cache', cdnCache.routes(), cdnCache.allowedMethods());
     base.use('/product_cache', productCache.routes(), productCache.allowedMethods());
     base.use('/product_cache', productCache.routes(), productCache.allowedMethods());

+<div class="pageheader">
+    <div class="media">
+        <div class="pageicon pull-left">
+            <i class="fa fa-th-list"></i>
+        </div>
+        <div class="media-body">
+            <ul class="breadcrumb">
+                <li><a href="/"><i class="glyphicon glyphicon-home"></i></a></li>
+                <li><a href="/servers">系统管理</a></li>
+                <li>代码检查记录</li>
+            </ul>
+            <h4>代码检查记录一览</h4>
+        </div>
+    </div>
+    <!-- media -->
+</div>
+
+<div class="contentpanel project-index-page">
+    <div class="panel panel-default">
+        <div class="panel-heading">
+            <div class="pull-right">
+            <a class="btn btn-success btn-rounded mr20 check-btn"><i class="glyphicon glyphicon-plus"></i> 新增检查</a>
+            </div>
+            <h4 class="panel-title">检查记录</h4>
+        </div>
+        <div class="panel-body">
+            <table id="table-oper-log" class="table table-striped table-bordered building-table">
+                <thead>
+                <tr>
+                    <th>项目名</th>
+                    <th>分支名</th>
+                    <th>状态</th>
+                    <th>检查时间</th>
+                    <th>操作</th>
+                </tr>
+                </thead>
+            </table>
+        </div>
+    </div>
+</div>
+
+<script>
+
+    $(document).on('ready pjax:success', function() {
+        var table = $("#table-oper-log").DataTable({
+            pageLength: 25,
+            retrieve: true,
+            responsive: true,
+            processing: true,
+            serverSide: true,
+            ajax: {
+                url: '/check/list/query',
+                type: "POST"
+            },
+            columns: [
+                {data: "projectname"},
+                {data: "branch"},
+                {data: "state"},
+                {data: "buildtime"},
+                {data: "_id"}
+            ],
+            order: [[3, 'desc']],
+            columnDefs: [{
+                targets: 2,
+                render: function(data, type, row) {
+                    var color = 'warning';
+                    if (data == 'success') {
+                        color = 'success';
+                    } else if (data == 'fail') {
+                        color = 'danger';
+                    }
+
+                    var id = row._id.split('_');
+                    id = id[id.length - 1];
+                    var html = '<span id="b-' + id + '" class="label label-' + color + '">';
+                    if (data != 'success' && data != 'fail') {
+                        html += '<i class="fa fa-spinner fa-spin fa-fw margin-bottom"></i>';
+                    }
+                    html += '<span class="state">' + data + '</span></span>';
+                    return html;
+                }
+            }, {
+                targets: 4,
+                render: function(data, type, row) {
+                    return '<button class="btn btn-success btn-log" data-id="' + data + '">查看</button>';
+                }
+            }]
+        });
+
+        $(this).on('draw.dt', function() {
+            $('.btn-log').click(function() {
+                var id = $(this).data('id');
+                location.href = '/check/log?id=' + id;
+            });
+        });
+
+        $('.check-btn').click(function() {
+            var i = layer.prompt({
+                title: '输入项目名及分支名(格式为 项目:分支)',
+                value: 'xxx:xx'
+            }, function(value) {
+                value = value.replace(/x/g,'').split(":");
+
+                var projectname = value[0];
+                var branch = value[1];
+
+                if (!projectname || !branch) {
+                    layer.msg('请输入正确的项目名及分支名');
+                    return;
+                }
+
+                $.post('/check/exec', {
+                    name: projectname,
+                    branch: branch
+                }, function(ret) {
+                    if (ret.code == 200) {
+                        table.ajax.reload();
+                        layer.close(i);
+                    } else {
+                        layer.msg(ret.msg, {icon: 5});
+                    }
+                });
+            });
+        });
+    });
+
+    $(function(){
+        var ws = io();
+
+        ws.on('connect', function() {
+            ws.on('/check/state', function(data) {
+                var id = data.id.split('_');
+                    id = id[id.length - 1];
+
+                var $dom = $('#b-' + id);
+                $dom.find('.state').text(data.state);
+                if (data.state == 'success') {
+                    $dom.removeClass('label-warning').addClass('label-success')
+                    $dom.find('i').remove();
+                } else if (data.state == 'fail') {
+                    $dom.removeClass('label-warning').addClass('label-danger');
+                    $dom.find('i').remove();
+                }
+            });
+        });
+
+        ws.on('error', function() {
+            console.log('connect fail');
+        });
+    });
+</script>

+<div class="pageheader">
+    <div class="media">
+        <div class="pageicon pull-left">
+            <i class="fa fa-th-list"></i>
+        </div>
+        <div class="media-body">
+            <ul class="breadcrumb">
+                <li><a href="/"><i class="glyphicon glyphicon-home"></i></a></li>
+                <li><a href="/servers">系统管理</a></li>
+                <li>代码检查记录</li>
+            </ul>
+            <h4>代码检查记录详情</h4>
+        </div>
+    </div>
+    <!-- media -->
+</div>
+
+<div class="contentpanel project-index-page">
+    <div class="panel panel-default">
+        <div class="panel-heading">
+            <div class="pull-right">
+                <a href="" class="tooltips panel-minimize"><i class="fa fa-minus"></i></a>
+            </div>
+            <h4 class="panel-title">检查详情</h4>
+        </div>
+        <div class="panel-body">
+            <pre class="log"></pre>
+        </div>
+    </div>
+</div>
+
+<script>
+    $(document).on('ready pjax:success', function() {
+        var id = location.search.replace('?','');
+        id = id.split('=')[1];
+
+        $.post('/check/log/query', {
+            id: id
+        }, function(ret) {
+            if (ret && ret.data) {
+                $('pre.log').html(ret.data)
+            }
+        });
+    });
+</script>

@@ -43,6 +43,7 @@
                     <li><a href="/servers/setting">服务器配置</a></li>
                     <li><a href="/servers/setting">服务器配置</a></li>
                     <li><a href="/users/setting">用户管理</a></li>
                     <li><a href="/users/setting">用户管理</a></li>
                     <li><a href="/operation/log">操作记录</a></li>
                     <li><a href="/operation/log">操作记录</a></li>
+                    <li><a href="/check/list">代码检查记录</a></li>
                 </ul>
                 </ul>
             </li>
             </li>
         {{/if}}
         {{/if}}

@@ -4,4 +4,4 @@
  @Author: 贤心
  @Author: 贤心
  @Blog： sentsin.com
  @Blog： sentsin.com
  
  
- */.layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.layui-layer-title{text-overflow:ellipsis;white-space:nowrap}*html{background-image:url(about:blank);background-attachment:fixed}html #layui_layer_skinlayercss{display:none;position:absolute;width:1989px}.layui-layer,.layui-layer-shade{position:fixed;_position:absolute;pointer-events:auto}.layui-layer-shade{top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px")}.layui-layer{top:150px;left:0;margin:0;padding:0;background-color:#fff;-webkit-background-clip:content;box-shadow:1px 1px 50px rgba(0,0,0,.3);border-radius:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s}.layui-layer-close{position:absolute}.layui-layer-content{position:relative}.layui-layer-border{border:1px solid #B2B2B2;border:1px solid rgba(0,0,0,.3);box-shadow:1px 1px 5px rgba(0,0,0,.2)}.layui-layer-moves{position:absolute;border:3px solid #666;border:3px solid rgba(0,0,0,.5);cursor:move;background-color:#fff;background-color:rgba(255,255,255,.3);filter:alpha(opacity=50)}.layui-layer-load{background:url(default/loading-0.gif) center center no-repeat #fff}.layui-layer-ico{background:url(default/icon.png) no-repeat}.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a{display:inline-block;*display:inline;*zoom:1;vertical-align:top}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceOut{100%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.03);transform:scale(1.03)}0%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceOut{100%{opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim-close{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-01{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.layer-anim-02{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-03{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}.layer-anim-04{-webkit-animation-name:rollIn;animation-name:rollIn}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.layer-anim-05{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.layer-anim-06{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.layui-layer-title{padding:0 80px 0 20px;height:42px;line-height:42px;border-bottom:1px solid #eee;font-size:14px;color:#333;overflow:hidden;background-color:#F8F8F8;border-radius:2px 2px 0 0}.layui-layer-setwin{position:absolute;right:15px;*right:0;top:15px;font-size:0;line-height:initial}.layui-layer-setwin a{position:relative;width:16px;height:16px;margin-left:10px;font-size:12px;_overflow:hidden}.layui-layer-setwin .layui-layer-min cite{position:absolute;width:14px;height:2px;left:0;top:50%;margin-top:-1px;background-color:#2E2D3C;cursor:pointer;_overflow:hidden}.layui-layer-setwin .layui-layer-min:hover cite{background-color:#2D93CA}.layui-layer-setwin .layui-layer-max{background-position:-32px -40px}.layui-layer-setwin .layui-layer-max:hover{background-position:-16px -40px}.layui-layer-setwin .layui-layer-maxmin{background-position:-65px -40px}.layui-layer-setwin .layui-layer-maxmin:hover{background-position:-49px -40px}.layui-layer-setwin .layui-layer-close1{background-position:0 -40px;cursor:pointer}.layui-layer-setwin .layui-layer-close1:hover{opacity:.7}.layui-layer-setwin .layui-layer-close2{position:absolute;right:-28px;top:-28px;width:30px;height:30px;margin-left:0;background-position:-149px -31px;*right:-18px;_display:none}.layui-layer-setwin .layui-layer-close2:hover{background-position:-180px -31px}.layui-layer-btn{text-align:right;padding:0 10px 12px;pointer-events:auto}.layui-layer-btn a{height:28px;line-height:28px;margin:0 6px;padding:0 15px;border:1px solid #dedede;background-color:#f1f1f1;color:#333;border-radius:2px;font-weight:400;cursor:pointer;text-decoration:none}.layui-layer-btn a:hover{opacity:.9;text-decoration:none}.layui-layer-btn a:active{opacity:.7}.layui-layer-btn .layui-layer-btn0{border-color:#4898d5;background-color:#2e8ded;color:#fff}.layui-layer-dialog{min-width:260px}.layui-layer-dialog .layui-layer-content{position:relative;padding:20px;line-height:24px;word-break:break-all;font-size:14px;overflow:auto}.layui-layer-dialog .layui-layer-content .layui-layer-ico{position:absolute;top:16px;left:15px;_left:-40px;width:30px;height:30px}.layui-layer-ico1{background-position:-30px 0}.layui-layer-ico2{background-position:-60px 0}.layui-layer-ico3{background-position:-90px 0}.layui-layer-ico4{background-position:-120px 0}.layui-layer-ico5{background-position:-150px 0}.layui-layer-ico6{background-position:-180px 0}.layui-layer-rim{border:6px solid #8D8D8D;border:6px solid rgba(0,0,0,.3);border-radius:5px;box-shadow:none}.layui-layer-msg{min-width:180px;border:1px solid #D3D4D3;box-shadow:none}.layui-layer-hui{min-width:100px;background-color:#000;filter:alpha(opacity=60);background-color:rgba(0,0,0,.6);color:#fff;border:none}.layui-layer-hui .layui-layer-content{padding:12px 25px;text-align:center}.layui-layer-dialog .layui-layer-padding{padding:20px 20px 20px 55px;text-align:left}.layui-layer-page .layui-layer-content{position:relative;overflow:auto}.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn{padding-top:10px}.layui-layer-nobg{background:0 0}.layui-layer-iframe .layui-layer-content{overflow:hidden}.layui-layer-iframe iframe{display:block;width:100%}.layui-layer-loading{border-radius:100%;background:0 0;box-shadow:none;border:none}.layui-layer-loading .layui-layer-content{width:60px;height:24px;background:url(default/loading-0.gif) no-repeat}.layui-layer-loading .layui-layer-loading1{width:37px;height:37px;background:url(default/loading-1.gif) no-repeat}.layui-layer-ico16,.layui-layer-loading .layui-layer-loading2{width:32px;height:32px;background:url(default/loading-2.gif) no-repeat}.layui-layer-tips{background:0 0;box-shadow:none;border:none}.layui-layer-tips .layui-layer-content{position:relative;line-height:22px;min-width:12px;padding:5px 10px;font-size:12px;_float:left;border-radius:3px;box-shadow:1px 1px 3px rgba(0,0,0,.3);background-color:#F90;color:#fff}.layui-layer-tips .layui-layer-close{right:-2px;top:-1px}.layui-layer-tips i.layui-layer-TipsG{position:absolute;width:0;height:0;border-width:8px;border-color:transparent;border-style:dashed;*overflow:hidden}.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT{left:5px;border-right-style:solid;border-right-color:#F90}.layui-layer-tips i.layui-layer-TipsT{bottom:-8px}.layui-layer-tips i.layui-layer-TipsB{top:-8px}.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR{top:1px;border-bottom-style:solid;border-bottom-color:#F90}.layui-layer-tips i.layui-layer-TipsR{left:-8px}.layui-layer-tips i.layui-layer-TipsL{right:-8px}.layui-layer-lan[type=dialog]{min-width:280px}.layui-layer-lan .layui-layer-title{background:#4476A7;color:#fff;border:none}.layui-layer-lan .layui-layer-btn{padding:10px;text-align:right;border-top:1px solid #E9E7E7}.layui-layer-lan .layui-layer-btn a{background:#BBB5B5;border:none}.layui-layer-lan .layui-layer-btn .layui-layer-btn1{background:#C9C5C5}.layui-layer-molv .layui-layer-title{background:#009f95;color:#fff;border:none}.layui-layer-molv .layui-layer-btn a{background:#009f95}.layui-layer-molv .layui-layer-btn .layui-layer-btn1{background:#92B8B1}.layui-layer-iconext{background:url(default/icon-ext.png) no-repeat}.layui-layer-prompt .layui-layer-input{display:block;width:220px;height:30px;margin:0 auto;line-height:30px;padding:0 5px;border:1px solid #ccc;box-shadow:1px 1px 5px rgba(0,0,0,.1) inset;color:#333}.layui-layer-prompt textarea.layui-layer-input{width:300px;height:100px;line-height:20px}.layui-layer-tab{box-shadow:1px 1px 50px rgba(0,0,0,.4)}.layui-layer-tab .layui-layer-title{padding-left:0;border-bottom:1px solid #ccc;background-color:#eee;overflow:visible}.layui-layer-tab .layui-layer-title span{position:relative;float:left;min-width:80px;max-width:260px;padding:0 20px;text-align:center;cursor:default;overflow:hidden}.layui-layer-tab .layui-layer-title span.layui-layer-tabnow{height:43px;border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#fff;z-index:10}.layui-layer-tab .layui-layer-title span:first-child{border-left:none}.layui-layer-tabmain{line-height:24px;clear:both}.layui-layer-tabmain .layui-layer-tabli{display:none}.layui-layer-tabmain .layui-layer-tabli.xubox_tab_layer{display:block}.xubox_tabclose{position:absolute;right:10px;top:5px;cursor:pointer}.layui-layer-photos{-webkit-animation-duration:1s;animation-duration:1s}.layui-layer-photos .layui-layer-content{overflow:hidden;text-align:center}.layui-layer-photos .layui-layer-phimg img{position:relative;width:100%;display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-imgbar,.layui-layer-imguide{display:none}.layui-layer-imgnext,.layui-layer-imgprev{position:absolute;top:50%;width:27px;_width:44px;height:44px;margin-top:-22px;outline:0;blr:expression(this.onFocus=this.blur())}.layui-layer-imgprev{left:10px;background-position:-5px -5px;_background-position:-70px -5px}.layui-layer-imgprev:hover{background-position:-33px -5px;_background-position:-120px -5px}.layui-layer-imgnext{right:10px;_right:8px;background-position:-5px -50px;_background-position:-70px -50px}.layui-layer-imgnext:hover{background-position:-33px -50px;_background-position:-120px -50px}.layui-layer-imgbar{position:absolute;left:0;bottom:0;width:100%;height:32px;line-height:32px;background-color:rgba(0,0,0,.8);background-color:#000\9;filter:Alpha(opacity=80);color:#fff;overflow:hidden;font-size:0}.layui-layer-imgtit *{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px}.layui-layer-imgtit a{max-width:65%;overflow:hidden;color:#fff}.layui-layer-imgtit a:hover{color:#fff;text-decoration:underline}.layui-layer-imgtit em{padding-left:10px;font-style:normal}
+ */.layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.layui-layer-title{text-overflow:ellipsis;white-space:nowrap}*html{background-image:url(about:blank);background-attachment:fixed}html #layui_layer_skinlayercss{display:none;position:absolute;width:1989px}.layui-layer,.layui-layer-shade{position:fixed;_position:absolute;pointer-events:auto}.layui-layer-shade{top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px")}.layui-layer{top:150px;left:0;margin:0;padding:0;background-color:#fff;-webkit-background-clip:content;box-shadow:1px 1px 50px rgba(0,0,0,.3);border-radius:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s}.layui-layer-close{position:absolute}.layui-layer-content{position:relative}.layui-layer-border{border:1px solid #B2B2B2;border:1px solid rgba(0,0,0,.3);box-shadow:1px 1px 5px rgba(0,0,0,.2)}.layui-layer-moves{position:absolute;border:3px solid #666;border:3px solid rgba(0,0,0,.5);cursor:move;background-color:#fff;background-color:rgba(255,255,255,.3);filter:alpha(opacity=50)}.layui-layer-load{background:url(default/loading-0.gif) center center no-repeat #fff}.layui-layer-ico{background:url(default/icon.png) no-repeat}.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a{display:inline-block;*display:inline;*zoom:1;vertical-align:top}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceOut{100%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.03);transform:scale(1.03)}0%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceOut{100%{opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim-close{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-01{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.layer-anim-02{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-03{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}.layer-anim-04{-webkit-animation-name:rollIn;animation-name:rollIn}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.layer-anim-05{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.layer-anim-06{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.layui-layer-title{padding:0 80px 0 20px;height:42px;line-height:42px;border-bottom:1px solid #eee;font-size:14px;color:#333;overflow:hidden;background-color:#F8F8F8;border-radius:2px 2px 0 0}.layui-layer-setwin{position:absolute;right:15px;*right:0;top:15px;font-size:0;line-height:initial}.layui-layer-setwin a{position:relative;width:16px;height:16px;margin-left:10px;font-size:12px;_overflow:hidden}.layui-layer-setwin .layui-layer-min cite{position:absolute;width:14px;height:2px;left:0;top:50%;margin-top:-1px;background-color:#2E2D3C;cursor:pointer;_overflow:hidden}.layui-layer-setwin .layui-layer-min:hover cite{background-color:#2D93CA}.layui-layer-setwin .layui-layer-max{background-position:-32px -40px}.layui-layer-setwin .layui-layer-max:hover{background-position:-16px -40px}.layui-layer-setwin .layui-layer-maxmin{background-position:-65px -40px}.layui-layer-setwin .layui-layer-maxmin:hover{background-position:-49px -40px}.layui-layer-setwin .layui-layer-close1{background-position:0 -40px;cursor:pointer}.layui-layer-setwin .layui-layer-close1:hover{opacity:.7}.layui-layer-setwin .layui-layer-close2{position:absolute;right:-28px;top:-28px;width:30px;height:30px;margin-left:0;background-position:-149px -31px;*right:-18px;_display:none}.layui-layer-setwin .layui-layer-close2:hover{background-position:-180px -31px}.layui-layer-btn{text-align:right;padding:0 10px 12px;pointer-events:auto}.layui-layer-btn a{height:28px;line-height:28px;margin:0 6px;padding:0 15px;border:1px solid #dedede;background-color:#f1f1f1;color:#333;border-radius:2px;font-weight:400;cursor:pointer;text-decoration:none}.layui-layer-btn a:hover{opacity:.9;text-decoration:none}.layui-layer-btn a:active{opacity:.7}.layui-layer-btn .layui-layer-btn0{border-color:#4898d5;background-color:#2e8ded;color:#fff}.layui-layer-dialog{min-width:260px}.layui-layer-dialog .layui-layer-content{position:relative;padding:20px;line-height:24px;word-break:break-all;font-size:14px;overflow:auto}.layui-layer-dialog .layui-layer-content .layui-layer-ico{position:absolute;top:16px;left:15px;_left:-40px;width:30px;height:30px}.layui-layer-ico1{background-position:-30px 0}.layui-layer-ico2{background-position:-60px 0}.layui-layer-ico3{background-position:-90px 0}.layui-layer-ico4{background-position:-120px 0}.layui-layer-ico5{background-position:-150px 0}.layui-layer-ico6{background-position:-180px 0}.layui-layer-rim{border:6px solid #8D8D8D;border:6px solid rgba(0,0,0,.3);border-radius:5px;box-shadow:none}.layui-layer-msg{min-width:180px;border:1px solid #D3D4D3;box-shadow:none}.layui-layer-hui{min-width:100px;background-color:#000;filter:alpha(opacity=60);background-color:rgba(0,0,0,.6);color:#fff;border:none}.layui-layer-hui .layui-layer-content{padding:12px 25px;text-align:center}.layui-layer-dialog .layui-layer-padding{padding:20px 20px 20px 55px;text-align:left}.layui-layer-page .layui-layer-content{position:relative;overflow:auto}.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn{padding-top:10px}.layui-layer-nobg{background:0 0}.layui-layer-iframe .layui-layer-content{overflow:hidden}.layui-layer-iframe iframe{display:block;width:100%}.layui-layer-loading{border-radius:100%;background:0 0;box-shadow:none;border:none}.layui-layer-loading .layui-layer-content{width:60px;height:24px;background:url(default/loading-0.gif) no-repeat}.layui-layer-loading .layui-layer-loading1{width:37px;height:37px;background:url(default/loading-1.gif) no-repeat}.layui-layer-ico16,.layui-layer-loading .layui-layer-loading2{width:32px;height:32px;background:url(default/loading-2.gif) no-repeat}.layui-layer-tips{background:0 0;box-shadow:none;border:none}.layui-layer-tips .layui-layer-content{position:relative;line-height:22px;min-width:12px;padding:5px 10px;font-size:12px;_float:left;border-radius:3px;box-shadow:1px 1px 3px rgba(0,0,0,.3);background-color:#F90;color:#fff}.layui-layer-tips .layui-layer-close{right:-2px;top:-1px}.layui-layer-tips i.layui-layer-TipsG{position:absolute;width:0;height:0;border-width:8px;border-color:transparent;border-style:dashed;*overflow:hidden}.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT{left:5px;border-right-style:solid;border-right-color:#F90}.layui-layer-tips i.layui-layer-TipsT{bottom:-8px}.layui-layer-tips i.layui-layer-TipsB{top:-8px}.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR{top:1px;border-bottom-style:solid;border-bottom-color:#F90}.layui-layer-tips i.layui-layer-TipsR{left:-8px}.layui-layer-tips i.layui-layer-TipsL{right:-8px}.layui-layer-lan[type=dialog]{min-width:280px}.layui-layer-lan .layui-layer-title{background:#4476A7;color:#fff;border:none}.layui-layer-lan .layui-layer-btn{padding:10px;text-align:right;border-top:1px solid #E9E7E7}.layui-layer-lan .layui-layer-btn a{background:#BBB5B5;border:none}.layui-layer-lan .layui-layer-btn .layui-layer-btn1{background:#C9C5C5}.layui-layer-molv .layui-layer-title{background:#009f95;color:#fff;border:none}.layui-layer-molv .layui-layer-btn a{background:#009f95}.layui-layer-molv .layui-layer-btn .layui-layer-btn1{background:#92B8B1}.layui-layer-iconext{background:url(default/icon-ext.png) no-repeat}.layui-layer-prompt .layui-layer-input{display:block;width:320px;height:30px;margin:0 auto;line-height:30px;padding:0 5px;border:1px solid #ccc;box-shadow:1px 1px 5px rgba(0,0,0,.1) inset;color:#333}.layui-layer-prompt textarea.layui-layer-input{width:300px;height:100px;line-height:20px}.layui-layer-tab{box-shadow:1px 1px 50px rgba(0,0,0,.4)}.layui-layer-tab .layui-layer-title{padding-left:0;border-bottom:1px solid #ccc;background-color:#eee;overflow:visible}.layui-layer-tab .layui-layer-title span{position:relative;float:left;min-width:80px;max-width:260px;padding:0 20px;text-align:center;cursor:default;overflow:hidden}.layui-layer-tab .layui-layer-title span.layui-layer-tabnow{height:43px;border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#fff;z-index:10}.layui-layer-tab .layui-layer-title span:first-child{border-left:none}.layui-layer-tabmain{line-height:24px;clear:both}.layui-layer-tabmain .layui-layer-tabli{display:none}.layui-layer-tabmain .layui-layer-tabli.xubox_tab_layer{display:block}.xubox_tabclose{position:absolute;right:10px;top:5px;cursor:pointer}.layui-layer-photos{-webkit-animation-duration:1s;animation-duration:1s}.layui-layer-photos .layui-layer-content{overflow:hidden;text-align:center}.layui-layer-photos .layui-layer-phimg img{position:relative;width:100%;display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-imgbar,.layui-layer-imguide{display:none}.layui-layer-imgnext,.layui-layer-imgprev{position:absolute;top:50%;width:27px;_width:44px;height:44px;margin-top:-22px;outline:0;blr:expression(this.onFocus=this.blur())}.layui-layer-imgprev{left:10px;background-position:-5px -5px;_background-position:-70px -5px}.layui-layer-imgprev:hover{background-position:-33px -5px;_background-position:-120px -5px}.layui-layer-imgnext{right:10px;_right:8px;background-position:-5px -50px;_background-position:-70px -50px}.layui-layer-imgnext:hover{background-position:-33px -50px;_background-position:-120px -50px}.layui-layer-imgbar{position:absolute;left:0;bottom:0;width:100%;height:32px;line-height:32px;background-color:rgba(0,0,0,.8);background-color:#000\9;filter:Alpha(opacity=80);color:#fff;overflow:hidden;font-size:0}.layui-layer-imgtit *{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px}.layui-layer-imgtit a{max-width:65%;overflow:hidden;color:#fff}.layui-layer-imgtit a:hover{color:#fff;text-decoration:underline}.layui-layer-imgtit em{padding-left:10px;font-style:normal}