html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

body{background: #f4f4f4;font:14px 'Microsoft Yahei',simsun,Arial}
a{color:#555;text-decoration: none;}
a:hover{color:#f60;}
h1{font-weight:300}
.cf:after,.hd:after,.bd:after,.ft:after,.layout:after{content:"";display:table;clear:both}
.cf,.hd,.bd,.ft,.layout{*zoom:1}
.wrap{
    width:1200px;
    margin:0 auto;
}
.mt20{margin-top:20px;}
.undis{display:none;}

.fl{float:left}
.fr{float:right}
.undis{display: none}
.dis{display: block}

header{
	background: url(./header_bg.png) no-repeat top center #ff013b;
	height:80px;line-height: 80px;padding:0 50px;overflow: hidden;}
header .logo{margin-top:10px;}
header .nav li{float: left;margin-left:10px;}
header .nav a{color:#fff;padding:5px 10px;text-decoration: none;font-size:18px;}
header .nav a:hover{background:#fff;color:#f60;border-radius: 5px;}


.creatContentFormSubmit{width: 800px;margin:0 auto;}

.creatContentFormSubmit .creatContent{padding:30px;margin-top:10px;border-radius: 10px}

.creatContentFormSubmit .creatContent textarea.text{padding:15px;font-size:30px;border:1px solid #ccc;width:698px;height:45px;border-radius: 10px;margin-bottom:20px;text-align: center;}

.creatContentFormSubmit .creatContent #styleOption{margin-bottom:20px;}
.creatContentFormSubmit .creatContent #styleOption dt{display: inline-block;padding:5px 10px; cursor: pointer;border-radius: 10px;}

.creatContentFormSubmit .creatContent input{padding:8px;font-size: 14px;width:120px;border-radius: 10px;border:1px solid #ccc;text-indent: 10px;}
/*.prevImg{font-size:30px;padding: 30px;background:#fff;text-align: center;width:510px;height:60px;line-height: 60px;margin:0 auto;}*/
.createdImg{text-align: center;padding:20px;}
.createdImg img{background: url(./tmbg.jpg)}

.createdImg .l{padding:15px 0;text-align: center}
.createdImg .l a{color:#f60;margin:0px 10px;}
.createdImg .l a:hover{color: #666}

.fontSize h3{padding-bottom: 10px;}
.fontSize .selects select{width: 130px;}
.preview {width:570px;}
.preview img{border-radius: 10px;}
/*.creatContent .s{padding:10px 0;}*/
.creatContent .s label{width:24%;float: left;padding:10px 0}

.creatContent .s input{margin-top:10px;}

.creatContent .sub{text-align: center}

.creatContent .submitBtn{background:#f60;text-align:center;color: #fff;border: 0px;border-radius: 10px;margin:20px 0;font-size: 18px!important; cursor: pointer;width:300px!important;padding:15px 100px!important;border-color: #f60;text-indent: 0px;}
.creatContent .submitBtn:hover{opacity: 0.7;}
.wrap{margin-top:30px;}
.wrap .hd{
  background:url(../images/hd_bg.png) no-repeat top center #ff2540;
  background:#fff;
  border-radius: 5px;
  height:50px;
  line-height:50px;
  /* border-top:1px solid #ccc; */
  overflow: hidden;
}
.wrap h2{border-left:3px solid #ff2540;border-radius: 10px;font-size:18px;font-weight:300;padding:10px 0 10px 15px;background: #fff;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
.wrap h2 span{padding-right:15px;}
.wrap h2 span.fr a{font-size:14px;}
.wrap .text{border-radius: 10px;margin-bottom:20px;}
.wrap .text ul{margin-left:-15px;}
.wrap .text li{
  float: left;
  width: 28%;
  line-height: 26px;
  padding:15px;
  margin-left:15px;
  height: 260px;
  margin-top:15px;
  border-radius: 5px;
  background:#fff;
  border:1px solid #eee;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
.wrap .text li p{height:220px;overflow: scroll}
.wrap .text li .cen{text-align: center;}
.wrap .text li .cen img{border-radius: 10px;}

.wrap .text li h3{font-weight: 300;}
.miyu_btn{color:#ff2540;cursor: pointer;}
.miyu_btn:hover{color:#f60;}

.wrap .aside{width:400px;}

.intro ul{margin-top:13px;padding:15px 20px;line-height: 28px;background: #fff;border-radius: 10px;}
.intro li{margin:10px 0;}

.wrap .aside .menu{padding:0 15px;}
.wrap .aside .menu a{display: inline-block;margin:10px;}
.wrap .aside article.bd{
  border-radius: 5px;
  padding:15px 0;
  background:#fff;
  margin-top:15px;
  text-align: center;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
.wrap .aside article.bd img{margin-top:10px;}
.wrap .aside article.bd a:hover{opacity: 0.8}

.page{margin:20px 0;text-align: center;}

.cont{
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  margin-top:15px;
  padding:15px;
  line-height: 26px;
  font-size:16px;
  background:#fff;
}
.cont h1{text-align: center;;padding:20px;}

.ertong p,.biaoqing p,.touxiang p{height:auto;overflow:visible;margin-top:15px;}
.ertong p img{border-radius: 5px;}

.link{padding:20px 0;line-height:26px;}
.footer{text-align: center;padding:20px 0;background: #282828;color:#666;margin-top:40px;}

.selfList ul{border-radius: 10px;}
.selfList ul li{text-align: center;margin-top:22px;}
.selfList ul li h3{padding:5px 0;display: inline-block;}
.selfList img{width:380px;border-radius: 10px;}
.selfList img:hover{opacity: 0.7}

.listWrap{margin-top: 8px;}
.listWrap li{width: 380px;float: left;margin-left:12px;margin-top:15px;text-align: center;}
.listWrap li h3{text-align: center;padding-bottom:10px;margin-top:5px;display:inline-block;}
.listWrap li img{width: 380px;border-radius: 10px;}
.listWrap li img:hover{opacity: 0.7}

.listWrapIndex{margin-bottom: 20px;}
.listWrapIndex li{width: 380px;float: left;margin-left:12px;margin-top:15px;text-align: center;}
.listWrapIndex li h3{text-align: center;padding-bottom:10px;margin-top:5px;display:inline-block;}
.listWrapIndex li img{width: 380px;border-radius: 10px;}
.listWrapIndex li img:hover{opacity: 0.7}


#macy-container{max-width:1168px}
.pic{margin:10px 10px 10px 0;line-height:30px;width:280px;background:#fff;padding:15px;border-radius:10px;box-shadow: 0 3px 3px rgba(0, 0, 0, 0.02);}
.pic .picImg{width:100%}
.pic .intro{color:#999;margin:10px 0;}
.pic .onclick{color:orange;}
.pic h3{text-align:center;font-size:16px}
.pic .price{color:orangered;margin-top:10px;}

.tagWrap{display:flex;flex-wrap:wrap;justify-content: space-between;}
.tagWrap .tag{
    width:20%;
    margin:10px;
    background: #fff;
    padding:15px;
    border-radius: 10px;
    line-height: 28px;
}
.tagWrap .tag h2{
    font-size: 16px;
}

@media only screen and (max-width: 1000px) {
    header{
        overflow: hidden!important;
        height: auto!important;
    }
  #macy-container {
    width:100%!important;
    height:auto!important!important!important;
  }
  .wrap{
      width:80%;
  }
  .wrap .pic{
      width:90%!important;
      margin:0 auto!important;
      position:static!important;
      padding:20px!important;
  }
}