html,body{height: 100%;width: 100%;}
.gray-bg{background-color:#f3f3f4}
.white-bg{background-color:#fff}

.text-center{text-align: center;}
.text-muted{color:#fff;opacity:.8}
.fl{float: left}
.fr{float: right}

/*layer样式调整*/
.layui-header{height:45px;background-color: #282B33 !important;}
.layui-layout-admin .layui-logo{height:45px;line-height:45px;background: #23262E !important;overflow: hidden;}
.layui-layout-admin .nav-flexible a{color: #fff;margin-right:10px;}
.layui-layout-admin .layui-side{top:45px;z-index: 1001;}
.layui-layout-admin .layui-body{top:45px;bottom: 28px;}
.layui-header .layui-nav .layui-nav-item{height:45px;line-height:45px;}
.layui-header .layui-nav .layui-nav-item .layui-nav-child{top:45px;}
.layui-header .layui-nav .layui-nav-more{top:20px;}
.layui-header .layui-nav .layui-nav-mored{top:14px;}
/*菜单定义*/
.layui-layout-admin .side-hide-btn{display:none;position: absolute;cursor: pointer;height: 100%;top: 0;right: 0;background-color: #393D49;z-index: 1;justify-content: center;align-items: center;}
.layui-layout-admin .side-hide-btn.show{display: flex;width: 30px !important;}
.layui-layout-admin .side-hide-btn.hide{display: none;}
.layui-layout-admin .side-hide-btn:hover{background-color: #282B33;}
/*菜单缩放移动效果定义*/
.layui-layout-admin .layui-body,
.layui-layout-admin .layui-footer,
.layui-layout-admin .layui-header .layui-layout-right,
.layui-layout-admin .layui-header .layui-nav .layui-nav-item,
.layui-layout-admin .layui-layout-left,
.layui-layout-admin .layui-logo,
.layui-layout-admin .top-router,
.layui-layout-admin .layui-side,
.layui-layout-admin .layui-side .layui-side-scroll {
    transition: all .3s;
    -webkit-transition: all .3s;
}
/*隐藏菜单*/
.layadmin-side-hide .layui-logo{transform: translate3d(-220px,0,0);-webkit-transform: translate3d(-220px,0,0);width: 220px;}
.layadmin-side-hide .top-router{transform: translate3d(-30px,0,0);-webkit-transform: translate3d(-30px,0,0);}
.layadmin-side-hide .layui-side {left: 0;width: 200px;transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
.layadmin-side-hide .layui-body, .layadmin-side-hide .layui-footer, .layadmin-side-hide .layui-layout-left {
    left: 0;
}
.layadmin-side-hide{}
.layadmin-side-hide .layui-side {left: 0;width: 200px;transform: translate3d(-170px,0,0);-webkit-transform: translate3d(-170px,0,0);}
.layadmin-side-hide.layui-layout-admin .layui-body,
.layadmin-side-hide.layui-layout-admin .layui-footer,
.layadmin-side-hide.layui-layout-admin .layui-layout-left {
    left: 30px;
}
/*收缩菜单*/
.layadmin-side-shrink{}
.layadmin-side-shrink .layui-side {left: 0;width: 200px;transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
.layadmin-side-shrink.layui-layout-admin .layui-logo{width: 0px;overflow: hidden;}
.layadmin-side-shrink.layui-layout-admin .layui-body,
.layadmin-side-shrink.layui-layout-admin .layui-footer,
.layadmin-side-shrink.layui-layout-admin .layui-layout-left {
    left: 30px;
}
/*隐藏菜单*/
@media screen and (max-width: 992px){
    .layui-layout-admin .layui-logo{transform: translate3d(-220px,0,0);-webkit-transform: translate3d(-220px,0,0);width: 220px;}
    .layui-layout-admin .layui-side {transform: translate3d(-220px,0,0);-webkit-transform: translate3d(-220px,0,0);width: 220px;}
    .layui-layout-admin .layui-body, .layui-layout-admin .layui-footer, .layui-layout-admin .layui-layout-left {
        left: 0;
    }
    /*小菜单*/
    .layadmin-side-shrink{}
    .layadmin-side-shrink .layui-side {left: 0;width: 200px;transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
    .layadmin-side-shrink.layui-layout-admin .layui-body,
    .layadmin-side-shrink.layui-layout-admin .layui-footer,
    .layadmin-side-shrink.layui-layout-admin .layui-layout-left {
        left: 0;
    }
    .layadmin-side-shrink .side-hide-btn{display:none;}
}
.layadmin-body-shade {
    position: fixed;
    display: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 1000;
}
.layui-table {
    color: #333;
}
.layui-tree li .layui-tree-spread, .layui-tree li a {
    display: inline-block;
    vertical-align: top;
    height: 26px;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
}
/*拖拽全局*/
.sortable-chosen{}
.sortable-ghost{opacity: 0.5;}
.sortable-drag{border: #009688;}

/*baidu地图*/
.BMap_cpyCtrl {display: none;}
.anchorBL {display: none;}
.tangram-suggestion-main {z-index: 9999999999;height:300px;overflow-y: scroll;overflow-x: hidden;}

/*登录页面相关样式*/
*,*:before,*:after{
    box-sizing: inherit;
}
.hello{
    background-image:-webkit-linear-gradient(bottom,#add1fc,#fff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-size: 30px;
    font-weight: bold;
}
.middle-box{max-width:400px;z-index:100;margin:0 auto;padding-top:40px}
.login-bg{background: url("../images/bg_login.jpg") no-repeat;background-size: 100% 100%;}
.lockscreen.middle-box{width:200px;padding-top:110px}
.loginscreen.middle-box{width:300px;box-sizing: border-box;}
.login-cont{position: absolute;width: 800px;top: 50%;left:50%;margin-top: -300px;margin-left: -400px;background-color: #fff;border-radius: 10px;box-shadow: 5px 5px 15px #999;box-sizing: border-box;display:flex;}
.login-left{width: 300px;padding:60px 50px;font-size:18px;letter-spacing: 2px;}
.login-left img{width: 150px;height:150px;}
.login-right{padding:60px 40px;width: 500px;box-shadow: -10px 0px 20px -2px #999;}
.login-right input{
    height: 60px;
    border:none;
    padding-left: 75px;
    background-color: #f6f7fb;
    box-shadow: inset 0 0 0 1000px #f6f7fb!important;
    border-radius: 5px;
}
.login-right .layui-form-item {
    position: relative;
}
.login-right .layui-form-item .inputIcon{
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.loginColumns{max-width:800px;margin:0 auto;padding:100px 20px 20px}
.passwordBox{max-width:460px;margin:0 auto;padding:100px 20px 20px}
.logo-pic-code{display: inline-block;vertical-align: top;}
#captchaImg{height: 60px;}
.middle-box h1{font-size:170px}
.copyright{text-align: center;height: 50px;line-height: 50px;font-size: 14px;color: #ccc;}
.captchaBtn:hover{
    color: #40aafe;}
/*首页与主体样式*/
.top-router{height: 45px;line-height: 38px;padding: 5px 10px;box-sizing: border-box;}
.top-router a{cursor: pointer;}
.top-router a cite{color: #fff !important;}
.mainFrame{width: 100%;height: 100%;border: none;overflow: hidden;margin: 0;display: block;}
.layui-body.main-content{left:0;padding: 15px;background: #fff;}

.requireField{color: red;float: left;}

/*home页面样式*/
.ibox{clear:both;color:#676a6c;margin-bottom:25px;margin-top:0;padding:0}
.ibox:after,.ibox:before{display:table}
.ibox-title{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-color:#fff;border-color:#e7eaec;-webkit-border-image:none;-o-border-image:none;border-image:none;border-style:solid solid none;border-width:4px 0 0;color:inherit;margin-bottom:0;padding:14px 15px 7px;min-height:48px;box-sizing:border-box;}
.ibox-title h5{font-weight:600;font-family:inherit;line-height:1.1;color:inherit;display:inline-block;font-size:14px;margin:0 0 7px;padding:0;text-overflow:ellipsis;float:left}
.ibox-content{background-color:#fff;color:inherit;padding:15px 20px 20px;border-color:#e7eaec;-webkit-border-image:none;-o-border-image:none;border-image:none;border-style:solid solid none;border-width:1px 0}
.ibox-tools{display:inline-block;float:right;margin-top:0;position:relative;padding:0}
.ibox-tools a{cursor:pointer;margin-left:5px;color:#c4c4c4}
.feed-activity-list .feed-element{border-bottom:1px solid #e7eaec;margin-top:15px;padding-bottom:15px;}
.feed-element:first-child{margin-top:0;}.feed-element strong{font-weight:700;}.feed-element .text-muted{color:#888;}
/*首页模块化*/
.laydyt-carousel {min-height: 185px!important;background-color: #fff;}
.laydyt-carousel .layui-carousel-ind {position: absolute;top: -41px;text-align: right;}
.laydyt-carousel .layui-col-space10 {margin: 0;}
.laydyt-carousel .layui-carousel, .laydyt-carousel>[carousel-item]>* {background-color: #fff;}
.layui-carousel-ind {position: relative;top: -35px;width: 100%;line-height: 0!important;text-align: center;font-size: 0;}
.laydyt-carousel .layui-carousel-ind ul {background: 0 0;}
.laydyt-carousel .layui-carousel-ind li {background-color: #e2e2e2;}
.laydyt-backlog .laydyt-backlog-body {cursor: pointer;display: block;padding: 10px 15px;background-color: #f8f8f8;color: #999;border-radius: 2px;transition: all .3s;-webkit-transition: all .3s;}
.laydyt-backlog-body h3 {padding-bottom: 10px;font-size: 12px;}
.laydyt-backlog-body p cite {font-style: normal;font-size: 26px;font-weight: 300;color: #009688;}
.laydyt-backlog .laydyt-backlog-body:hover {background-color: #e6e6e6;}
/*首页用户信息*/
.widget{border-radius:5px;padding:15px 20px;margin: 0 0 10px 0;}
.widget.style1 h2{font-size:30px}
.widget h2,.widget h3{margin-top:5px;margin-bottom:0;}
.widget h2{font-size: 22px;}
.widget-text-box{padding:20px;border:1px solid #e7eaec;background:#fff}
.widget-head-color-box{border-radius:5px 5px 0 0;margin-top:10px}
.widget .flot-chart{height:100px}
.widget .list-unstyled{padding-left: 0;list-style: none;}
.lazur-bg{background-color:#23c6c8;color:#fff;}


/*特定项目查看样式*/
.hitem-selected-view {padding: 0 30px;}
.hitem-selected-view li{margin:5px 0;list-style: decimal;}

/*投票项样式*/
.vote-item-main .layui-colla-item .layui-colla-title {cursor: pointer;}
.vote-item-main .layui-colla-item .layui-colla-title .layui-colla-icon{cursor: move;}
.vote-item-main .vote-item-option-list li{border-bottom: 1px dashed #ccc; margin-bottom: 5px; padding: 0 0 5px 0;}
.vote-item-main .vote-item-option-list li:last-child{border-bottom:none;padding: 0;}
.vote-item-main .vote-item-option-list li div:first-child{display: inline-block;min-width: 600px;}
.vote-item-main .vote-item-option-list li div:last-child{display: inline-block;vertical-align: bottom;}
.vote-item-main .vote-item-option-list li div:last-child a{color: #009688;}
.vote-item-main .vote-item-option-list li div.last-child{display: inline-block;vertical-align: bottom;}
.vote-item-main .vote-item-option-list li div.last-child a{color: #009688;}
.vote-item-main .vote-item-option-list li .layui-form-radio span{color: #666;}
.vote-item-main .layui-radio-disbaled i{color: #5FB878 !important;}

/*选项编辑样式*/
.optionListEdit {border: 1px solid #e6e6e6;padding:5px 0;}
.optionListEdit .layui-form-item {margin-bottom: 0px;}
.optionListEdit .layui-form-item .layui-inline{margin-right: -6px;}
.optionListEdit .layui-form-label{float: left !important;text-align: center !important;}
.optionListEdit .layui-form-drag{cursor: pointer;}
.optionListEdit .layui-input-block{left: -1px !important;top:0px  !important;}
.optionListEdit .layui-input-block.has-border{border: 1px solid #e6e6e6;}
.optionListEdit .layui-input-block .hasIntroduce{margin: 3px 10px 0;}

/*layer消息框*/
.my-layer-msg{background:#1E9FFF; border: 1px solid #1E9FFF !important;}
.my-layer-msg .layui-layer-content{background:#1E9FFF; line-height: 0px !important;color:#fff;}
.my-layer-msg .layui-layer-ico8{top:8px !important;background: #1E9FFF;color:#fff;font-size:24px !important;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.my-layer-msg .layui-layer-ico8:before{content:"\f05a"}
/*layer弹窗自定义主题*/
.my-layer-opw .layui-layer-title{border: none;}
.my-layer-opw .layui-layer-btn{border-top:1px solid #E9E7E7;text-align: center;}
/*layer按钮颜色*/
.layui-btn-xs.layui-btn-disabled {padding: 0 4px;}
/*layer下拉选择避免遮挡*/
.layui-form-select dl{z-index: 1000;}

/*padding-margin 定义*/
.p-xxs{padding:5px}
.p-xs{padding:10px}
.p-sm{padding:15px}
.p-m{padding:20px}
.p-md{padding:25px}
.p-lg{padding:30px}
.p-xl{padding:40px}
.m-xxs{margin:2px 4px}
.m-xs{margin:5px}
.m-sm{margin:10px}
.m{margin:15px}
.m-md{margin:20px}
.m-lg{margin:30px}
.m-xl{margin:50px}
.m-n{margin:0!important}
.m-l-none{margin-left:0}
.m-l-xs{margin-left:5px}
.m-l-sm{margin-left:10px}
.m-l{margin-left:15px}
.m-l-md{margin-left:20px}
.m-l-lg{margin-left:30px}
.m-l-xl{margin-left:40px}
.m-l-n-xxs{margin-left:-1px}
.m-l-n-xs{margin-left:-5px}
.m-l-n-sm{margin-left:-10px}
.m-l-n{margin-left:-15px}
.m-l-n-md{margin-left:-20px}
.m-l-n-lg{margin-left:-30px}
.m-l-n-xl{margin-left:-40px}
.m-t-none{margin-top:0}
.m-t-xxs{margin-top:1px}
.m-t-xs{margin-top:5px}
.m-t-sm{margin-top:10px}
.m-t{margin-top:15px}
.m-t-md{margin-top:20px}
.m-t-lg{margin-top:30px}
.m-t-xl{margin-top:40px}
.m-t-n-xxs{margin-top:-1px}
.m-t-n-xs{margin-top:-5px}
.m-t-n-sm{margin-top:-10px}
.m-t-n{margin-top:-15px}
.m-t-n-md{margin-top:-20px}
.m-t-n-lg{margin-top:-30px}
.m-t-n-xl{margin-top:-40px}
.m-r-none{margin-right:0}
.m-r-xxs{margin-right:1px}
.m-r-xs{margin-right:5px}
.m-r-sm{margin-right:10px}
.m-r{margin-right:15px}
.m-r-md{margin-right:20px}
.m-r-lg{margin-right:30px}
.m-r-xl{margin-right:40px}
.m-r-n-xxs{margin-right:-1px}
.m-r-n-xs{margin-right:-5px}
.m-r-n-sm{margin-right:-10px}
.m-r-n{margin-right:-15px}
.m-r-n-md{margin-right:-20px}
.m-r-n-lg{margin-right:-30px}
.m-r-n-xl{margin-right:-40px}
.m-b-none{margin-bottom:0}
.m-b-xxs{margin-bottom:1px}
.m-b-xs{margin-bottom:5px}
.m-b-sm{margin-bottom:10px}
.m-b{margin-bottom:15px}
.m-b-md{margin-bottom:20px}
.m-b-lg{margin-bottom:30px}
.m-b-xl{margin-bottom:40px}
.m-b-n-xxs{margin-bottom:-1px}
.m-b-n-xs{margin-bottom:-5px}
.m-b-n-sm{margin-bottom:-10px}
.m-b-n{margin-bottom:-15px}
.m-b-n-md{margin-bottom:-20px}
.m-b-n-lg{margin-bottom:-30px}
.m-b-n-xl{margin-bottom:-40px}

/*手机端模拟2*/
#wrapper .phone-top{width: 100%;position: absolute;top: 25px;z-index: 1;}
/*qrcode*/
.phone-top .qrcode-base{float: right;margin-right: 15px;width: 30px;height: 30px;font-size: 30px;cursor: pointer;}
.phone-top .qrcord-main{text-align: center;margin-bottom: 10px;position:absolute;top:30px;left:0;width: 100%;display: none;}
.phone-top .qrcord-main .qrcord-ctn{height: 250px;width: 100%;position: relative;}
.phone-top .qrcord-main .qrcord-bg{z-index: 1;height: 250px;width: 100%;margin: 0 auto;background: #ccc;opacity: 0.5;position: absolute;left: 0;top: 0;}
.phone-top .qrcord-main .qrcord{height: 200px;width: 200px;padding: 10px;z-index: 2;position: absolute;left: 80px;top: 0;box-sizing: border-box;}
.phone-top .qrcord-main .qrcord .out-line{color: #fff;display: block;margin-top: 50px;background: red;}
.phone-top .qrcord-main .qrcode-url{font-size: 12px;width: 100%;word-break: break-all;white-space: normal;padding: 15px;box-sizing: border-box;position: absolute;left: 0;bottom: 0;color:blue;z-index: 1;background: #eee;}

.phone {
    border: 40px solid #ddd;
    border-width: 55px 7px;
    border-radius: 40px;
    margin: 10px auto;
    overflow: hidden;
    transition: all 0.5s ease;
}

.phone iframe {
    border: 0;
    width: 100%;
    height: 100%;
}
/*Different Perspectives*/

.phone.view_1 {
    transform: rotateX(50deg) rotateY(0deg) rotateZ(-50deg);
    box-shadow: -3px 3px 0 #BBB, -6px 6px 0 #BBB, -9px 9px 0 #BBB, -12px 12px 0 #BBB, -14px 10px 20px #666;
}

.phone.view_2 {
    transform: rotateX(0deg) rotateY(-60deg) rotateZ(0deg);
    box-shadow: 5px 1px 0 #BBB, 9px 2px 0 #BBB, 12px 3px 0 #BBB, 15px 4px 0 #BBB, 0 7px 20px #999;
}

.phone.view_3 {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    box-shadow: 0px 3px 0 #BBB, 0px 4px 0 #BBB, 0px 5px 0 #BBB, 0px 7px 0 #BBB, 0px 10px 20px #666;
}

@media (max-width:900px) {
    #wrapper {
        transform: scale(0.8, 0.8);
    }
}

@media (max-width:700px) {
    #wrapper {
        transform: scale(0.6, 0.6);
    }
}

@media (max-width:500px) {
    #wrapper {
        transform: scale(0.4, 0.4);
    }
}