/*
关于注释：
s表示起始位置start，e表示结束位置end。
*/


/*网站全局定义的响应式样式集合*/

@media (max-width: 1440px) {
	/* 小于等于 1440px */
}

@media (max-width: 1366px) {
	/* 小于等于 1366px */
	.search-box {
		position: absolute;
		top: -95px;
		right: 20% !important;
	}
}

@media (max-width: 1200px) {
	/* 小于等于 1200px */
	iframe {
		width: 640px;
		height: 360px;
	}
}

@media (max-width: 1024px) {
	/* 小于等于 1024px */
	.col-5 {
		width: 25%;
	}
	iframe {
		width: 640px;
		height: 360px;
	}
	header {
		/*padding: 15px 0 !important;*/
		padding-bottom: 90px;
	}
	header .left {
		/*width: 100%;
        text-align: center;*/
	}
	header .right {
		/*width: 100%;
        height: 80px;*/
	}
	.search-box {
		position: absolute;
		top: -70px !important;
		left: 48px;
		right: 48px !important;
		width: 100%;
		width: calc(100% - 96px);
	}
	.search-box .search-keyword {
		display: none;
	}
	/*.section-subpage .col-md-9.right {
        width: 80%;
    }
    .section-subpage .col-md-push-3.right {
        left: 20%;
    }
    .section-subpage .col-md-3.left {
        width: 20%;
    }
    .section-subpage .col-md-pull-9.left {
        right: 80%;
    }*/
}

@media (max-width: 992px) {
	/* 小于等于 992px */
	.col-5 {
		width: 33.33333%;
	}
	iframe {
		width: 640px;
		height: 360px;
	}
	header {
		/*padding: 15px 0 !important;*/
		padding-bottom: 70px;
	}
	header .left {
		text-align: center;
	}
	header .right {
		height: 80px;
	}
	header .right .width-20p img {
		position: absolute;
		top: -95px !important;
		right: 0;
		width: 44px;
		height: 99px;
	}
	.search-box {
		position: absolute;
		top: -70px !important;
		left: 48px;
		right: 48px !important;
		width: 100%;
		width: calc(100% - 96px);
	}
	.search-box .search-keyword {
		display: none;
	}
	.navbar-default .navbar-nav>li>a,
	.navbar-default .navbar-nav>li>span {
		display: block;
		color: #fff;
		font-size: 18px;
		line-height: 66px;
		padding: 0 15px;
	}
	.section-title .nav-tabs {
		display: block !important;
		float: left !important;
	}
	.nav-tabs>li {
		position: relative;
		height: auto !important;
	}
	.nav-tabs>li>a {
		display: block;
		/*font-size: 14px !important;*/
		line-height: 36px !important;
		/*padding: 5px 5px !important;*/
	}
	.product-box {
		margin-bottom: 10px;
	}
	section .product-box .pic-box {
		width: 15% !important;
		float: left;
		margin-bottom: 0;
	}
	section .product-box .info {
		width: 85% !important;
		float: left;
		padding-left: 15px;
	}
	section .product-box .info {
		padding: 0 !important;
		padding-left: 15px !important;
	}
	.price>del {
		padding-left: 0 !important;
	}
	.section-01 .product-box .pic-box,
	.section-02 .product-box .pic-box {
		width: 30%;
		float: left;
		margin-bottom: 0;
	}
	.section-01 .product-box .info,
	.section-02 .product-box .info {
		width: 70%;
		float: left;
		padding-left: 15px;
	}
	.section-06 .width-40p {
		width: 100% !important;
		float: left;
	}
	.section-06 .width-40p.col-space-5 {
		width: 35% !important;
		float: left;
	}
	.section-06 .width-40p.col-space-5>* {
		width: 100% !important;
	}
	.section-06 .width-20p {
		width: 65% !important;
		float: left;
	}
	.section-06 .width-40p.col-space-5 {
		margin: 0 !important;
	}
	.section-06 .width-40p.col-space-5>* {
		padding: 0 !important;
	}
	.section-08 .corner-box {
		top: -15px !important;
		left: -5px !important;
		background: url(../img/corner-pic.png) 0 0 no-repeat !important;
	}
	.section-08 .product-box {
		/*padding: 0 !important;*/
		margin-bottom: 20px;
		/*border: 1px solid #ddd;*/
	}
	.section-08 .product-box .pic-box {
		width: 100% !important;
		padding: 0 !important;
		margin-bottom: 15px;
	}
	.section-08 .product-box .info {
		width: 100% !important;
		padding: 5px !important;
		margin-bottom: 0 !important;
		background-color: #fff !important;
	}
	/*.section-08 .product-box:before {
		display: none;
	}
	.section-08 .product-box:after {
		display: none;
	}
	.section-08 .pic-box:before {
		display: none;
	}
	.section-08 .pic-box:after {
		display: none;
	}*/
	.product-info .content-box {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
	.product-info .info-box {
		position: relative;
		width: 100% !important;
	}
	.product-info .table-responsive {
		position: absolute;
		top: 0 !important;
		left: 0;
		width: 100% !important;
		margin-left: 0 !important;
		background-color: #fff;
		box-shadow: 3px 1px 15px rgba(0, 0, 0, .5);
		z-index: 99;
	}
	.aside-box .product-box {
		width: 50% !important;
		width: calc(50% - 10px) !important;
		float: left !important;
	}
	.aside-box .product-box:nth-of-type(even) {
		margin-right: 10px;
	}
	.aside-box .product-box:nth-of-type(odd) {
		margin-left: 10px;
	}
	.aside-box .product-box .pic-box {
		width: 100% !important;
		float: left !important;
	}
	.aside-box .product-box .info {
		width: 100% !important;
		float: left !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	section .item-box .info {
		background-color: transparent !important;
	}
	.section-subpage .product-box .pic-box {
		width: 100% !important;
	}
	.section-subpage .product-box .info {
		width: 100% !important;
		padding: 10px !important;
	}
	.christmas-block-04 .info {
		height: auto !important;
		text-align: left;
		font-size: 16px;
		padding-top: 20px !important;
		background: none !important;
	}
	.christmas-block-04 .info:after {
		content: "";
		display: none !important;
	}
	.christmas-block-04 .info>p {
		padding: 0 30px !important;
	}
	.section-subpage .col-md-9.right {
		width: 100% !important;
	}
	.section-subpage .col-md-push-3.right {
		left: 0 !important;
	}
	.section-subpage .col-md-3.left {
		width: 100% !important;
	}
	.section-subpage .col-md-pull-9.left {
		right: 0 !important;
	}
}

@media (max-width: 768px) {
	/* 小于等于 768px */
	.col-5 {
		width: 50%;
	}
	iframe {
		width: 640px;
		height: 360px;
	}
	.width-10p,
	.width-20p,
	.width-30p,
	.width-40p,
	.width-50p,
	.width-60p,
	.width-70p,
	.width-80p,
	.width-90p {
		width: 100% !important;
	}
	.img-normal {
		display: none !important;
	}
	.img-responsive {
		display: block !important;
	}
	header .left {
		text-align: center;
	}
	header .left .logo {
		margin-bottom: 20px;
	}
	header .right {
		height: 80px;
	}
	header .right .width-20p {
		position: relative;
		margin-left: 0 !important;
	}
	header .right .width-20p img {
		position: absolute;
		top: -185px !important;
		left: inherit !important;
		right: 10px !important;
		width: 44px;
		height: 99px;
	}
	.search-box {
		position: absolute;
		top: -70px !important;
		left: 25px;
		right: 25px !important;
		width: 100%;
		width: calc(100% - 50px);
	}
	.search-box .search-keyword {
		display: none;
	}
	.navbar-header {
		background-color: #fc5cd8;
	}
	.navbar-default .navbar-toggle {
		padding: 9px 15px;
		border-color: #fff;
	}
	.navbar-default .navbar-toggle .fa-bars {
		color: #fff;
	}
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		background-color: transparent;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
	}
	.section-00 .list-group ul>li {
		display: inline-block;
		width: 50%;
		float: left;
	}
	.section-00 .list-group ul>li.list-head {
		display: block;
		width: 100%;
		border-bottom: none;
	}
	.section-00 .list-group ul>li>a {
		display: block;
		line-height: 2;
		border-bottom: 1px dotted #ddd;
	}
	.aside-box .product-box .pic-box {
		width: 100% !important;
		float: left !important;
	}
	.aside-box .product-box .info {
		width: 100% !important;
		float: left !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.option-box .left .content-box {
		position: inherit !important;
		width: 100%;
		height: auto !important;
		font-size: 18px;
		padding: 10px !important;
		background-color: #efefef;
	}
	.detail-selection .button-box {
		color: #fff;
		height: 140px !important;
		background-color: #fc5cd8;
	}
	.detail-selection .button-box .price {
		text-align: center;
		padding-left: 0 !important;
		margin-bottom: 0;
	}
	.detail-selection .button-box .btn-add-to-cart {
		border: none;
		border-left: none !important;
		border-top: 1px solid #fff !important;
		background-color: transparent;
	}
	.product-detail-content .right .padding-30 {
		padding: 10px !important;
	}
	.product-info .content-box {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	.product-info .pic-box {
		width: 100% !important;
		height: auto !important;
		float: left;
		margin-bottom: -100px;
		z-index: -1;
	}
	.product-detail-content .content-box-01 .item-box .pic-box {
		width: 100% !important;
		height: auto !important;
		float: left;
		margin-bottom: 0 !important;
		z-index: inherit !important;
	}
	.product-info .table-responsive {
		position: inherit !important;
		top: 10%;
		left: 0;
		width: 100% !important;
		margin-left: 0 !important;
		background-color: #fff;
		/*box-shadow: none !important;*/
		z-index: 99;
	}
	.section-subpage .product-box .pic-box {
		width: 100% !important;
	}
	.section-subpage .product-box .info {
		width: 100% !important;
		padding: 10px !important;
	}
	.section-subpage .col-md-9.right {
		width: 100% !important;
	}
	.section-subpage .col-md-push-3.right {
		left: 0 !important;
	}
	.section-subpage .col-md-3.left {
		width: 100% !important;
	}
	.section-subpage .col-md-pull-9.left {
		right: 0 !important;
	}
}

@media (max-width: 736px) {
	/* 小于等于 736px */
	.col-5 {
		width: 50%;
	}
	.width-10p,
	.width-20p,
	.width-30p,
	.width-40p,
	.width-50p,
	.width-60p,
	.width-70p,
	.width-80p,
	.width-90p {
		width: 100% !important;
	}
	.img-normal {
		display: none !important;
	}
	.img-responsive {
		display: block !important;
	}
	header {
		padding-bottom: 90px;
	}
	header .left {
		text-align: center;
	}
	header .left .logo {
		margin-bottom: 10px;
	}
	header .right {
		height: 0;
	}
	header .right .width-20p {
		position: relative;
		margin-left: 0 !important;
	}
	header .right .width-20p img {
		position: absolute;
		top: -185px !important;
		left: inherit !important;
		right: 10px !important;
		width: 44px;
		height: 99px;
	}
	header .right .banner {
		text-align: center !important;
		margin-bottom: 10px;
	}
	.search-box {
		position: absolute;
		top: 8px !important;
		left: 15px;
		right: inherit !important;
		width: 480px;
	}
	.search-box .form-inline input.form-control {
		width: calc(100% - 45px);
		min-width: 400px !important;
		height: 40px !important;
		border: 1px solid #fff;
	}
	.search-box .btn-search {
		width: 40px !important;
		height: 40px !important;
		text-align: center;
		color: #f2698c;
		padding: 0;
		border: 1px solid #fff;
		background-color: #fff;
	}
	.navbar-header {
		background-color: #f485a1;
	}
	.navbar-default .navbar-toggle {
		padding: 7px 15px;
		border-color: #fff;
	}
	.navbar-default .navbar-toggle .fa-bars {
		color: #fff;
	}
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		background-color: transparent;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
	}
	.section-title .nav-tabs {
		display: block !important;
		float: left !important;
	}
	.nav-tabs>li {
		position: relative;
		height: auto !important;
	}
	.nav-tabs>li>a {
		display: block;
		/*font-size: 14px !important;*/
		line-height: 36px !important;
		/*padding: 5px 5px !important;*/
	}
	.product-box {
		margin-bottom: 10px;
	}
	section .product-box .pic-box {
		width: 15% !important;
		float: left;
		margin-bottom: 0;
	}
	section .product-box .info {
		width: 85% !important;
		float: left;
		padding-left: 15px;
	}
	section .product-box .info {
		padding: 0 !important;
		padding-left: 15px !important;
	}
	.price>del {
		padding-left: 0 !important;
	}
	.section-01 .product-box .pic-box,
	.section-02 .product-box .pic-box {
		width: 30%;
		float: left;
		margin-bottom: 0;
	}
	.section-01 .product-box .info,
	.section-02 .product-box .info {
		width: 70%;
		float: left;
		padding-left: 15px;
	}
	.section-06 .width-40p.col-space-5 {
		width: 35% !important;
		float: left;
	}
	.section-06 .width-20p {
		width: 65% !important;
		float: left;
	}
	.section-06 .width-40p.col-space-5 {
		margin: 0 !important;
	}
	.section-06 .width-40p.col-space-5>* {
		padding: 0 !important;
	}
	.section-08 .corner-box {
		top: -15px !important;
		left: -5px !important;
		background: url(../img/corner-pic.png) 0 0 no-repeat !important;
	}
	.section-08 .product-box {
		padding: 0 !important;
		margin-bottom: 20px;
		border: 1px solid #ddd;
	}
	.section-08 .product-box .pic-box {
		width: 100% !important;
		padding: 0 !important;
		margin-bottom: 15px;
	}
	.section-08 .product-box .info {
		width: 100% !important;
		padding: 0 !important;
		padding-left: 15px !important;
	}
	.section-08 .product-box:before {
		display: none;
	}
	.section-08 .product-box:after {
		display: none;
	}
	.section-08 .pic-box:before {
		display: none;
	}
	.section-08 .pic-box:after {
		display: none;
	}
	.option-box .left .content-box {
		position: inherit !important;
		width: 100%;
		height: auto !important;
		font-size: 18px;
		padding: 10px !important;
		background-color: #efefef;
	}
	.detail-selection .button-box {
		color: #fff;
		height: 140px !important;
		background-color: #fc5cd8;
	}
	.detail-selection .button-box .price {
		text-align: center;
		padding-left: 0 !important;
		margin-bottom: 0;
	}
	.detail-selection .button-box .btn-add-to-cart {
		border: none;
		border-left: none !important;
		border-top: 1px solid #fff !important;
		background-color: transparent;
	}
	.product-detail-content .right .padding-30 {
		padding: 10px !important;
	}
	.product-info .content-box {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	.product-info .info-box .p-intro {
		top: 50px !important;
		left: 30px !important;
		right: 30px !important;
	}
	.product-info .table-responsive {
		position: inherit !important;
		top: 10%;
		left: 0;
		width: 100% !important;
		margin-left: 0 !important;
		background-color: #fff;
		box-shadow: none !important;
		z-index: 99;
	}
	.space-10-xs>*,
	.space-all-10-xs * {
		position: relative;
		min-height: 1px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.main-option {
		width: 100%;
		float: none !important;
		margin-bottom: 30px;
		column-count: 1;
	}
	.main-option .option-box {
		width: 100%;
		float: left;
		margin-bottom: 10px;
		width: 100%;
		height: 100%;
		float: none !important;
		overflow: auto;
	}
	.section-subpage .col-md-9.right {
		width: 100%;
	}
	.section-subpage .col-md-push-3.right {
		left: 0;
	}
	.section-subpage .col-md-3.left {
		width: 100%;
	}
	.section-subpage .col-md-pull-9.left {
		right: 0;
	}
}

@media (max-width: 480px) {
	/* 小于等于 480px */
	.col-5 {
		width: 50%;
	}
	iframe {
		width: 345px;
		height: 194px;
	}
	.search-box {
		width: 300px;
	}
	.search-box .search-keyword {
		display: none;
	}
	.search-box .form-inline input.form-control {
		width: calc(100% - 45px);
		min-width: inherit !important;
		height: 40px !important;
		border: 1px solid #fff;
	}
	.nav-tabs>li {
		position: relative;
		height: auto !important;
	}
	.nav-tabs>li>a {
		display: block;
		line-height: 36px !important;
	}
	.product-box {
		margin-bottom: 10px;
	}
	section .product-box .pic-box {
		width: 30% !important;
	}
	section .product-box .info {
		width: 70% !important;
	}
	section .product-box .info {
		padding: 0 !important;
		padding-left: 15px !important;
	}
	.price>del {
		display: inline-block;
		padding-left: 0 !important;
	}
	.section-01 .product-box .pic-box,
	.section-02 .product-box .pic-box {
		width: 30%;
		float: left;
		margin-bottom: 0;
	}
	.section-01 .product-box .info,
	.section-02 .product-box .info {
		width: 70%;
		float: left;
		padding-left: 15px;
	}
	.section-06 .width-40p.col-space-5 {
		margin: 0 !important;
	}
	.section-06 .width-40p.col-space-5>* {
		padding: 0 !important;
	}
	.section-08 .corner-box {
		/*display: none;*/
		top: -15px !important;
		left: -5px !important;
		width: 50px !important;
		height: 51px !important;
		background: url(../img/corner-pic-small.png) 0 0 no-repeat !important;
	}
	.section-08 .corner-box>span {
		text-align: center;
		color: #d01ed4;
		font-size: 30px !important;
		font-weight: bold;
		font-style: italic;
		line-height: 50px !important;
		text-shadow: 3px 1px 5px #fff;
	}
	.section-08 .product-box {
		padding: 0 !important;
		margin-bottom: 20px;
		border: 1px solid #ddd;
	}
	.section-08 .product-box .pic-box {
		width: 100% !important;
		padding: 0 !important;
		margin-bottom: 15px;
	}
	.section-08 .product-box .info {
		width: 100% !important;
		padding: 0 !important;
		padding-left: 15px !important;
	}
	.section-08 .single-line {
		display: inherit !important;
		white-space: inherit !important;
		text-overflow: inherit !important;
		display: -webkit-box !important;
		height: 60px !important;
		-webkit-box-orient: vertical !important;
		-webkit-line-clamp: 3 !important;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.section-subpage .product-box .pic-box {
		/*width: 30% !important;*/
	}
	.section-subpage .product-box .info {
		/*width: 70% !important;*/
		/*padding: 10px !important;*/
	}
	.option-box .left .content-box {
		position: inherit !important;
		width: 100%;
		height: auto !important;
		font-size: 18px;
		padding: 10px !important;
		background-color: #efefef;
	}
	.detail-selection .button-box {
		color: #fff;
		height: 140px !important;
		background-color: #fc5cd8;
	}
	.detail-selection .button-box .price {
		text-align: center;
		padding-left: 0 !important;
		margin-bottom: 0;
	}
	.detail-selection .button-box .btn-add-to-cart {
		border: none;
		border-left: none !important;
		border-top: 1px solid #fff !important;
		background-color: transparent;
	}
	.product-detail-content .right .padding-30 {
		padding: 10px !important;
	}
	.aside-box .product-box {
		width: 50% !important;
		width: calc(50% - 10px) !important;
		float: left !important;
	}
	.aside-box .product-box:nth-of-type(even) {
		margin-right: 10px;
	}
	.aside-box .product-box:nth-of-type(odd) {
		margin-left: 10px;
	}
	section .item-box .info {
		background-color: transparent !important;
	}
	.product-info .content-box {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	.product-info .info-box {
		position: relative;
		width: 100% !important;
	}
	.product-info .table-responsive {
		position: inherit !important;
		top: 10%;
		left: 0;
		width: 100% !important;
		margin-left: 0 !important;
		background-color: #fff;
		box-shadow: none !important;
		z-index: 99;
	}
	.product-info .info-box .p-intro {
		top: 10px !important;
		left: 30px !important;
		right: 30px !important;
	}
	.product-box .pic-box .inner-box .title {
		font-size: 16px !important;
	}
	.product-box .pic-box .inner-box .price>span {
		font-size: 20px !important;
	}
}

@media (max-width: 375px) {
	iframe {
		width: 320px;
		height: 180px;
	}
		.search-box {
		width: 258px;
	}
		.navbar-default .navbar-toggle {
		padding: 6px 14px;
		border-color: #fff;
	}
	/* 小于等于 374px */
}

@media (max-width: 320px) {
	iframe {
		width: 280px;
		height: 158px;
	}
		.search-box {
		width: 215px;
	}
	/* 小于等于 320px */
}


/* 超小屏幕（手机，小于 768px） */


/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */

* {}

@media (min-width: 479px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
	.container {
		width: 1200px;
	}
}