#app{
    position: relative;
}
.diyimg{
    display: none;
    position: absolute;
    right: 0;
    top:-72px;
    width:210px;
    border:1px solid red;
}
#image{
    width: 100%;
}
.btn{
    padding:10px;
    font-size: 18px;
    color: #fff;
    border:none;
    box-shadow: 0 0 5px 0 #333!important;
    outline: none;
}
.box{
    position: absolute;
    left:-25%;
    top:-294px;
    display: none;
    width: 970px;
    z-index: 10;
    height:666px;
    box-shadow: 0 0 10px 0 #333;
    background: #fff;
    padding: 0 26px 133px 26px;
}
.box p{
    height:55px;
}
.box p button{
    float: right;
    margin:15px 5px;
}
#left-V{
    border:1px solid #ccc;
    position: relative;
    background:url('./sld_hs.jpg')no-repeat;
}
.alert-success{
    position: absolute;
    bottom:-122px;
    padding:12px 30px;
}
.alert-success ul li{
    padding:4px 0;
}
#left-V{
    width: 476px;
    height: 476px;
    float: left;
}
#view{
    width: 100%;
    height: 100%;
    position: relative;
    /*margin-left:137px;*/
    /*margin-top: 122px;*/
    overflow: hidden;
    border:1px dashed red;
}

#rightTab{
    float: right;
    width: 409px;
    height: 484px;
}
#tab_btn{
    height: 47px;
}
button:hover{
    cursor: pointer;
}
#rightTab{
    position: relative;
}
#tab_btn ul li{
    text-align: center;
    width: 135px;
    float: left;
}
#tab_btn ul li:hover{
    cursor: pointer;
}
#controller{
    border:1px solid #ccc;
    width: 406px;
    height: 334px;
}
/*--------------------上传图片-----------------*/
#up_img{
    display: none;
    padding:51px 17px 0 29px;
}
#up_img ul li{
    color: #999;
    margin:5px 0;
}
#up_img ul li:last-child{
    padding-top:10px;
    width: 120px;
    overflow: hidden;
}
#up_img ul li button{
    width: 120px;
    height: 30px;
    text-align: center;
    padding:0;
    border:none;
}
/*-----------定义图案--------------------------*/
#Define_pattern{
    display: none;
    overflow: auto;
    width: 406px;
    height: 334px;
}
#Define_pattern .img_item{
    float: left;
    width: 71px;
    height: 71px;
    border: 2px solid white;
    cursor: pointer;
    margin: 1px;
    background: #f2f2f2;
}
#Define_pattern .img_item:hover{
    border-color:red;
}
/*-----------添加文字--------------------------*/
#add_text{
    display: none;
    width: 406px;
    height: 313px;
}
#add_text dl{
    height: 48px;
    padding:20px 20px;
}
#add_text #color{
    padding:0 12px 22px 12px;
}
#add_text #color input{
    padding-left:10px;
    width: 106px;
}
#add_text #color input:nth-of-type(1){
    width: 100px;
    margin-right:44px;
}
#add_text .color{
    padding:9px 14px;
    width: 368px;
    height:182px;
    padding-right:0;
    margin:19px 0 0 8px;
    background: #f9f9f9;
}
#add_text .color ul li{
    margin:0 9px 9px 0;
    float: left;
    min-width:24px;
    height: 24px;
    background:#ff9000;
    border:1px solid #fff;
    
}
#add_text .color ul li:hover{
    border:1px solid red;
}
/*----------------------控制器-----------------------*/
#The_console{
    height: 88px;
    padding:16px 0;
}
#The_console .narrow{
    margin-right:28px;
    width: 73px;
    float: left;
    height: 76px;
}
#The_console .narrow input[type=button]{
    width: 71px;
    height: 28px;
    text-align: center;
    line-height:28px;
    outline: none;
    border:1px solid #f15a48;
    color:red;
    margin:4px 0;
    background: #fff;
}
#The_console .narrow input[type=button]:hover{
    background:#f15a48;
    color:#fff;
}
#The_console .narrow1{
    width: 73px;
    height: 76px;
    float: left;
    background:url("./sld_hs1_03.png")no-repeat 0 7px;
    position: relative;
    margin-right: 28px;
}
#Lf,#Ri,#Tu,#Bo{
    width: 22px;
    height: 22px;
    border:none;
    position: absolute;
    background:transparent;
    outline: none;
}
#Lf{
    left:0;
    top:26px;
}
#Tu{
    top:5px;
    left:23px;
}
#Ri{
    right:6px;
    top:26px;
}
#Bo{
    bottom:7px;
    left:23px;
}
#The_console .narrow2{
    position: relative;
}
#The_console .narrow2 h3{
    font-size: 14px;
    color: #f15a48;
    margin:6px 0 0 0 ;
}
#The_console .narrow2{
    text-align: center;
    float: left;
    height: 76px;
}
#The_console .narrow2 input[type=button]{
    margin-top:17px;
    padding:1px 6px;
}
#The_console .narrow2 input[type=button]:nth-of-type(1){
    margin-right:60px;
}
#The_console .narrow2 input{
    float: left;
    color:#f15a48;
    outline: none;
    background: #fff;
    border:1px solid #f15a48;
}
#The_console .narrow2 input[type=text]{
    width:26px;
    padding-left:20px;
    height: 32px;
    position: absolute;
    left:22px;
    top:28px;
}
/*------------------创建元素--css属性---------------------*/
.Aimg{
    width: 70px;
    z-index: 1;
}
input.Aimg{
    width: 180px;
    height: 30px;
    background:transparent;
    border:none;
    outline: none;
}
/*-----------------------删除-----------------------*/
#List{
    position: absolute;
    right:0;
    bottom:-17%;
    height: 50px;
}
#List button{
    width: 100px;
    height: 40px;
    font-size: 18px;
    color:#fff;
}
#List #del{
    margin-right:13px;
}