body {
    font: 14px/150% '微软雅黑','宋体',Arial !important;;
    min-width: 980px;
    background-color: #EFEFEF; /*登录页面和主页均用此背景色*/
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

/*普通页面*/
.wechat-marketing-container {
    /* width: 1200px; */
    width: 95vw;
    position: relative;
    margin: 20px auto;
    border: 1px solid #dddddd;
    padding: 0;
}

/*分店单页*/
.store-container {
    margin-top: 20px;
    min-height: 1000px;
    width: 987px !important;
    background-color: #ffffff;
    padding: 0 0 20px 0;
    border: 1px solid #dddddd;

}

#footer {
    padding-top: 20px;
    width: 1200px;
    margin: 0 auto;
}

#footer-signup {
    padding-top: 20px;

}

.row {
    margin: 0px;
}

/*顶部标题*/
#top {
    height: 50px;
    background: #0097e6;
    color: rgba(0, 0, 0, 0.80);
}

.top-title-container {
    width: 1200px;
    margin: 0 auto;
}

.login {
    float: right;
    margin-right: 20px;
    margin-top: 15px;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
}

.login-inverse {
    float: right;
    margin-right: 20px;
    margin-top: 20px;
    text-decoration: none;
    cursor: pointer;

}

#top .top-title-span {
    position: relative;
    top: 15px;
    font-size: 20px;
}

#index-background {
    background-color: #e4e4e4;
}

/*导航栏*/
/*定义整个导航栏的大小结构*/
#navigation {
    /* width: 210px; */
    padding: 0px;
    height: 1000px;
    border-right: 1px solid #dddddd;
}

#navigation li {
    margin: 0px;
}

/*定义导航栏中所有a的格式*/
#navigation a {
    display: block; /*a转化为块级元素*/
    padding: 15px 20px;
    outline: none; /* 去掉点击时出现的虚框 （轮廓） */
    cursor: pointer; /*  将光标变成小手*/
    text-decoration: none; /*去掉下划线*/
}

/*新增*/
.breadcrumb-nopadding {
    margin: 20px;
}

.logo-menu {
    height: 50px;
    background-color: #f4f4f4;
}

.logo-menu a {
    text-align: center;
    font-size: 25px;
    font-family: "Brush Script Std";
}

/*左侧一级菜单*/
/*设置第一个导航栏li上边距去掉border*/
#navigation .sidebar:first-child a {
    border-top: none;
}

.first-menu a {
    height: 50px;
    background-color: #f4f4f4;
    font-size: 16px;
    color: #30a5ff;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #ffffff;
    text-decoration: none;
}

/*二级菜单a标签的样式*/
.second-menu {
    background-color: #e4e4e4;
}

.second-menu a {
    height: 30px !important;
    color: #2fa5ff;
    padding: 5px 20px 5px 40px !important;
    border-left: 3px solid transparent;
}

/*右边*/
.right {
    min-height: 1000px;
    /* width: 987px;
    float: right; */
    background-color: #ffffff;
    padding: 0px 0px 60px 0px;
}

/*右侧上部标题-普通大小*/
.right-top {
    height: 50px;
    /*margin:0px 20px;*/
    /*background-color: #ebebeb;*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ebebeb)); /*Chrome、Safari*/
    background: -moz-linear-gradient(top, #ffffff, #ebebeb); /*Firefox*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#ebebeb); /*IE系列*/
    background: linear-gradient(#ffffff, #ebebeb); /* 标准的语法 */
    border-bottom: 1px solid #dddddd;
}

.right-top-span {
    color: rgba(0, 0, 0, 0.95);
    font-size: 18px;
    position: relative;
    top: 12px;
    left: 20px;
}

.third-menu-bar {
    background-color: #e8e8e8;
    padding: 5px 20px;
}

/*三级导航栏*/
#third-menu {
    display: block;
    font-size: 14px;
    font-weight: normal;
    width: 100%;
}

#third-menu a {
    color: #0f0f0f;
    font-size: 14px;
    margin: 10px 10px;
    display: block;
    outline: none; /* 去掉点击时出现的虚框  */
    cursor: pointer; /*  将光标变成小手*/
    text-decoration: none;
}

#third-menu li {
    padding: 0px;
    border-top: 3px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

/*三级导航切换页效果*/
#tab {
    background-color: #eeeeee;
    /*margin-top: -1px;*/
}

#tab .tabCon {
    /*margin-top: -10px;*/
    height: 40px;
    padding-top: 10px;
    padding-left: 5px;
    background: #e8e8e8;
}

#tab .tabCon div {
    padding: 10px;
    /*position:absolute;*/
    opacity: 0;
    filter: alpha(opacity=0);
}

#tab .tabCon div.cur {
    opacity: 1;
    filter: alpha(opacity=100);
}

#tabs2 {
    padding-left: 4px;
    margin-bottom: 0px;
}

.btn-ul {
    width: 400px;
    margin-right: 0px;
}

/*tab页的颜色控制*/
.mytab-backgroud .nav-tabs {
    background-color: #e8e8e8;
}

.mytab-backgroud {
    background-color: #e8e8e8;
    /*width: 500px;*/
    padding-right: 30px;
    position: relative;
    margin-top: -38px;
    float: right;
}

#myTabContent {
    margin-top: 20px;
}

/*四级菜单 a属性值*/
.tab_con a {
    color: #666666;
    font-size: 14px;
    padding: 0px 5px;
    text-decoration: none;
}

.tab_con a:hover {
    color: #00A0E9;
    font-size: 14px;
    padding: 0px 5px;
    text-decoration: none;
}

.tab_con a:active {
    color: #00A0E9;
    font-size: 14px;
    padding: 0px 5px;
    text-decoration: none;
}

#tab_conbox2 li {
    margin-left: 10px;
}

.forth-menu-page {
    padding: 5px 20px;
    /*height: 40px;*/
    background-color: #e8e8e8;
}

/*三级菜单高亮*/
.thistab {
    border-top: 3px solid #00A0E9 !important;
    background-color: #e8e8e8;
    border-left: 1px solid #cdd2d2 !important;
    border-right: 1px solid #cdd2d2 !important;
}

.thistab a {
    color: #00A0E9 !important;
}

/*四级菜单高亮*/
.thistab-forth {
    color: #00A0E9 !important;
}

/*tab切换页*/
.mytab-backgroud #myTab {
    border-bottom: 0px;
}

/*修改tab切换的高度37px 默认文字为黑色*/
.nav-tabs > li > a {
    color: rgba(0, 0, 0, 0.95);
    padding: 6px 15px 10px 15px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #337ab7;
}

.nav-tabs > li > a:hover {
    border-bottom: 0px;
}

/*权限设置摸态框*/
.modal-body-setjobs {
    padding: 0px;
}

.modal-body-setjobs .row:nth-child(odd) {
    background-color: #f9f9f9;
    /*border-top: 0px !important;*/
}

.modal-body-setjobs .row {
    padding: 10px 0px;
}

.td-first-col {
    width: 150px;
    font-size: 16px;
    text-align: left;
    padding-left: 30px !important;
}

/*权限设置悬浮框效果*/
.flowbox-title-hover {
    border-top: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    border-bottom: 1px solid #fff !important;
    background: #fff;
}

.flowbox-title {
    /*width: 120px;*/
    padding: 5px;
    position: relative;
    border: 1px solid transparent;
}

.flowbox {
    position: absolute;
    top: 32px;
    left: 0px;
    min-width: 250px;
    margin-top: -5px;
    margin-left: -1px;
    padding: 10px;
    display: none;
    border: 1px solid #ddd;
    background-color: #fff;
    z-index: 1;
}

#set-right-table td {
    text-align: left;
    width: 280px;
}

/*卡券样式*/
.card {
    width: 200px;
    height: 71px;
    background-color: #e5e5e5;
    -moz-box-shadow: 3px 2px 6px #cdd2d2;
    -webkit-box-shadow: 3px 2px 6px #cdd2d2;
    box-shadow: 3px 2px 6px #cdd2d2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: 10px;
    margin-top: 20px;
    position: relative;
    border: none;
    border-top: 10px solid #009FE8;
}

/*创建储值规则中的卡券*/
.card i {
    font-size: 22px;
    color: #fd3301;
    position: relative;
    top: -13px;
    left: 185px;
}

.card > span {
    position: relative;
    top: -15px;
    display: block;
    text-align: center;
    font-size: 20px;
    color: #0895FF;
    font-weight: 400;
    font-style: normal;
}

.card a {
    position: relative;
    top: -15px;
    display: block;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: #666666;
    text-align: center;
    text-decoration: none;
}

.card-number {
    color: #000000;
    display: inline;
    font-size: 16px;
    padding-left: 10px;
}

.col-padding-card {
    width: 800px;
    padding-left: 5px;
}

/*登录页面*/
#top-login {
    width: 1200px;
    margin: 0 auto;
    height: 60px;
    color: #0097e6;
}

#top-login .top-title-span {
    position: relative;
    top: 15px;
    left: 20px;
    font-size: 20px;
    text-align: left;
}

.top-login-container {
    background-color: #EFEFEF;
}

/*登录页面轮播部分的内容*/
#content-login {
    width: 100%;
    height: 442px;
    position: relative;
}

.login-box {
    position: absolute;
    width: 345px;
    right: 10px;
    padding-bottom: 30px;
    float: left;
    background: #ffffff;
    -webkit-border-radius: 10px; /*圆角*/
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: -2px 0px 5px 1px #cae9f7 inset, 0px -2px 5px 1px #cae9f7 inset, 2px 0px 5px 1px #cae9f7 inset, 0px 2px 5px 1px #cae9f7 inset; /*内阴影*/
    -webkit-box-shadow: -2px 0px 5px 1px #cae9f7 inset, 0px -2px 5px 1px #cae9f7 inset, 2px 0px 5px 1px #cae9f7 inset, 0px 2px 5px 1px #cae9f7 inset;
    box-shadow: -2px 0px 30px 5px #cae9f7 inset, 0px -2px 30px 5px #cae9f7 inset, 2px 0px 30px 5px #cae9f7 inset, 0px 2px 30px 5px #cae9f7 inset;
    z-index: 2;
    /*将登陆框的层级置于背景轮播的上一层 */
}

.center-content {
    margin: -385px auto 0;
    width: 1200px;
    position: relative;
    z-index: 2;
}

.login-container {
    width: 1000px;
    text-align: center;
    z-index: 2;

}

/*登录框里的大图标*/
.image-login {
    width: 85px;
    height: 85px;
    /*position: relative;*/
    top: 5px;
    display: block;
    margin: 20px auto 10px;

}

.image-sigup {
    width: 90px;
    height: 92px;
    display: block;
    margin: 20px auto; /*居中*/
}

.form-group-login {
    padding-left: 40px !important;
}

/*登录页面-input-group*/
.login-input-border {
    width: 290px;
}

/*登录页面-input*/
.input-login {
    height: 42px;
}

/*记住密码的复选框div*/
.login-remeber {
    text-align: center;
    padding: 0px 40px 15px 20px;
    position: relative;
    margin-bottom: 15px;
}

#footer-login {
    background: url('../images/foot_img.png') no-repeat top center;
    padding-top: 190px;
}

/*swiper滚动的图片*/
.swiper-image {
    width: 100%;
    background-size: 100% auto;
    z-index: 1;
}

.swiper-container {
    height: 450px;
    z-index: 1;
}

/*登录页面的轮播分页*/

.container-right {
    padding: 0px;
}

/*欢迎页*/
.welcome-info {
    background-color: #e0eaf6;
    color: #000;
    width: 930px;
    margin-top: 20px;
    padding: 15px 30px;
    margin-left: 20px;
}

/*错误提示页*/
.error-info {
    background-color: #e0eaf6;
    color: #000;
    width: 930px;
    margin-top: 20px;
    padding: 15px 30px;
    margin-left: 20px;
    text-align: center;
}

.error-info span {
    font-size: 20px;
    color: #42a4de;
}

.error-info a {
    margin-top: 6px;
}

.sign-up-container {
    background-color: #FFFFFF;
    margin: 40px auto 0 auto;
    width: 760px;
    min-height: 790px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #cdd2d2;
}

.signup {
    font-size: 25px;
    color: #666666;
}

/*信息选择面板*/
.info-box-full {
    float: left;
    margin-top: 20px;
    color: #999999;
    height: 120px;
    width: 340px;
    margin-left: 25px;
    padding:10px 40px 10px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #E4E4E4;
}
.info-box-full .title{
    font-size: 18px;
    margin-left: 40px;
    color: #000;
    display: block;
    margin-bottom: 10px;
    cursor: pointer; /*  将光标变成小手*/

}
.info-box-full:hover {
    border:1px solid #59B9E9;
}

.info-box-full:hover i {
    font-size: 50px;
}


.small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none !important;
    outline: none; /* 去掉点击时出现的虚框  */
    cursor: pointer; /*  将光标变成小手*/
}

.icon-full {
    margin-top: -20px;
}
.icon-full img{
    width:60px;
    height:60px;
}
/*分店单页中金额的高亮显示*/
.p-money {
    margin: 10px 0;
    color: #bb0000;
    font-weight: 600;
}

/*分店单页-会员详情-头部信息栏*/
.info-box-yellow {
    margin: 5px 10px 10px;
    background: #FFFCEB;
    border: 1px solid #EED97C;
}

.info-row {
    padding: 10px 0;
    overflow: hidden;
}

/*分店单页-会员详情-红色大字体*/
.red-word {
    font-size: 18px;
    color: red;
    width: 120px;
}

.info-left {
    margin: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    overflow: hidden
}

/*分店单页-右边*/
.md_text {
    margin: 10px auto;
}

.md_text ul {
    width: 200px;
    margin: 0 0 10px 10px;
	padding-left:5px;
	list-style : outside none none;
}

.md_text ul li {
    margin: 2px 0;
    padding: 0;
    width: 100%;
    min-height: 1.5em;
    color: #666666;
    font-size: 13px;
}

.fm_tt {
    width: 80px;
    text-align: right;
    margin-right: 5px;
}

.md_text ul li a {
    color: #000000;
    text-decoration: none;
}

.form-right .hm p img {
    border-radius: 10px;
}

.form-right .mbn a {
    text-align: center;
    font-size: 14px;
    color: #333333;
    font-weight: 600;
}

.form-right h2 {
    margin: 0;
    padding: 0;
    line-height: 24px;
}

.form-right .hm {
    width: 220px;
    text-align: center;
}

.tag img {
    margin: 2px 10px;
}

.pull-box {
    float: right;
    width: 430px;
}

.modal-footer {
    border-top: none;
}

/*当高度大于768时引用该类*/
.footer-login {
    padding-bottom: 30px;
}

/*第二期改版分割线*/
/*蓝色标题*/
.prompt-information {
    clear: both;
    height: 40px;
    background-color: #66CCFF;
}

.detail-title {
    color: #fff;
    font-size: 18px;
    position: relative;
    top: 10px;
    left: 20px;
}

/*蓝色banner条的按钮*/
.prompt-information-lg {
    height: 50px;
    background-color: #66CCFF;
}
/*蓝色banner条的按钮*/
.prompt-information-min {
    height: 40px;
    background-color: #abd8ed;
    border-radius: 5px;
}
.del-btn{
    float: right;
    margin-top: 7px;
    margin-right: 20px;
    background-color: #abd8ed;
    border: 0 solid #fff;
    color: #fff;
}
.setBox{
    border: 1px solid #abd8ed;
    border-radius: 5px;
}
.add-btn {
    float: right;
    margin-top: 7px;
    background-color: #66CCFF;
    border: 1px solid #fff;
    color: #fff;
}

.btn-gray {
    color: #fff;
    background-color: #cccccc;
    position: relative;
    left: 550px;
    top: 2px;
}

.btn-blue {
    color: #fff;
    background-color: #66CCFF;
    position: relative;
    left: 550px;
    top: 2px;
}

/*活动门店弹出框*/
.activityStore {
    margin-left: 200px;
}

/*规则设置内嵌套的权限设置*/
.setRightBox {
    width: 900px;
    margin: 30px;
    border: 1px solid #eeeeee;
    padding: 20px;
}

/*短信模板先隐藏*/
#shortMessage {
    display: none;
}

/*会员年龄设置默认不显示区间*/
.select-time-content {
    display: none;
}

/*提示说明？*/
.tips {
    color: red;
    font-size: 20px;
    margin-left: 20px;
}

/*会员营销月报*/
.chart-title {
    font-size: 18px;
    padding: 10px;;
}

.chart-content {
    margin: 15px;
    padding: 20px;
    border-top: 1px solid #ddd;
}

.chart-content-left {
    width: 400px;
}

.chart-box {
    margin-top: 30px;
    padding: 10px 0px;
    min-height: 150px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #E4E4E4;
}
 .chart-box div{
     font-size:13px;
 }
.chart-box-icon-1 {
    background: url("../images/u110.png") no-repeat center;
    background-color: #67d3e0;
    background-size: 60%;
    margin-top: 30px;
    width: 60px;
    height: 60px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
.chart-box-icon-2 {
    background: url("../images/u124.png") no-repeat center;
    background-color: #97ca00;
    background-size: 60%;
    margin-top: 30px;
    width: 60px;
    height: 60px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
.chart-box-icon-3 {
    background: url("../images/u134.png") no-repeat center;
    background-color: #fa9359;
    background-size: 60%;
    margin-top: 30px;
    width: 60px;
    height: 60px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
.span-mg-blue{
    color: #67d3e0;
    margin-left: 10px;
    font-size:19px;
}
.span-mg-green{
    color: #97ca00;
    margin-left: 10px;
    font-size: 19px;
}
.span-mg-orange{
    color: #fa9359;
    margin-left: 10px;
    font-size: 19px;
}
.chart-box-title {
    font-size: 16px;
}
.chart-circle{
    width:413px;
    height:413px;
    background: url("../images/u136.png") no-repeat center;
    background-size: contain;
    margin:70px auto;
    position: relative;
}
.circle:hover{
    -moz-box-shadow: 5px 5px 6px #b0bec2;
    -webkit-box-shadow: 5px 5px 6px #b0bec2;
    box-shadow: 5px 5px 6px #b0bec2;
}
.circle-icon-1{
    position: absolute;
    left:163px;
    top:-43px;
    width:86px;
    height:86px;
    background-color: #FFFFFF;
    -moz-border-radius: 43px;
    -webkit-border-radius: 43px;
    border-radius: 43px;
    border:2px solid #81c9ed;
}
.circle-icon-1 a{
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #3399FF;
    text-align: center;
    line-height: 16px;
    display: block;
    margin: 2px 8px 0px;
}
.circle-icon-2{
    width:86px;
    height:86px;
    position: absolute;
    left:359px;
    top:99px;
    background-color: #FFFFFF;
    -moz-border-radius: 43px;
    -webkit-border-radius: 43px;
    border-radius: 43px;
    border:2px solid #ff8d66;
}
.circle-icon-2 a{
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #FF6600;
    text-align: center;
    line-height: 16px;
    display: block;
    margin: 2px 8px 0px;
}
.circle-icon-3{
    width:86px;
    height:86px;
    position: absolute;
    left:284px;
    top:330px;
    background-color: #FFFFFF;
    -moz-border-radius: 43px;
    -webkit-border-radius: 43px;
    border-radius: 43px;
    border:2px solid #83cacc;
}
.circle-icon-3 a{
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color:#83CACC;
    text-align: center;
    line-height: 16px;
    display: block;
    margin: 2px 8px 0px;
}
.circle-icon-4{
    width:86px;
    height:86px;
    position: absolute;
    left:42px;
    top:330px;
    background-color: #FFFFFF;
    -moz-border-radius: 43px;
    -webkit-border-radius: 43px;
    border-radius: 43px;
    border:2px solid #ea5d66;
}
.circle-icon-4 a{
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color:#EA5D66;
    text-align: center;
    line-height: 16px;
    display: block;
    margin: 2px 8px 0px;
}
.circle-icon-5{
    width:86px;
    height:86px;
    position: absolute;
    left:-32px;
    top:99px;
    background-color: #FFFFFF;
    -moz-border-radius: 43px;
    -webkit-border-radius: 43px;
    border-radius: 43px;
    border:2px solid #96ca75;
}
.circle-icon-5 a{
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #66CC00;
    text-align: center;
    line-height: 16px;
    display: block;
    margin: 2px 8px 0px;
}
.circle-img{
    display: block;
    margin:8px auto 0px;
    width:41%;
}
.canvasBorder {
    position: relative;
    width: 450px;
    height: 500px;
}

#angle-one {
    position: absolute;
    left: 165px;
    top: 80px;
    font-size: 20px;
    color: #000;
    text-decoration: underline;
    background-color: #fff;
}

#angle-two {
    position: absolute;
    left: 330px;
    top: 185px;
    font-size: 20px;
    color: #000;
    text-decoration: underline;
    background-color: #fff;
}

#angle-three {
    position: absolute;
    left: 280px;
    top: 365px;
    font-size: 20px;
    color: #000;
    text-decoration: underline;
    background-color: #fff;
}

#angle-forth {
    position: absolute;
    left: 60px;
    top: 365px;
    font-size: 20px;
    color: #000;
    text-decoration: underline;
    background-color: #fff;
}

#angle-five {
    position: absolute;
    left: -20px;
    top: 185px;
    font-size: 20px;
    color: #000;
    text-decoration: underline;
    background-color: #fff;
}

/*滑块组件*/
#containment-wrapper {
    position: absolute;
    top: -45px;
    left:-15px;
    width: 904px;
    height: 80px;
}

.canvas-box {
    position: relative;
    width: 900px;
}

.draggable {
    width:30px;
    height: 50px;
    float: left;
}

.frequency-chart-box {
    height: 320px;
    width: 960px;
    padding: 20px;
    margin: 10px;
    border: 1px solid #eee;
}

.span-green {
    margin-right: 20px;
    color: green;
    font-size: 17px;
}

.red-num {
    color: orangered;
}

.chart-tips {
    margin-top: 50px;
}

.green-num {
    color: darkgreen;
}

.blue-num {
    color: blue;
}

#draggable1 {
    background: url("../images/zhizhen1.png") no-repeat;
    background-size: contain;
    position: absolute;
    border: none;
}

#draggable2 {
    background: url("../images/zhizhen2.png") no-repeat;
    background-size: contain;
    position: absolute;
    border: none;
}

#draggable3 {
    background: url("../images/zhizhen3.png") no-repeat;
    background-size: contain;
    position: absolute;
    border: none;
}
/*微信营销首页*/
.text-blue{
    color: #008DCD;
    font-size:20px;
}
/*仿canvas直线*/
.canvas-border{
    width:900px;
    height:40px;
    margin-top:40px;
    border-top:2px solid #000;
}
.inner-form{
    width: 88%;
    margin: 40px auto 20px;
    border:1px solid #ddd;
}

.hairline--bottom {
    border-bottom: 1px solid #ddd;
}
.hairline--top {
    border-top: 1px solid #ddd;
}