* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*
@media only screen and (max-width:1200px) {

	html,body{
		font-size: 12px;
	}
	img{
		max-width: 100%;
	}
	.wrapper{
		
	}
	.gh{
		display: block;  margin-left: 15px;
		position: fixed; right:5%; top: 10px;
	}
	.gh {
		height:60px;
		width:23px;
		margin-top:-10px;
		transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		cursor:pointer;
	}
	.gh.selected {
		transform: rotate(90deg);
	}
	.gh a {
		background-color: #fff;
		display: block;
		height: 2px;
		position: relative;
		top: 50%;
		transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		width: 100%;
		border-radius: 3px;
	}
	
	.gh a:after, .gh a:before {
		background-color: #fff;
		content: "";
		display: block;
		height: 2px;
		left: 0;
		position: absolute;
		transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		
		border-radius: 3px;
	}
	.gh a:after {
		top:9px;width: 100%;
	}
	.gh a:before {
		top:-8px;width: 100%;
	}
	.gh.selected a:after, .gh.selected a:before {
		top: 0;
	}
	.gh.selected a:before {
		transform: translateY(0px) rotate(-45deg);
		-webkit-transform: translateY(0px) rotate(-45deg);
		-ms-transform: translateY(0px) rotate(-45deg);
		top: 0; width: 26px;
	}
	.gh.selected a:after {
		transform: translateY(0px) rotate(45deg);
		-webkit-transform: translateY(0px) rotate(45deg);
		-ms-transform: translateY(0px) rotate(45deg);
		top: 0; width: 26px;
	}
	.gh.selected a {
		background-color: transparent !important;
	}
	
	.wrapper{
		width: auto; padding: 0 3%;
	}
	.header{
		height: auto; padding-bottom: 15px;
	}
	.header-top{
		height: auto;
		background: rgba(7,117,103,0.9);
		position: fixed;
		left: 0; right: 0;
		padding-left: 3%; padding-right: 3%;
		z-index: 10;
	    top: 0;

	}
	.header-top .logo{
		padding-top: 0; text-align: center; float: none; padding: 10px 0;
	}
	.header-top .logo img{
		display: inline-block; height: 40px;
	}
	.header-top .nav{
        width: 100%;
        text-align: center;
		display: none;
		float: none;
		margin-top: 15px;
	}
	.nav li{
		float: none;
		margin-left: 0;
		margin-bottom: 25px; 
	}
	.nav-item a{
		font-size: 14px;
	}
	.header-main{
		padding-top: 80px; margin-top: 0; text-align: center;
	}

     .current{
		float: none;
	}
	.current h2{
		font-size: 18px;
	}
	.current-attr{
		margin-top: 10px; line-height: 26px; height: auto;
	}
	.current-attr span{
		font-size: 12px;
		margin: 0 5px;
	}
	.current-attr a,.current-attr .a-qq{
		font-size: 12px;
	}
	
	.current-attr .a-qq{
		width: auto; padding: 0 10px; margin-left: 12px;
	}
	.search{
		float: none;
		margin-top: 15px;
		width: 65%;
		display: inline-block;
	

	}
	.search-text{
		height: 35px; line-height: 35px; padding-left: 3%; font-size: 12px;
	}
	.search-btn{
		height: 35px; width: 50px; background-size:18px ;
	}
	.notice{
		margin-top: 10px; padding: 15px 10px; font-size: 14px;
	}
	.choose{
		margin: 10px 5% 0 5%;
		font-size: 14px;
		
	}
	.choose-wrap{
		height: auto; float: none;
	}
	.g-hd{
		padding-top: 15px;
	}
	.g-hd-tit{
		font-size: 20px; padding-top: 0; font-size: 16px; float: none; display: inline-block;
	}
	.g-hd-tit span{
		padding: 3px 10px; margin-right: 10px;
	}
	
	.choose-item{
		line-height: 36px; margin-bottom: 10px;
	}
	.choose-left{
		float: none; line-height: 30px;
	}
	.choose-right{
		margin-left: 0; float: none;
	}
	.goods{
		padding-bottom: 0;
	}
	.goods-summary{
		width: 100%;
		height: auto; line-height: 36px; padding: 0 10px;
	}
	.goods-tit{
		padding: 0 ;
	}
    .num-wrap{
    	margin-left: 15px; float: none; display: inline-block;
    }
    .num-wrap .num{
    	margin-left: 5px;
    }
    .text-num{
    	height: 36px;padding: 0 10px; font-size: 12px;
    	width: 118px;
    }
    .choose-right .add-text{
    	
    	font-size: 12px;
    	width: 100%; height: 36px; line-height: 36px; padding: 0 10px;
    }
    .choose-right .money{
    	padding-left: 0;
    }
    .choose-item-t{
    	height: 36px; line-height: 36px; padding: 0 10px; font-size: 12px;
    	margin-right: 3px;
    }
    .info{
    	width: 100%; height: auto; margin-right: 0; padding: 0 2%; margin-top: 10px;
    }
    .info-tit{
    	font-size: 16px; text-align: center; padding: 15px 0;
    }
    .info-txt{
    	padding: 10px 2%; text-align: center;
    }
    .info-txt p{
    	line-height: 1.7; font-size: 14px;
    }
    .info-qr img{
    	margin: 10px 0;
    }
    .info-qr{
    	padding-bottom: 10px;
    }
    .paytype .g-hd .money{
    	font-size: 16px; margin: 0 10px 0 0; font-size: 14px;
    }
     .paytype .g-hd .money big{
     	font-size: 16px;
     }
     .paytype-list {
     	 margin: 0 5%;
     }
     .paytype-list ul{
     	margin: 10px 0; width: 101%;
     }
     .paytype-item{
     	width: 49%; margin: 10px 1% 10px 0; height: 50px; line-height: 50px;
     }
     .paytype-item img{
     	height: 26px;
     }
     
     .paytype-btn{
     	padding:10px 0 20px 0;
     }
     .paytype-btn input{
     	width: 200px; height: 35px; line-height: 35px; font-size: 14px;
     }
     .footer{
     	margin-top: 10px;
     }
     .footer-logo{
     	padding-top: 20px;
     }
      .footer-logo img{
      	height: 30px;
      }
     .copyright{
     	font-size: 12px; padding: 10px 0 20px;
     }
}
*/