body{background-color:#f0f0f0;color:#333}.header,.main,.footer{width:100%}.header-container,.main-container,.footer-container{width:1200px;margin:auto}.footer .copyright{text-align:center;line-height:60px}.ax-tips{line-height:20px;padding:15px;border:1px solid #f5e79e;background-image:linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#c09853;margin-bottom:15px;margin-top:5px}.ax-tips-circle{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.dropdown-panel{z-index:9999;position:absolute;top:60px;right:0;width:360px;height:auto;display:none;background-color:#fff;border:1px solid #e5e5e5;color:#666;-webkit-box-shadow:0 0 5px #ddd;-moz-box-shadow:0 0 5px #ddd;box-shadow:0 0 5px #ddd}.dropdown-panel::before{content:" ";position:absolute;top:-16px;right:30px;margin-left:-8px;width:0;height:0;border:8px solid transparent;border-bottom-color:#fff}.header-container{width:1200px;margin:auto}.header{width:100%;height:60px;line-height:60px;background-color:#363636;color:#fff}.header a{color:#fff}.header .header-logo,.header .header-nav,.header .header-user{float:left}.header .header-logo{width:200px;font-size:24px;position:relative}.header .header-logo a{color:#fff}.header .header-logo .version{position:absolute;left:100px;top:5px;font-size:12px;color:#fff;border:1px solid #fff;line-height:20px;height:20px;width:45px;text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.header .layui-nav{background-color:transparent}.header .layui-nav .layui-this:after,.header .layui-nav-bar,.header .layui-nav-tree .layui-nav-itemed:after{background-color:rgba(255,255,255,0.5)}.header .layui-nav-child::before{content:" ";position:absolute;top:-12px;left:40px;width:0;height:0;border:6px solid transparent;border-bottom-color:#ccc}.layui-nav .layui-nav-child a{display:inline-block;min-width:90px}.header .header-user{float:right}.header .header-user .user-time,.header .header-user .user-nick,.header .header-user .user-msg{float:right}.header .header-user .user-msg{margin-right:10px}.header .header-user .user-time a{background-color:#ff7300;padding:3px 10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#fff;margin-left:5px}.header .header-user .user-time a:hover{background-color:#ff4700;color:#fff}.header .header-user .user-nick{margin-left:20px;position:relative}.header .user-panel .panel-main{padding:20px 25px 5px 25px;line-height:25px}.header .user-panel .panel-main li{margin-bottom:15px}.header .user-panel .panel-main a{float:right;background-color:#ff5722;color:#fff;padding:1px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:12px}.header .user-panel .panel-main a:hover{background-color:#409eff}.header .user-panel .panel-footer{height:35px;line-height:35px;background-color:#f0f0f0}.header .user-panel .panel-footer li{float:left;width:50%;text-align:center}.header .user-panel .panel-footer a{color:#333;padding-right:30px}.header .user-panel .panel-footer li:hover{background-color:#409eff}.header .user-panel .panel-footer li:hover a{color:#fff}.header .user-nick:hover .user-panel{display:block}.header .user-login-buy{text-align:right}.right-fixed-bar{position:fixed;right:5px;top:50%;margin-top:-80px;z-index:99999}.right-fixed-bar .bar-box>li{position:relative;padding:5px 13px;background-color:#fff;border:1px solid #e5e5e5;font-size:12px;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-top:2px}.right-fixed-bar .bar-box .go-top{display:none}.right-fixed-bar .bar-box>li:hover,.right-fixed-bar .bar-box>li>a:hover{color:#409eff}.right-fixed-bar .bar-box .layui-icon{font-size:24px;display:block}.right-fixed-bar .service-online-box{display:none;position:absolute;right:52px;top:0;width:160px;height:auto;padding:10px 10px 0 10px;background-color:#fff;border:1px solid #e5e5e5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#666}.right-fixed-bar .service:hover .service-online-box{display:block}.right-fixed-bar .service .item-line{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #e5e5e5}.right-fixed-bar .service .item-line:last-child{border-bottom:0;padding-bottom:0}.right-fixed-bar .service .item-line .title{line-height:30px;font-weight:bold;color:#333}.right-fixed-bar .service a{color:#666}.right-fixed-bar .service .item-line .info{line-height:25px}.main .main-base-nav{background-color:#fff;height:50px;width:100%;-webkit-box-shadow:0 1px 5px #ddd;-moz-box-shadow:0 1px 5px #ddd;box-shadow:0 1px 5px #ddd}.main .base-nav-container{width:1200px;height:50px;margin:0 auto}.main .main-base-nav .layui-nav{background-color:#fff}.main .main-base-nav .layui-nav .layui-nav-item{line-height:50px}.main .main-base-nav .layui-nav .layui-nav-item a{color:#333}.main .main-base-nav .layui-nav .layui-nav-item a:hover,.main .main-base-nav .layui-nav .layui-this a{color:#409eff}.main .main-base-nav .layui-nav .layui-this:after,.main .main-base-nav .layui-nav-bar,.main .main-base-nav .layui-nav-tree .layui-nav-itemed:after{background-color:#409eff;height:2px}.middle{display:table;width:100%;height:100%}.middle .middle-row{display:table-row}.middle .middle-cell{display:table-cell;vertical-align:middle;text-align:center}.layui-anim-upbit{z-index:9999}.layui-nav .layui-nav-child dd.layui-this a,.layui-nav-child dd.layui-this{background-color:#e5e5e5;color:#333}.layui-btn{background-color:#409eff}.layui-btn-primary{background-color:#fff}.layui-btn-primary:hover{border-color:#409eff}.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#409eff}.layui-laypage a:hover{color:#409eff}.layui-rate li i.layui-icon{font-size:12px;margin-right:2px;color:#196cff}.layui-icon-rate:before{content:"\e67a";color:#999}.layui-form-select dl dd.layui-this{background-color:#409eff}.layui-form-radio>i:hover,.layui-form-radioed>i{color:#409eff}.layui-form-radio:hover *,.layui-form-radioed,.layui-form-radioed>i{color:#409eff}.layui-form-checked[lay-skin=primary] i{background-color:#409eff;border-color:#409eff !important}.layui-form-checked span,.layui-form-checked:hover span{background-color:#409eff}.layui-form-checked i,.layui-form-checked:hover i{color:#409eff}.layui-form-checked[lay-skin=primary]:hover span{background:0}.layui-laydate .layui-laydate-main .layui-this{background-color:#409eff !important}.layui-laydate .layui-laydate-header span:hover,.layui-laydate .layui-laydate-header i:hover{color:#409eff}.layui-laydate .layui-laydate-footer span:hover{color:#409eff}.layui-tab-brief>.layui-tab-title .layui-this{color:#409eff}.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom-color:#409eff}.main .main-container{margin-top:15px;background-color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;min-height:450px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px 20px}.main .select-nav{margin:15px 0 20px 0;border-bottom:1px solid #e5e5e5}.main .select-nav li{line-height:33px;display:flex}.main .select-nav::after{content:" ";clear:both;display:inline-block;width:100%;height:0}.main .select-nav .title{color:#222;font-weight:bold}.main .select-nav .list span{padding:0 15px;margin:0 0 10px 5px;border:1px solid #e5e5e5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:inline-block;cursor:pointer}.main .select-nav .list span:hover{color:#409eff}.main .select-nav .list .selected{color:#fff !important;border-color:#409eff;background-color:#409eff}.select-form{display:flex;justify-content:space-between}.select-form .sort-group{line-height:38px}.select-form .sort-group span{margin-right:15px}.select-form .sort-group .selected,.select-form .sort-group span:hover{color:#409eff;cursor:pointer}.select-form .form{display:flex;flex-wrap:nowrap}.main .temp-list{position:relative;margin-top:35px;width:100%;height:auto;min-height:200px}.main .temp-list .layui-flow-more{position:absolute;bottom:-40px;width:100%}.main .temp-list *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.main .temp-list .item{margin-bottom:20px;width:214px;height:auto;position:absolute}.main .temp-list .item:hover .detail{display:block !important}.main .temp-list .new-user-temp{position:absolute;left:0;top:0;height:142px;text-align:center;border:1px dashed #e5e5e5}.main .temp-list .new-user-temp:hover{border-color:#409eff;color:#409eff;cursor:pointer}.main .temp-list .new-user-temp p{font-size:40px;margin-top:30px}.main .temp-list .item .item-img{position:relative;border:1px solid #f0f0f0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);box-shadow:0 2px 4px 0 rgba(0,0,0,0.1)}.main .temp-list .item .item-img img{max-width:212px;background:url(/assets/img/canvas/tm.png);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.main .temp-list .item .detail{display:none;width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,.3);text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.main .temp-list .item .btn{margin:5px;padding:7px 15px;background-color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:inline-block}.main .temp-list .item .btn:hover{color:#008ae5;cursor:pointer}.main .temp-list .item .detail button{border:0;background-color:#fff;padding:7px 15px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.main .temp-list .item .detail button:hover{cursor:pointer;color:#008ae5}.main .temp-list .item .collection{position:absolute;top:5px;right:5px;background-color:#fff;padding:2px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.main .temp-list .item .collection:hover{color:#fe7738;cursor:pointer}.main .temp-list .item .collection .true{color:#fe7738}.main .temp-list .item .del,.main .temp-list .item .del-collection{position:absolute;top:5px;right:5px;background-color:#fe7738;color:#fff;padding:2px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;cursor:pointer}.main .temp-list .item .item-info{font-size:12px;height:40px;line-height:40px;padding:0 5px;display:flex;justify-content:space-between}.main .temp-list .item .item-info .desc{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}