.img { overflow: hidden;}
.img img { transition: all 0.5s ease;}
.img:hover img { transform: scale(1.1);}

footer { position: relative; z-index: 99;}

.content { position: relative; z-index: 100;  background-size:cover; overflow: hidden;}
.content h2  { background: #000; text-align: center; font-size:30px; color: #fff; line-height: 70px;}

.content .title,.hd { background: #fdbdcc; text-align: center;}
.content .title a,.content .title span,.hd li { display: inline-block; background: #000; font-size:16px; line-height: 30px; padding: 0 15px; margin: 15px 10px;  color: #fff; border-radius: 10px;}

.content .page { text-align: center;}
.content .page a { display: inline-block; line-height: 30px; margin:0 10px; color: #fff;}
.content .page a:hover { color: #000;}

.small_nav { text-align: center;}
.small_nav a { display: inline-block; background: #000; border-radius: 10px; line-height: 30px; font-size: 14px; padding:0 10px; margin:10px; color: #fff;}
.small_nav a:hover { color: #fdbdcc;}

/*��Ʒչʾ*/
.box,.slideTxtBox .bd ul { background: #fdbdcc; width: 90%; border-radius: 25px; margin:40px auto; padding: 20px;    box-sizing: border-box;}
.pro li { float: left; margin: 10px;}
.pro li img { transition: all 0.5s ease;}
.pro li img:hover { transform:scale(1.2); position: relative; z-index: 2;}

/*��������*/
.news{}
.news li { font-size: 14px; line-height: 40px; overflow: hidden;}
.news li a { width:720px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:block; float: left; color: #fff;}
.news li span { float: right; color: #fff; transition: all 0.3s ease;}
.news li:hover a,.news li:hover span { color: #000;}

.box { color: #fff;}
.box h3 { text-align: center;font-size: 18px;}
.box p { font-size: 14px; line-height: 30px;}



/*��������*/
.bbs_box { margin: 35px auto; color: #000;}

/*��½*/
.login form {width: 90%; margin: auto;}
.login form .name input,.login form .password input {    width: 100%;
    height: 40px;
    padding-left: 20px;
    margin: 10px 0;
    box-sizing: border-box;}
.login form .code { overflow: hidden;}
.login form .code input { width: 100px; padding: 0 10px; height: 40px; float: left;}
.login form .code img { float: left; margin: 5px 0 0 10px;}
.login form .submit input { width: 100%; background: #000; border-radius: 12px; border:0; height: 30px; margin-top: 10px; color: #fff; font-size: 16px; line-height: 30px;}

/*�޸�����*/
.change form { margin:auto;     width: 90%;}
.change p { font-size: 14px; line-height: 30px; margin: 15px 0;}
.change p span { margin-right: 10px;}
.change p input { height: 24px; padding: 3px 5px;  width: 100%;
    box-sizing: border-box;}
.change form div { text-align: center;}
.change form div input { background: #000; height: 26px; line-height: 26px; color: #fff; border:none; margin: 0 20px; padding: 0 30px; border-radius:10px; display: inline-block;}


/*��Աר��*/
.shop_box { border:#a90024 solid 1px; width:204px; margin:auto; position:fixed; top:0; right:30px; z-index:9999;}
.shop_box a,.shop_box span { background:none !important;}
.shop_box .shop_top { background:#fdbdcc; height:20px; position:relative;}
.shop_box .shop_top p { float:left; color:#fff600; font-size:16px; line-height:20px; padding-left:10px; font-weight:bold;}
.box .shop_box .shop_top span { float:right; color:#fff; font-size:14px; margin:0 11px 0 0; line-height:20px;}
.shop_box .shop_top img { position:absolute; left:-17px; top:-2px; z-index:2;}
.shop_box:hover .shop_pro_box { display: block;}

.shop_pro_box { background:#fff; height:300px; overflow-y: scroll; transition:all 0.5s ease; display: none;}
.shop_pro_box .title2 { border-bottom:#ffc1a8 solid 1px;}
.shop_pro_box .title2 span { font-size:12px; line-height:26px; color:#000;}
.shop_pro_box .title2 span:nth-child(1) { margin:0 26px 0 7px;}
.shop_pro_box .title2 span:nth-child(2) { margin:0 26px 0 0;}
.shop_pro_box .title2 span:nth-child(3) { margin:0 21px 0 0;}

.shop_pro li { overflow:hidden; padding:10px 0;}
.shop_pro li img { float:left; margin-left:5px;}
.shop_pro li .name { width: 96%; margin: 0 2%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:block;}
.shop_pro li .name span { line-height: 26px; font-size:12px; color:#000;}
.shop_pro li .pro_img { display: block; float: left; width: 35px;}
.shop_pro li .math {  margin:8px 5px 0; overflow:hidden; width:66px; float: left;}
.shop_pro li .math button { float:left;  font-size:14px; text-align:center; display:block; width:20px; background: none; border:#dbdadf solid 1px; height:18px; line-height:16px;}
.shop_pro li .math button:nth-child(1) { border-right:none;}
.shop_pro li .price { float:left; line-height: 24px; margin-top:4px;}
.shop_pro li .math button:last-child { border-left:none;}
.shop_pro li input { float:left; color:#ff4900; font-size:12px; line-height:14px; padding-left:4px; width:20px; border:none; border:#dbdadf solid 1px;}
.shop_pro li strong { color:#000; margin:7px 15px 0 0; float: right;}

.shop_pro_box .bottom { overflow:hidden;}
.shop_pro_box .bottom p { font-size:14px; color:#ff4900; text-align:center; line-height:32px; height:32px; border-top:#ffc1a8 solid 1px; border-bottom:#ffc1a8 solid 1px;}
.shop_pro_box .bottom a { color:#fff; background:#ff4900; margin:11px auto; width:57px; display:block; line-height:23px; height:23px; text-align:center; font-size:12px;}
.shop_pro_box .bottom input { background: #d13f02; display: block; margin:5px auto; color: #fff; padding: 5px; border:none;}

.dg_list a:hover { color:#000;}
.dg_list #a_list { color:#fff;}
.dg_list #a_list:hover { color:#fff;}

#check_out { color:#fff; background:#fdbdcc !important; display:block;}
















.dg .top .left { color: #000;}
#tit { overflow: hidden;}
#tit a,#tit span { float: left; margin: 0 5px; display: block; color: #fff;    font-size: 15px;}
#tit a:hover { color: #000;}

.dg .right .select {border:#afacac solid 1px; box-sizing: border-box; height: 20px; padding: 0 5px;}
.dg .right .text { border:#afacac solid 1px; box-sizing: border-box; height: 20px; padding: 0 5px; margin-left: 15px;}
.dg .right .submit { background: #000; border:0; color:#fff; padding: 0 8px; line-height: 25px;}

.show {    width: 100%;
    float: left;
    margin: 10px 0;}
.show div img { width: 100%;}
#show > img { width: 100%;}
.show p { font-size: 14px; width: calc(100% - 16px); padding:0 8px; background: #000; margin: 2px;}
.show p span { padding-left: 5px;}
.show .text { width: 85px; border:#b4b4b4; height: 20px; margin-right: 10px;}
.show .submit { padding:0 8px; height: 25px; line-height: 25px; display:inline-block;}

/*��Աר������ҳ*/
.dg_dis { position: relative; overflow:hidden;}
.dg_dis .left {    position: relative;
    width: 100%;
    margin: 10px 0 10px 0;}
.dg_dis .left ul { margin-top: 10px;}
.dg_dis .left ul li { width: 60px; height: 60px; overflow: hidden; float: left; margin-right:10px;}
.dg_dis .left ul li img { width: 100%; margin-top: -28%;}
.dg_dis .left ul li:hover { border:#000 solid 1px; box-sizing:border-box;}
.dg_dis .left .cover { width: 200px; height: 200px; background: rgba(180,233,222,0.5); position: absolute; left: 0; top:0; display: none;}

#big { width: 451px; height: 451px; box-sizing:border-box; position: absolute; right: 120px; top:69px; overflow: hidden;}
#big_img { width: 600px; height: 900px; position: absolute; left:0; top:0; overflow: hidden; display: none;}
#big_img img { width: 100%;}

#superMask { position: absolute; top:0; left: 0; width: 300px; height: 450px; cursor: move;}

.dg_dis .right {    position: relative;
    z-index: 2;
    width: 100%;
    margin: 20px 0 20px 0; }
.dg_dis .right h3 { text-align: left;}
.dg_dis .right table { font-size: 14px; line-height: 30px;}
.dg_dis .right table tr td:first-child { width: 80px; }
.dg_dis .right table input,.dg_dis .right table option { width: 50px;}
.dg_dis table tr:last-child input,.dg_dis table a { background: #000; border:none; width: auto; font-size: 14px; color: #fff; text-align: center;
display: inline-block; height: 30px; line-height: 30px;padding: 0 15px; border-radius: 10px;}
.dg_dis table a { margin-left: 20px;}

/*��������*/
.buy table { text-align: center; margin: 15px auto 10px;width: 585px;}
.buy table tr { background: #fff; color: #000; line-height: 30px;}
.buy table tr:first-child { background: #000; color: #fff;}
.buy table input {  margin: auto;}
.buy table tr:last-child input { background: #000; border:none; color: #fff; margin:  5px; line-height: 24px; padding: 0 5px;}

input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
/* ѡ� */
.slideTxtBox{ width:100%;}
.slideTxtBox .hd ul li.on{  background:#fff; color:#000;}
.slideTxtBox .bd ul img { margin:0 auto 10px;}
.slideTxtBox .bd ul p { color: #fff; font-size: 14px; line-height: 30px;}







.nav{
    height: 0.7rem;
    line-height: 0.7rem;
    display: flex;
    justify-content: space-between;
    padding:0 .37rem 0 .2rem;
    align-items: center;
    background: #fdbdcc;
    position: fixed;
    border-bottom: 1px solid #fff;
    z-index: 999;
    width: 100%;
    top: 0;
    left: 0;
}
.nav .nav_img{
    width: 1.44rem;
}
.nav .menu .menu_img{
    width: 0.46rem;
}
.nav .nav_ul{
    position: absolute;
    right: 0.06rem;
    top: calc(.7rem - 1px);
    background: #fdbdcc;
    display: flex;
    flex-direction: column;
    padding: 0.1rem 0.1rem .01rem .1rem;
    align-items: center;
    z-index: 99;
    display: none;
}
.nav .nav_ul a{
    color: #fff;
    font-size: 0.16rem;
    background: #ff92ac;
    border-radius: 3px;
    width: 100%;
    line-height: .36rem;
    margin-bottom: 0.06rem;
    padding: 0 .07rem;
    text-align: justify;
    height: .36rem;
}
.nav .nav_ul a i{
    display: inline-block;
    width: 100%;
}



.header{
    display: none;
}
.flexpro{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flexpro .show{
    float: none;
    width: 49%;
}
.flexpro .show p{
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}