@charset "utf-8";
a{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0.05em;
}
html, body, div, h1, h2, h3,  dl, dt, dd, ol, textarea, img, table, th, td, article, aside, footer, ul, li, form, label,  p, span, applet, object, iframe,input, button, select, header, section{
	padding: 0;
	margin: 0;
	border: 0 none;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	font-weight: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0.05em;
}
html{font-size:100%;}
body{background-color: #FFF; width:100%;}
a img{
	border: 0px none #FFF;		
}
img{display:block;}
form{display:block;}
.clear{
	clear: both;
	display: block;
	float: none;
}
.height5{
	height: 5px;
	display:block;
}
.height10{
	height: 10px;
	display:block;
}
.height15{
	height: 15px;
	display:block;
}
.height20{
	height: 20px;
	display:block;
}
.height40{
	height: 40px;
	display:block;
}
.afs_main{
	margin: auto;
	display: block;
	width: 100%;
	max-width: 1200px;
}
.afs_main_{
	margin: auto;
	display: block;
	width: 100%;
	max-width: 400px;
}
header{
	height: 105px;
	width: 100%;
	background-color: #FFF;
	padding-right: 8%;
	padding-left: 8%;
	display: block;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
header .head{
	height: 105px;
	width: 100%;
	position: relative;
}
header .head .logo{
	background-image: url(../images/logo.png?20200714);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 200px;
	height: 70px;
	width: 200px;
	position: absolute;
	left: 0px;
	top: 0px;
}
header .head .search-box{
	height: 70px;
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 720px;
	padding-left: 220px;
}
header .head .search-box .search-item{
	height: 46px;
	width: 100%;
	border-radius: 46px;
	-moz-border-radius: 46px;
	position: relative;
}
header .head .search-box .search-item input[type="submit"]{
	width: 50px;
	height: 46px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 2;
	opacity: 0;
	border-radius: 46px 0 0 46px;
	-moz-border-radius: 46px 0 0 46px;
}
header .head .search-box .search-item i{
	text-align: center;
	line-height: 46px;
	font-size: 20px;
	width: 50px;
	height: 46px;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0;
	color: #999;	
	border-radius: 46px 0 0 46px;
	-moz-border-radius: 46px 0 0 46px;
}
header .head .search-box .search-item input[type="text"]{
	font-size: 14px;
	line-height: 46px;
	color: #005500;
	height: 46px;
	width: 100%;
	outline: none;
	padding-left: 55px;
	padding-right: 20px;
	border-radius: 46px;
	-moz-border-radius: 46px;
	border: 1px solid #999;
}
header .head .search-box .search-item input::-webkit-input-placeholder{color:#005500;}
header .head .search-box .search-item input::-moz-placeholder{color:#005500;}
header .head .search-box .search-item input:-moz-placeholder{color:#005500;}
header .head .search-box .search-item .click_box{
	background-color: #FFF;
	width: 100%;
	position: absolute;
	left: 0px;
	padding: 10px;
	border: 1px solid #999;
	border-radius: 10px;
	-moz-border-radius: 10px;
	top: 55px;
	z-index: 5;
}
header .head .search-box .search-item .click_box_hide{
	display: none;	
}
header .head .search-box .search-item .click_box a{
	font-size: 14px;
	line-height: 30px;
	font-weight: 600;
	color: #333;
	height: 33px;
	padding-right: 25px;
	padding-left: 25px;
	border: 1px solid #a9a9a9;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	background-color: #ddd;
	margin-bottom: 10px;
	margin-right: 10px;
}
header .head .search-box .search-item .click_box a:hover{
	color: #FFF;
	background-color: #a9a9a9;
}
header .head .nav-box{
	height: 30px;
	width: 100%;
	position: absolute;
	right: 0px;
	bottom: 10px;
}
header .head .nav-box ul{
	width: 100%;
			
}
header .head .nav-box ul li{
	text-align: center;
	float: left;
	position: relative;
}
header .head .nav-box ul li a{
	font-size: 16px;
	font-weight: bold;
	color: #006666;
	text-transform: uppercase;
	line-height: 30px;
	padding-right: 25px;
	padding-left: 25px;
	height: 40px;
}
header .head .nav-box ul li a i{
	margin-left: 5px;
	color: #666;
	font-size: 14px;
}

header .head .nav-box ul li .nav-item{
	position: absolute;
	top: 38px;
	width: 230px;
	margin-left: -webkit-calc((100% - 230px)/ 2);
	margin-left: calc((100% - 230px)/ 2);
	background-color: #FFF;
	display: none;
	border: 1px solid #fdfdfd;
	box-shadow: 0 10px 20px 0 #ccc;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #005500;
	padding: 10px;
	z-index: 100;
}
header .head .nav-box ul li .nav-item a{
	font-size: 14px;
	line-height: 1.2;
	color: #333;
	text-align: center;
	width: 100%;
	font-weight: normal;
	text-transform: none;
	margin: 5px 0px;
	height: auto;
}
header .head .nav-box ul li .nav-item a:hover{
	text-decoration: underline;	
}
header .head .nav-box ul li:hover .nav-item{
	display: block;
}
header .head .m-btn{
	height: 80px;
	width: 60px;
	text-align: center;
	display: none;
}
header .head .m-btn i{
	font-size: 26px;
	line-height: 80px;
	color: #3C4B5A;
}
header .head .m-nav{
	float: left;		
}
header .head .m-close{
	float: left;	
}
header .head .m-search{
	float: right;		
}
header .head .m-n-s-box{
	display: none;
	position: fixed;
	left: 0px;
	top: 80px;
	z-index: 10002;
	width: 100%;
	height: 92vh;
	overflow-y: scroll;
	background-color: #3C4B5A;	
	padding: 1.75rem 1.25rem;
}
header .head .m-n-s-box .ph_keys_tit{
	width: 100%;
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
	color: #FFF;
	padding-bottom: 10px;
	padding-top: 25px;
}
header .head .m-n-s-box .ph_keys{
	width: 100%;
	padding-bottom: 10px;
	display: inline-block;		
}
header .head .m-n-s-box .ph_keys a {
    color: #000;
    background-color: #FFF;
    border-radius: 20px;
    -moz-border-radius: 20px;
    line-height: 30px;
    height: 30px;
    font-weight: bold;
    text-align: left;
    display: table;
    overflow-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 16px;
    background-image: url(../images/search_box_icon.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 18px;
    padding-right: 20px;
    padding-left: 30px;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}
header .head .m-n-s-box .m-search-box{
	display: block;
	height: 46px;
	width: 90%;
	margin: auto;
	border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;		
}
header .head .m-n-s-box .m-search-box input[type="submit"]{
	width: 50px;
	height: 46px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0;
	z-index: 2;
	opacity: 0;
	border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
}
header .head .m-n-s-box .m-search-box i{
	text-align: center;
	line-height: 46px;
	font-size: 20px;
	width: 50px;
	height: 46px;
	position: absolute;
	z-index: 1;
	top: 0px;
	right: 0;
	color: #3C4B5A;	
	border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
}
header .head .m-n-s-box .m-search-box input[type="text"]{
	font-size: 14px;
	line-height: 46px;
	color: #005500;
	height: 46px;
	width: 100%;
	outline: none;
	padding-right: 55px;
	padding-left: 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #999;
}
header .head .m-n-s-box .m-search-box input::-webkit-input-placeholder{color:#005500;}
header .head .m-n-s-box .m-search-box input::-moz-placeholder{color:#005500;}
header .head .m-n-s-box .m-search-box input:-moz-placeholder{color:#005500;}
header .head .m-n-s-box .m-nav-box{
	width: 100%;
	padding-top: 50px;
}
header .head .m-n-s-box .m-nav-box ul{width: 100%;}
header .head .m-n-s-box .m-nav-box ul li{
	width: 100%;
	padding: 1rem 0;
	text-align: left;
	border-bottom: .5px solid #fff;	
}
header .head .m-n-s-box .m-nav-box ul .click-li i{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
header .head .m-n-s-box .m-nav-box ul li a{
	outline: 0;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	color: #fff;
	text-transform: uppercase;
	float: left;
	font-weight:bold;
	line-height: 1.5;
}
header .head .m-n-s-box .m-nav-box ul li i{
	float: right;
	width: 24px;
	height: 24px;
	margin-right: 1rem;
	color: #ffaa06;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	font-size: 24px;
}
header .head .m-n-s-box .m-nav-box ul li .m-nav-item{
	width: 100%;
	display: none;
}
header .head .m-n-s-box .m-nav-box ul li .m-nav-item .m-nav-link{
	width: 100%;
	margin-top: 10px;
	padding-left: 10px;
}
header .head .m-n-s-box .m-nav-box ul li .m-nav-item a{
	text-transform: none;		
}
section{
	width: 100%;
	display: block;
}
.index-search-box{
	background-image: url(../images/index-b.jpg);
	display: block;
	height: 500px;
	width: 100%;
	background-size: cover;
	padding-top: 150px;
}
.index-search-box .index-search{
	display: block;
	margin-right: auto;
	margin-left: auto;
	height: 46px;
	width: 60%;
	position: relative;
}
.index-search-box .index-search input[type="submit"]{
	width: 50px;
	height: 46px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0;
	z-index: 2;
	opacity: 0;
	border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
}
.index-search-box .index-search i{
	text-align: center;
	line-height: 46px;
	font-size: 20px;
	width: 50px;
	height: 46px;
	position: absolute;
	z-index: 1;
	top: 0px;
	right: 0;
	color: #3C4B5A;	
	border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
}
.index-search-box .index-search input[type="text"]{
	font-size: 14px;
	line-height: 46px;
	color: #006666;
	height: 46px;
	width: 100%;
	outline: none;
	padding-right: 55px;
	padding-left: 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #999;
}
.index-search-box .index-search input::-webkit-input-placeholder{color:#006666;}
.index-search-box .index-search input::-moz-placeholder{color:#006666;}
.index-search-box .index-search input:-moz-placeholder{color:#006666;}
.index-popular-searches-box{
	width: 100%;
	padding-top: 60px;
	padding-bottom: 20px;
	padding-right: 20%;
	padding-left: 20%;
	/*background-color: #f7f7f7;*/
}
.index-popular-searches-box .ipsb-title{
	font-size: 12px;
	color: #FFF;
	font-weight: 300;
	line-height: 1.2;
	width: 100%;
}
.index-popular-searches-box .ipsb-list{
	width: 100%;
	padding: 10px 0;
}
.index-popular-searches-box .ipsb-list a{
	font-size: 12px;
	line-height: 33px;
	font-weight: 600;
	color: #FFF;
	height: 33px;
	padding-right: 25px;
	padding-left: 25px;
	border: 1px solid #FFF;
	text-transform: uppercase;
	border-radius: 33px;
	-moz-border-radius: 33px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
  	/* autoprefixer: on */
	-webkit-line-clamp: 1;
	float: left;
}
.index-popular-searches-box .ipsb-list a:hover{
	color: #000;
	background-color: #FFF;		
}
.main{
	width: 1200px;
	display: block;
	margin: auto;
}
.list-main{
	width: 100%;
	padding-right: 15%;
	padding-left: 15%;
	padding-top: 20px;
}
.main_{
	width: 100%;
	padding-right: 15%;
	padding-left: 15%;
}
.padding-h50{
	padding-top: 50px;		
}
.main_title{
	width: 100%;		
}
.main_title a{
	float: left;	
}
.main_title h1{
	text-align: center;
	width: 100%;
	font-size: 2.5rem;
	line-height: 1.5;
	font-weight: bold;
	color: #444;
}
.main_title h2{
	font-size: 26px;
	line-height: 30px;
	font-weight: bold;
	color: #000;
	padding-right: 30px;
	position: relative;
}
.main_title h3{
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	color: #333;
}
.main_title h2 i{
	line-height: 30px;
	color: #FFA06A;
	position: absolute;
	top: 0px;
	right: 0px;
}
.main_title p{
	font-size: 16px;
	line-height: 30px;
	color: #999;
	float: left;
	margin-left: 30px;
	font-style: oblique;
}
.row-box{
	width: 100%;
	padding-bottom: 30px;
	position: relative;
}
.row-box .r-left{
	width: 100%;
	overflow: hidden;
}
.row-box .r-left .l-list{
	margin-right: -7.5px;
	margin-left: -7.5px;
	display: block;
	padding-top: 20px;
}
.row-box .r-left .l-list .ll-items{
	width: 25%;
	margin-bottom: 30px;
	padding-right: 7.5px;
	padding-left: 7.5px;
	float: left;	
}
.row-box .r-left .l-list .ll-items img{
    width: 100%;
    position: absolute;
    vertical-align: middle;
    height: 100%;
}
.row-box .r-left .l-list .ll-items .is-back{
	width: 100%;		
}
.row-box .r-left .l-list .ll-items .is-back .b-image{
	display: block;
	position: relative;
	overflow: hidden;
	padding-bottom: 65%;	
}
.row-box .r-left .l-list .ll-items .is-back .b-type{
	font-size: 14px;
	text-transform: uppercase;
	color: #00788D;
	font-weight: bold;
	margin-top: 16px;
	margin-bottom: 10px;
}
.row-box .r-left .l-list .ll-items .is-back .ib-det{
	width: 100%;
	height: 111px;
	overflow: hidden;
	display: block;
	padding-bottom: 10px;
}
.row-box .r-left .l-list .ll-items .is-back .b-title{
	font-size: 16px;
	line-height: 20px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
  	/* autoprefixer: on */
	-webkit-line-clamp: 2;
	font-weight: bold;
	width: 100%;
	height: 40px;
}
.row-box .r-left .l-list .ll-items .is-back .b-desc{
	font-size: 14px;
	color: #666;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
  	/* autoprefixer: on */
	-webkit-line-clamp: 3;
	margin-top: 10px;
	width: 100%;
}
.row-box .r-left .l-list .ll-items .is-back .b-info span{
    padding: 0 15px;
    border-left: solid 1px #ccc;	
	font-size: 14px;
	color: #666;
}
.row-box .r-left .l-list .ll-items .is-back .b-info span:first-child {
    padding-left: 0;
    border: none;
}
.row-box .r-right{
	width: 400px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.row-box .r-right .rr-box{
	width: 100%;
	padding-bottom: 35px;
	padding-top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.row-box .r-right .rr-box a{
	font-size: 14px;
	line-height: 30px;
	font-weight: 600;
	color: #333;
	height: 33px;
	padding-right: 25px;
	padding-left: 25px;
	border: 1px solid #a9a9a9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	background-color: #ddd;
	margin-bottom: 10px;
	margin-right: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
  	/* autoprefixer: on */
	-webkit-line-clamp: 1;
	float: left;
}
.row-box .r-right .rr-box a:hover{
	color: #FFF;
	background-color: #a9a9a9;		
}
footer{
	width: 100%;
	padding-top: 50px;
	padding-bottom: 20px;		
}
footer .f-link-box{
	display: table;
	margin: auto;		
}
footer .f-link-box a{
	font-size: 14px;
	line-height: 20px;
	color: #999;
	float: left;		
}
footer .f-link-box span{
	font-size: 12px;
	line-height: 20px;
	color: #999;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}
footer p{
	font-size: 14px;
	line-height: 20px;
	color: #999;
	width: 100%;
	text-align:center;
	margin-top: 15px;	
}
footer .f-logo{
	background-image: url(../images/logo.png?20200714);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 300px;
	height: 100px;
	width: 100%;	
	margin-top: 15px;		
}
.category-desc{
	margin-top: .25rem;
	font-size: 1.25rem;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	color: grey;
	display: block;
	line-height: 1.2;
	font-weight: 400;
	text-align: center;
}
.category-top{
	width: 100%;	
	margin-bottom: 2rem;
	padding-top: .625rem;	
	margin-top: 1.5rem;
}
.category-top .ct-left{
	width: 60%;
	float: left;
	position: relative;
}
.category-top .ct-left .ctl-nav-box{
	width: 30%;
	margin-top: .75rem;		
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;	
}
.category-nav{
	width: 100%;
}
.category-nav .cn-icon{
	text-align: center;
	width: 100%;
	margin-bottom: .75rem;
	background-image: url(../images/web__USD.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 4rem;
	height: 4rem;
	position: relative;
}
.category-nav .cn-icon:before{
	display: block;
	position: absolute;
	content: '';
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	background-color: rgba(28,213,189,.2);
	left: 50%;
	margin-left: -2.7rem;
	top: -0.5rem;
}
.category-nav .cn-nav-box{
	width: 100%;		
}
.category-nav .cn-nav-box .cnb{
	display: block;
	padding-bottom: .4rem;
	text-align: center;
}
.category-nav .cn-nav-box .cnb span{
	position: relative;
	color: #777;
	line-height: 1.1;
	font-size: 1.25rem;	
	font-weight: bold;
}
.category-nav .cn-nav-box .cnb span:before{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	position: absolute;
	left: -1rem;
	top: 50%;
	margin-top: -.375rem;
	pointer-events: none;
	border-top: .375rem solid transparent;
	border-bottom: .375rem solid transparent;
	border-left: .625rem solid #1CD5BD;	
}
.category-nav .cn-nav-box .cnb-list{
	display: block;	
	padding: .825rem 1rem;
	border-top: 1px solid #d4d4d4;
	width: 100%;
}
.category-nav .cn-nav-box a{
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	color: #222;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .07rem;
	line-height: 1.5;
	display: inline;
}
.category-nav .cn-nav-box .clicks{
	box-shadow: inset 0 -1px 0 #8CAFD3;
	margin-left: 10px;	
}
.category-nav .cn-nav-box .cnb-list:hover a{
	box-shadow: inset 0 -1px 0 #8CAFD3;
	margin-left: 10px;
}
.category-top .ct-left .ctl{
	width: 100%;
	padding-left: 40%;
	float: right;
}
.category-top .ct-right{
	float: right;
	width: 34%;
	position: relative;
}
.card-list{
	width: 100%;
	position: relative;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index: 1;
}
.card-list-bottom{
	margin-bottom: 50px;		
}
.card-list-green{
	background-color: rgba(28,213,189,.2);	
}
.card-list-violet{
	background-color: rgba(209,135,224,.2);
}
.card-list-golden{
	background-color: rgba(255,92,60,.2);
}
.card-list .card-image{
	width: 100%;	
	position: relative;
	top: -10px;
}
.card-list .card-image-green{
	left: -10px;	
}
.card-list .card-image-golden{
	left: 10px;
}
.card-list .card-image img{
	width: 100%;	
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.card-list .card-info{
	width: 100%;
    position: relative;
	padding: 20px 25px;
}
.card-list .card-info-green:after{
	border: 2px solid #1CD5BD;
	top: -25px;
	left: 10px;
	position: absolute;
	width: 100%;
	height: 125%;
	content: '';
	z-index: -1;
}
.card-list .card-info-violet:after{
	border: 2px solid #D187E0;
	top: -12px;
	left: 8px;
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	z-index: -1;
}
.card-list .card-info-golden:after{
	border: 2px solid #FF5C3C;
	top: -25px;
	left: -12px;
	position: absolute;
	width: 100%;
	height: 125%;
	content: '';
	z-index: -1;
}
.card-list .card-info .card-info-type{
	color: #0b5148;
	font-size: 1rem;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	font-weight: bold;
}
.card-list .card-info .card-info-icon{
	text-align: center;
	width: 100%;
	margin-bottom: .25rem;
	background-image: url(../images/web__USD.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 3rem;
	height: 3rem;
	position: relative;
}
.card-list .card-info .card-info-icon:before{
	display: block;
	position: absolute;
	content: '';
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background-color: rgba(209,135,224,.25);
	left: 50%;
	margin-left: -2.2rem;
	top: -0.5rem;
}
.card-list .card-info .card-info-title{
	width: 100%;
	margin-top: .6rem;
	text-align: center;
}
.card-list .card-info .card-info-title span{
	font-size: 1.5rem;	
	font-weight: bold;
	line-height: 1.25;
	color: #222;
	display: inline;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

.card-list:hover .card-info .card-info-title span{
	box-shadow: inset 0 -1.5px 0 #8CAFD3;
}
.card-list:hover{
	-webkit-transform: translate3d(0,-.125rem,0);
	transform: translate3d(0,-.125rem,0);
}
.card-list:hover .card-image img{
	-webkit-filter: brightness(105%);
	filter: brightness(105%);
}
.main-box{
	background-color: #f1f1f1;
	margin-top: 50px;
	width: 100%;
}
.other-box{
	margin: -10px;
	display: block;
	margin-top: -30px;
}
.other-box .other-items{
	padding: 10px;
	width: 20%;	
	float: left;
}
.other-box .other-items .o-item{
	width: 100%;
	position: relative;
	background-color: #FFF;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.other-box .other-items .o-item-0{
	box-shadow: .25rem .25rem 0 rgba(0,189,231,.1);	
}
.other-box .other-items .o-item-1{
	box-shadow: .25rem .25rem 0 rgba(255,168,70,.1);
}
.other-box .other-items .o-item-2{
	box-shadow: .25rem .25rem 0 rgba(255,92,60,.1);
}
.other-box .other-items .o-item-3{
	box-shadow: .25rem .25rem 0 rgba(209,135,224,.1);
}
.other-box .other-items .o-item-4{
	box-shadow: .25rem .25rem 0 rgba(28,213,189,.1);
}
.other-box .other-items .o-item .o-image{
	display: block;
	position: relative;
	padding-bottom: 65%;
}
.other-box .other-items .o-item .o-image img{
	width: 100%;
	position: absolute;
	vertical-align: middle;
	height: 100%;	
}
.other-box .other-items .o-item .o-image .o-icon{
	background-color: #fff;
	height: 38px;
	width: 38px;
	margin-left: -19px;
	position: absolute;
	left: 50%;
	bottom: 0px;
	background-image: url(../images/web__USD.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 32px;
	border-radius: 38px;
	margin-bottom: -19px;
	z-index: 1;
}
.other-box .other-items .o-item .o-image .o-icon-0:before{
	content: '';
	width: 32px;
	height: 32px;
	border-radius: 32px;
	background-color: rgba(0,189,231,.25);
	display: block;
	position: absolute;
	left: 50%;
	bottom: 50%;
	margin-bottom: -16px;
	margin-left: -16px;
}
.other-box .other-items .o-item .o-image .o-icon-1:before{
	content: '';
	width: 32px;
	height: 32px;
	border-radius: 32px;
	background-color: rgba(255,168,70,.25);
	display: block;
	position: absolute;
	left: 50%;
	bottom: 50%;
	margin-bottom: -16px;
	margin-left: -16px;
}
.other-box .other-items .o-item .o-image .o-icon-2:before{
	content: '';
	width: 32px;
	height: 32px;
	border-radius: 32px;
	background-color: rgba(255,92,60,.25);
	display: block;
	position: absolute;
	left: 50%;
	bottom: 50%;
	margin-bottom: -16px;
	margin-left: -16px;
}
.other-box .other-items .o-item .o-image .o-icon-3:before{
	content: '';
	width: 32px;
	height: 32px;
	border-radius: 32px;
	background-color: rgba(209,135,224,.25);
	display: block;
	position: absolute;
	left: 50%;
	bottom: 50%;
	margin-bottom: -16px;
	margin-left: -16px;
}
.other-box .other-items .o-item .o-image .o-icon-4:before{
	content: '';
	width: 32px;
	height: 32px;
	border-radius: 32px;
	background-color: rgba(28,213,189,.25);
	display: block;
	position: absolute;
	left: 50%;
	bottom: 50%;
	margin-bottom: -16px;
	margin-left: -16px;
}
.other-box .other-items .o-item .o-info{
	padding: 25px 15px 15px;
	width: 100%;
	height: 110px;
	overflow: hidden;
	display: block;	
}
.other-box .other-items .o-item .o-info .o-type{
	width: 100%;
	line-height: 1.5;
	font-size: .875rem;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
  	/* autoprefixer: on */
	-webkit-line-clamp: 1;
}
.other-box .other-items .o-item .o-info .o-type-0{
	color: #004858;	
}
.other-box .other-items .o-item .o-info .o-type-1{
	color: #61401b;	
}
.other-box .other-items .o-item .o-info .o-type-2{
	color: #612317;	
}
.other-box .other-items .o-item .o-info .o-type-3{
	color: #4f3355;	
}
.other-box .other-items .o-item .o-info .o-type-4{
	color: #0b5148;	
}
.other-box .other-items .o-item .o-info .o-title{
	margin-top: .25rem;
	width: 100%;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
  	/* autoprefixer: on */
	-webkit-line-clamp: 2;
	height: 45px;
}
.other-box .other-items .o-item .o-info .o-title span{
	font-size: 1.125rem;
	line-height: 1.25;	
	color: #222;
	display: inline;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}
.other-box .other-items .o-item:hover{
	-webkit-transform: translate3d(0,-.125rem,0);
	transform: translate3d(0,-.125rem,0);
}
.other-box .other-items .o-item:hover .o-info .o-title span{
    box-shadow: inset 0 -1.5px 0 #8CAFD3;
}
.page{
	display: table;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.page ul{
	width: 100%;		
}
.page ul li{
	background-color: #eee;
	display: inline-block;
	float: left;
	padding: 0.5125rem 0.725rem;
	border: 1px solid #ffaa06;
	margin: 10px;
}
.page ul li:hover{
	background-color: #ffaa06;			
}
.page ul li:hover a{
	color: #FFF;			
}
.page ul .click-li{
	background-color: #ffaa06;
}
.page ul li a{
	display: block;
}
.page ul li .click-a{
	color: #FFF;			
}
.search-list{
	width: 100%;
	position: relative;
}
.search-list .s-box{
	width: 100%;
	padding-top: 20px;
	padding-right: 410px;
}
.search-list .s-box .sbox-title{
	width: 100%;
	font-size: 18px;
	line-height: 30px;
	color: #666;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #666;
	margin-bottom: 20px;
}
.search-list .s-box .sbox-search-title{
	width: 100%;
	font-size: 18px;
	line-height: 30px;
	color: #666;
	padding-top: 10px;
	padding-bottom: 10px;
}
.search-list .s-box .s-b-list{
	width: 100%;
	font-size: 14px;
	background-color: #ffffff;
	color: #3c4043;
	font-family: Arial,arial,sans-serif;
	width: 100%;
	-ms-flex-negative: 1;
	-webkit-box-flex: 1 0;
	-webkit-flex-shrink: 1;
	flex-shrink: 1;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12),0px 1px 1px rgba(0, 0, 0, 0.14),0px 2px 1px -1px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12),0px 1px 1px rgba(0, 0, 0, 0.14),0px 2px 1px -1px rgba(0, 0, 0, 0.20);
	-ms-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12),0px 1px 1px rgba(0, 0, 0, 0.14),0px 2px 1px -1px rgba(0, 0, 0, 0.20);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12),0px 1px 1px rgba(0, 0, 0, 0.14),0px 2px 1px -1px rgba(0, 0, 0, 0.20);
	border-radius: 8px;
	border: 1px solid #dddddd;
	line-height: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-bottom: 12px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 12px;
	position: relative;
	overflow: hidden;
	transition: transform .2s;
}
.search-list .s-box #s-b-min-h{min-height: 134px;}
.search-list .s-box .s-b-list .s-b-l-img{
	width: 131px;
	position: absolute;
	left: 16px;
	top: 12px;
}
.search-list .s-box .s-b-list .s-b-l-img img{width: 100%;}
.search-list .s-box .s-b-list .s-b-l-info{
	width: 100%;
	padding-left: 150px;	
}
.search-list .s-box .s-b-list:hover{
	transform: scale(1.01);
	box-shadow: 0 1px 4px rgba(0,0,0,.25);	
}
.search-list .s-box .s-b-list font{
	font-weight: 700;		
}
.search-list .s-box .s-b-list .s-news-title{
	line-height: 20px;
	width: 100%;
	overflow: hidden;
	display: block;
	padding-top: 1px;
	padding-bottom: 9px;
}
.search-list .s-box .s-b-list .s-news-title h3{
	line-height: 20px;
	height: 20px;
	width: 100%;
	overflow: hidden;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
  	/* autoprefixer: on */
	-webkit-line-clamp: 1;
	font-size: 16px;
	color: #1967d2;
}
.search-list .s-box .s-b-list .s-news-url{
	font-size: 12px;
	color: #3c4043;
	line-height: 20px;
	height: 20px;
	width: 100%;
	overflow: hidden;
	display: block;
	margin-bottom: 13px;
}
.search-list .s-box .s-b-list .s-news-cate-name{
	font-size: 12px;
	color: #999;
	line-height: 20px;
	height: 20px;
	width: 100%;
	overflow: hidden;
	display: block;
	margin-top: 10px;
}
.search-list .s-box .s-b-list .image-text{
	width: 100%;
	padding-top: 5px;
}
.search-list .s-box .s-b-list .image-text .news-image{
	display: block;
	float: left;
	background-color: #FFF;
	max-width:80px;
	margin-right: 10px;	
}
.search-list .s-box .s-b-list .image-text img{
	vertical-align: bottom;
	width: 100%;
}
.search-list .s-box .s-b-list .image-text .news-text{
	font-size: 14px;
	max-width: 600px;
	line-height: 20px;
	color: #3c4043;	
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
  	/* autoprefixer: on */
	-webkit-line-clamp: 2;	
}
.search-list .s-box .s-b-list .image-text .news-text b{
	color: #F00;		
}
.search-list .s-box .s-box-search{
	width: 100%;
}
.search-list .s-box .s-box-search .ss-list{
	width: 50%;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	padding-right: 20px;
}
.search-list .s-box .s-box-search .ss-list a{
	font-size: 20px;
	line-height: 25px;
	color: #15c;
}
.search-list .s-box .s-box-search .ss-list a font{
	font-weight: bold;	
	color: #04b;
}
.search-list .s-right{
	width: 330px;
	position: absolute;
	top: 80px;
	right: 0px;		
}
.search-list .s-right .sr-title{
	width: 100%;
	font-size: 18px;
	line-height: 30px;
	color: #666;	
}
.search-list .s-right .sr-box{
	width: 100%;
	margin-bottom: 20px;		
}
.search-list .s-right .sr-box a{
	font-size: 20px;
	line-height: 25px;
	color: #15c;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;		
}
.search-list .s-right .sr-box a font{
	font-weight: bold;	
	color: #04b;
}
.path{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;	
}
.path a{
	font-size: 18px;
	color: #00788D;
	line-height: 25px;
	text-transform: uppercase;
	float: left;
}
.path span{
	font-size: 14px;
	color: #666;
	line-height: 25px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}
.content-main{
	width: 100%;
	padding-left: 13%;
	padding-right: 13%;
}
.content-box{
	width: 100%;
	position: relative;
	padding-top: 0px;
}
.content-box .content-left{
	width: 100%;
	overflow: hidden;
	/*padding-right: 480px;	*/
	padding-top: 20px;
}
.content-box .content-left h1{
	width: 100%;
	font-size: 3rem;
	line-height: 1.1;
	font-weight: bold;
	letter-spacing: 0.01em;
	color: #333;
}
.content-box .content-left .cl-info{
	width: 100%;
	padding-top: 20px;
}
.content-box .content-left .cl-info span{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #999;
	margin-right: 20px;
}
.content-box .content-left .cl-info span i{
	color: #999;
	margin-right: 5px;		
}
.content-box .content-left .cl-img{
	padding-top: 20px;
  	width: 70%;
  	margin: auto;
  	display: block;	
}
.content-box .content-left .cl-img img{
	display: block;
	margin: auto;
	max-width: 100%;
}
.content-box .content-left .cl-content{
	width: 100%;
	padding-top: 10px;
	font-size: 14px;
	line-height: 25px;
	color: #333;
}
.content-box .content-left .cl-content p, .content-box .content-left .cl-content li{
	font-size: 16px !important;
	line-height: 25px !important;
	color: #333 !important;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif !important;
	margin-top: 10px;
}
.content-box .content-left .cl-content img{width: 100%;}
.content-box .content-left .cl-content span{
	font-size: 16px !important;
	line-height: 25px !important;
	color: #333 !important;	
	width: 100%;
	font-family: Arial, Helvetica, sans-serif !important;
}
.content-box .content-left .cl-text{
	width: 100%;
	padding-top: 10px;
	font-size: 14px;
	line-height: 25px;
	color: #333;
}
.content-box .content-left .cl-text p{
	font-size: 16px;
	line-height: 25px;
	color: #666;
	margin-bottom: 20px;
	width: 100%;
}
.content-box .content-left .cl-text span{
	font-size: 22px;
	line-height: 25px;
	color: #333;
	margin-bottom: 5px;
	width: 100%;
}
.content-box .content-right{
	width: 400px;
	position: absolute;
	top: 0px;
	right: 0px;
	padding-top: 70px;
}
.content-box .content-right .cr-box{
	width: 100%;
	padding-bottom: 35px;
	padding-top: 25px;
	margin-bottom: 35px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}
.content-box .content-right .cr-box .crb-link{
	font-size: 14px;
	line-height: 30px;
	font-weight: 600;
	color: #333;
	height: 33px;
	padding-right: 25px;
	padding-left: 25px;
	border: 1px solid #a9a9a9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	background-color: #ddd;
	margin-bottom: 10px;
	margin-right: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	float: left;
}
.content-box .content-right .cr-box .crb-link:hover{
	color: #FFF;
	background-color: #a9a9a9;		
}
.main_news_box {
	margin-top: 30px;
	margin-right: -15px;
	display: block;
	margin-left: -15px;
}
.main_news_box .b_box {
	float: left;
	width: 25%;
	margin-bottom: 30px;
	display: block;
	padding-left: 15px;
	padding-right: 15px;
}
.main_news_box .b_box .s_box {
	display: block;
	width: 100%;
	border: 1px solid #e9e9e9;
	background-color: #FFF;
	padding: 10px;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	position: relative;
}
.main_news_box .b_box .s_box .s_full {
	background-color: rgba(0,0,0,0.6);
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 90;
	left: 0px;
	top: 0px;
	display: none;
}
.main_news_box .b_box .s_box .s_full .sf_btn {
	font-size: 16px;
	line-height: 40px;
	font-weight: bold;
	color: #FFF;
	background-image: url(/public/images/search_box_icon.png);
	background-repeat: no-repeat;
	background-position: 113px center;
	position: absolute;
	border: 2px solid #CCC;
	background-size: 25px;
	width: 150px;
	height: 40px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -75px;
	margin-top: -20px;
	padding-left: 10px;
}
.main_news_box .b_box .s_box:hover .s_full {
	display: block;
}
.main_news_box .b_box .s_box .store_logo {
	display: block;
	height: 164px;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.main_news_box .b_box .s_box .store_logo img {
	display: block;
	margin: auto;
	height: 100%;
	max-width: 100%;
}
.main_news_box .b_box .s_box .coupon_title {
	width: 100%;
	height: 65px;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
  	/* autoprefixer: on */
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 16px;
	line-height: 25px;
	text-align: center;
	color: #FFA06A;
	text-decoration: underline;
	font-weight: bold;
	background-color: #FFF;
	height: auto;
	background-image: url(../images/tit-r.png);
	background-repeat: no-repeat;
	background-position: 99% center;
	background-size: 13px;
	padding-right: 20px;
}
.main_news_box .b_box .s_box:hover {
	-moz-box-shadow: 0px 1px 7px 0px #999;
	-webkit-box-shadow: 0px 1px 7px 0px #999;
	box-shadow: 0px 1px 7px 0px #999;
}
.pages-sear-box {
	width: 100%;
	position: relative;
	margin-top: 40px;
	border: 1px solid #e9e9e9;
	background-color: #f9f9f9;
}
.pages-sear-box input {
	outline: none;
}
.pages-sear-box input[type="text"] {
	height: 60px;
	background-color: #f9f9f9;
	color: #666;
	width: 100%;
	line-height: 30px;
	font-size: 20px;
	padding-top: 15px;
	padding-right: 120px;
	padding-bottom: 15px;
	padding-left: 30px;
}
.pages-sear-box input[type="submit"] {
	height: 60px;
	width: 100px;
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url(../images/search_box_icon.png?v1);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px;
	background-color: #f9f9f9;
}
.pages_title {
	line-height: 20px;
	display: table;
	height: 20px;
	margin: auto;
	margin-top: 50px;
}
.pages_title p {
	background-color: #e6e6e6;
	height: 1px;
	width: 65px;
	margin-top: 9.5px;
	float: left;
}
.pages_title h2 {
	font-size: 20px;
	line-height: 20px;
	color: #404040;
	float: left;
	height: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
.other_keys {
	display: block;
	margin-right: -7.5px;
	margin-left: -7.5px;
	overflow: hidden;
	padding-top: 3px;
}
.other_keys .ok_list {
	float: left;
	margin-bottom: 10px;
	padding-left: 7.5px;
	padding-right: 7.5px;
	width: 33.3333%;
}
.other_keys .ok_list a {
	font-size: 16px;
	color: #000;
	background-color: #f9f9f9;
	border-radius: 20px;
	-moz-border-radius: 20px;
	line-height: 30px;
	height: 30px;
	width: 100%;
	font-weight: bold;
	text-align: left;
	display: block;
	overflow-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	background-image: url(../images/search_box_icon.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: 18px;
	padding-right: 20px;
	padding-left: 50px;
}
.other_keys .ok_list a:hover{
	-moz-box-shadow: 0px 1px 7px 0px #999;
	-webkit-box-shadow: 0px 1px 7px 0px #999;
	box-shadow: 0px 1px 7px 0px #999;
	font-size: 16px;
	color: #FFF;
	background-color: #FFA06A;
	background-image: url(../images/search_box_icon_f.png);
}
.other_keys .ok_list .a_hover{
	font-size: 16px;
	color: #FFF;
	background-color: #FFA06A;	
	-moz-box-shadow: 0px 1px 7px 0px #999;
	-webkit-box-shadow: 0px 1px 7px 0px #999;
	box-shadow: 0px 1px 7px 0px #999;
	background-image: url(../images/search_box_icon_f.png);
}
.other_news {
	display: block;
	margin-right: -15px;
	margin-left: -15px;
	overflow: hidden;
}
.other_news .on_list {
	float: left;
	margin-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
	width: 50%;
}
.other_news .on_list .onl_content {
	width: 90%;
	display: inline-block;
}
.other_news .on_list .onl_content .c_title {
	line-height: 25px;
	font-weight: bold;
	color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	overflow-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	display: block;
}
.other_news .on_list .onl_content .c_test {
	font-size: 14px;
	line-height: 20px;
	color: #686868;
	width: 100%;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
  	/* autoprefixer: on */
	-webkit-line-clamp: 3;
	height: 60px;
}
#m_pages_click_box{display: none;}
.pages-full{
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	position: fixed;
	z-index: 10003;
	left: 0px;
	top: 0px;
	height: 100%;	
}
.pages_search_pop{
	width: 660px;
	margin-left: -330px;
	position: fixed;
	left: 50%;
	top: 10%;
	padding-bottom: 20px;
	border: 1px solid #999;
	background-color: #FFF;
	z-index: 10004;
}
.pages_search_pop .sp_close{
	float: right;
	width: 15px;
	height: 15px;
	cursor: pointer;
	background: url(../images/close.png);
	background-size: 15px;
	position: absolute;
	right: 0px;
	top: -15px;
	z-index: 10;
}
.pages_search_pop .sp_top{
	padding: 25px 15px;
	width: 100%;
	background-color: #FCDFC2;
	position: relative;
}
.pages_search_pop .sp_top .spt_tit{
	font-size: 14px;
	line-height: 25px;
	color: #999;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0 15px;
}
.pages_search_pop .sp_top .sp_item{
	width: 100%;
	border: 2px dashed #FFCC33;
	background-color: #FFF;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding-bottom: 30px;
}
.pages_search_pop .sp_top .sp_item p{
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #333;
	width: 100%;
	padding: 30px 10px;	
	text-align: center;
}
.pages_search_pop .sp_top .sp_item a{
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #FF9933;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: table;
	margin: auto;
	padding: 10px 20px;
}
.pages_search_pop .sp_title{
	font-size: 18px;
	line-height: 25px;
	color: #999;
	text-align: center;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.pages_search_pop .sp_url{
	font-size: 14px;
	line-height: 20px;
	color: #797979;
	width: 100%;
	margin-top: 5px;	
	text-align: center;	
}
.pages_search_pop .sp_btn{
	font-size: 16px;
	line-height: 40px;
	font-weight: bold;
	color: #FFF;
	background-color: #E63E00;
	height: 40px;
	width: 100%;
	margin-top: 15px;	
	text-align: center;
	display: block;
}
.pages_search_pop .sp_more{
	font-size: 16px;
	line-height: 20px;
	color: #E63E00;
	text-align: center;
	margin-top: 10px;
	display: table;
	margin-left: auto;
	margin-right: auto;	
}
.pages_search_pop .sp_box{
	width: 100%;
	padding-right: 120px;
	position: relative;
	display: inline-block;
	margin-top: 30px;	
}
.pages_search_pop .sp_box input[type="text"] {
    height: 47px;
    background-color: #FFF;
    color: #000;
    width: 100%;
    line-height: 27px;
    border: 1px solid #E63E00;
    font-size: 16px;
    padding-top: 10px;
    padding-right: 120px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.pages_search_pop .sp_box input[type="submit"] {
    height: 47px;
    width: 120px;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #E63E00;
    font-size: 22px;
    line-height: 47px;
    font-weight: bold;
    color: #FFF;
}
.pages_search_pop .sp_list{
	display: block;
	overflow: hidden;
	width: 100%;
	padding: 0 10px;
}
.pages_search_pop .sp_list .spl{
	float: left;
	width: 50%;
	margin-bottom: 5px;
}
.pages_search_pop .sp_list .spl a{
	font-size: 16px;
	line-height: 25px;
	color: #333;
	width: 100%;
	display: block;
	overflow-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../images/right.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 13px;
	padding-left: 15px;	
}
.pages_search_pop .sp_list .sp_keys{
	display: block;
    margin-right: -10px;
    margin-left: -10px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pages_search_pop .sp_list .sp_keys .spk{
	float: left;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	width: 50%;	
}
.pages_search_pop .sp_list .sp_keys .spk a{
	color: #000;
	background-color: #f9f9f9;
	border-radius: 20px;
	-moz-border-radius: 20px;
	line-height: 30px;
	height: 30px;
	width: 100%;
	font-weight: bold;
	text-align: left;
	display: block;
	overflow-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	font-size: 14px;
	background-image: url(../images/search_box_icon.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: 18px;
	padding-right: 20px;
	padding-left: 50px;
}
.pages_search_pop .sp_list .sp_keys .spk .a_hover {
    color: #FFF;
    background-color: #FFA06A;
    -moz-box-shadow: 0px 1px 7px 0px #999;
    -webkit-box-shadow: 0px 1px 7px 0px #999;
    box-shadow: 0px 1px 7px 0px #999;
    background-image: url(../images/search_box_icon_f.png);
}
.pages_search_pop .sp_list .sp_keys .spk a:hover{
	color: #FFF;
    background-color: #FFA06A;
    -moz-box-shadow: 0px 1px 7px 0px #999;
    -webkit-box-shadow: 0px 1px 7px 0px #999;
    box-shadow: 0px 1px 7px 0px #999;
    background-image: url(../images/search_box_icon_f.png);	
}
#mobile_show{display: none;}
.deals_title{
	width: 100%;
	margin-bottom: 30px;		
}
.deals_title h2{
	font-size: 24px;
	line-height: 30px;
	color: #000;
	width: 100%;		
}
.deals_title h1{
	font-size: 24px;
	line-height: 30px;
	color: #000;
	width: 100%;		
}
.deals_title p{
	font-size: 16px;
	line-height: 20px;
	color: #797979;	
	width: 100%;		
}
.deals_row{
	margin-left: -10px;
    margin-right: -10px;
}
.deals_row .deals_list{
	padding-left: 10px;
	padding-right: 10px;
	width: 25%;
	float: left;
	margin-bottom: 20px;	
}
.deals_row .deals_list .d-item{
	transition: transform .2s;
	width: 100%;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.25);
	box-shadow: 0 1px 4px rgba(0,0,0,0.25);	
	background-color: #fff;
	border-radius: 2px;
}
.deals_row .deals_list .d-item:hover{
	transform: scale(1.026);
	box-shadow: 0 1px 4px rgba(0,0,0,.25);	
}
.deals_row .deals_list .d-item img{
	width: 100%;
	padding-top: 1em;
	padding-left: 2.5em;
	padding-right: 2.5em;
}
.deals_row .deals_list .d-item .d-info{
	width: 100%;
	height: 124px;
	padding: 1rem;
	text-align: center;
	overflow: hidden;
	display: block;
}
.deals_row .deals_list .d-item .d-info .d-tit{
	font-weight: 600;
	font-size: 16px;
	line-height: 1.2;
	color: #000;
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
  	/* autoprefixer: on */
	-webkit-line-clamp: 2;
}
.deals_row .deals_list .d-item .d-info p{
	font-weight: 500;
	font-size: 12px;
	color: #6c7881;
	line-height: 1.2;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
  	/* autoprefixer: on */
	-webkit-line-clamp: 3;
}
.deals_row .deals_list .d-item .d-btn{
	width: 94%;
	background-color: #00ba9c;
	color: #fff;
	line-height: 30px;
	text-align: center;
	border-radius: 2px;
	font-size: 0.875rem;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	transition: background .2s;
	font-weight: 700;
}
.deals_row .deals_list .d-item .d-btn:hover{
	background-color: #4dceb9;
}
.merchant_row{
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
	padding: 55px 13%;
}
.merchant_row .mer_detail{
	width: 100%;
	position: relative;
}
.merchant_row .mer_detail .mer-d-img{
	height: 250px;
	width: 300px;
	position: absolute;
	left: 0px;
	top: 0px;		
}
.merchant_row .mer_detail .mer-d-img img{width: 100%;}
.merchant_row .mer_detail .mer-d-info{
	width: 100%;
	padding-left: 350px;	
	height: 250px;	
}
.merchant_row .mer_detail .mer-d-info h1{
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	color: #000;
	width: 100%;
	margin-bottom: 30px;
}
.merchant_row .mer_detail .mer-d-info p{
	font-size: 20px;
	line-height: 25px;
	color: #666;
	width: 100%;
	margin-bottom: 40px;
}
.merchant_row .mer_detail .mer-d-info a{
	width: 310px;
	background-color: #00ba9c;
	color: #fff;
	line-height: 48px;
	text-align: center;
	border-radius: 2px;
	font-size: 20px;
	display: block;
	transition: background .2s;
	font-weight: 700;
}
.merchant_row .mer_detail .mer-d-info a:hover{
	background-color: #4dceb9;	
}
.discount_row{
	width: 100%;
	padding: 30px 13% 50px;
	background-color: #f1f1f1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
.discount_row h2{
	font-size: 20px;
	line-height: 25px;
	color: #000;
	text-align: center;
	width: 100%;	
	padding: 20px;
}
.discount_row .dis_box{
	width: 100%;			
}
._w100{width: 100%; padding-left: 350px; padding-right: 350px;}
._w350{
	width: 350px;
	position: absolute;
}
._p5{padding: 5px;}
._r{
	right:0px;	
}
._l{
	left:0px;		
}
._t{
	top:30px;		
}
._b{
	bottom:0px;			
}
.discount_row .dis_box .dis-b-title{
	width: 100%;
	background-color: #003366;
	height: 40px;
	position: relative;
}
.discount_row .dis_box .dis-b-title span{
	font-size: 14px;
	line-height: 40px;
	color: #00CCFF;
	text-align: center;
}
.discount_row .dis_box .dis-b-list{
	width: 100%;
	border: 1px solid #BCBCBC;
	border-top: 0px none #f1f1f1;
	padding: 30px 0;
	position: relative;
}

.discount_row .dis_box .dis-b-list .dis-b-item{height: 135px; overflow: hidden; display: block;}
.discount_row .dis_box .dis-b-list .dis-b-item img{
	display: block;
	margin: auto;
	width: 110px;
}
.discount_row .dis_box .dis-b-list .dis-b-item .plidr_list{
	display: table;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
}
.discount_row .dis_box .dis-b-list .dis-b-item .plidr_list .plidr_x{
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 20px;
	width: 20px;
	margin-right: 5px;		
}
.discount_row .dis_box .dis-b-list .dis-b-item .plidr_list .x_null{
	background-image: url(../images/x_null.png);	
}
.discount_row .dis_box .dis-b-list .dis-b-item .plidr_list .x_half{
	background-image: url(../images/x_half.png);		
}
.discount_row .dis_box .dis-b-list .dis-b-item .plidr_list .x_all{
	background-image: url(../images/x_all.png);		
}
.discount_row .dis_box .dis-b-list .dis-b-info{
	border-left: 1px solid #BCBCBC;
	border-right: 1px solid #BCBCBC;
	width: 100%;
	height: 135px;
	overflow: hidden;
	padding: 5px 30px;
}
.discount_row .dis_box .dis-b-list .dis-b-info h3{
	width: 100%;
	font-size: 18px;
	line-height: 25px;
	color: #000000;
	margin-bottom: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
  	/* autoprefixer: on */
	-webkit-line-clamp: 2;
}
.discount_row .dis_box .dis-b-list .dis-b-info p{
	font-size: 14px;
	line-height: 20px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
  	/* autoprefixer: on */
	-webkit-line-clamp: 3;		
}
.discount_row .dis_box .dis-b-btn{
	height: 135px;
	width: 100%;
	position: relative;
	display: block;
}
.discount_row .dis_box .dis-b-btn a{
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
	color: #FFF;
	background-color: #FF9900;
	text-align: center;
	height: 40px;
	width: 240px;
	margin-top: -20px;
	margin-left: -120px;
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: 1;
	transition: opacity .2s;
}
.discount_row .dis_box .dis-b-btn a:hover{opacity: .7}
.merchant_box{
	width: 100%;
	padding: 30px 13% 50px;	
}
@media screen and (max-width:1400px) {
header{padding-left: 1%; padding-right: 1%;}
.row-box .r-left{
	padding-right: 0px;
}
.row-box .r-right{
	width: 100%;
	position: static;
}
.list-main {
    padding-right: 5%;
    padding-left: 5%;
}
.content-main{
	padding-right: 5%;
    padding-left: 5%;
}
.main_{
	padding-right: 5%;
    padding-left: 5%;
}
.category-desc{width: 90%;}
.category-top{padding-right: 10px;}
header .head .nav-box ul li a{font-size: 14px;}
.merchant_row{
	padding-right: 5%;
    padding-left: 5%;
}
.discount_row{
	padding-right: 5%;
    padding-left: 5%;
}
.merchant_box{
	padding-right: 5%;
    padding-left: 5%;
}
}
@media screen and (max-width:1220px) {
header{
	width: 100%;
	padding: 0;
	height: 80px;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 10002;
}
header .head{height: 80px;}
header .head .nav-box{display: none;}
header .head .search-box{display: none;}
header .head .logo{
	width: 150px;
	margin-left: -75px;
	left: 50%;
	background-size:150px;
	height: 80px;
}
header .head .m-btn{display: inline-block;}
header .head .m-close{display: none;}
.index-popular-searches-box{
	padding-right: 15px;
	padding-left: 15px;	
}
section{padding-top: 80px;}
.main{
	padding-right: 15px;
	padding-left: 15px;
	width: 100%;
}
.list-main{
	padding-right: 15px;
	padding-left: 15px;	
}
.content-main{
	padding-right: 15px;
	padding-left: 15px;	
}
.main_{
	padding-right: 15px;
	padding-left: 15px;	
}
.category-desc{width: 96%;}
.card-list .card-info-golden{padding-top: 30px;}
.other-box .other-items{width: 25%;}
.content-box .content-left{padding-right: 0px;}
.content-box .content-right{
	width: 100%;
	padding-top: 30px;
	position: static;		
}
.main_news_box .b_box .s_box:hover .s_full {
	display: none;
}
#m_pages_click_box{display: block;}
#pages_click_box{display: none;}
#pc_show{display: none;}
#mobile_show{display: block;}
.deals_row .deals_list{width: 33.3333%;}
.merchant_row{
	padding-right: 15px;
	padding-left: 15px;	
}
.discount_row{
	padding-right: 15px;
	padding-left: 15px;	
}
.merchant_box{
	padding-right: 15px;
	padding-left: 15px;	
}

}
@media screen and (max-width:1040px) {
.category-top .ct-left{width: 100%; margin-bottom: 50px}
.category-top .ct-right{width: 100%;}
.card-list-violet{width: 47%; float:left; margin-top: 10px;}
.card-list-golden{width: 47%; float:right;}
.card-list .card-image-golden{display: none;}
.card-list .card-info-golden:after{height: 100%; top: 8px;}
.category-top{padding-right: 0px;}
.category-top .ct-left{padding-right: 15px;}
.other-box .other-items{width: 33.3333%;}
._w350{
	width: 280px;	
}
._w100{
	padding-left: 280px;
	padding-right: 280px;	
}
}
@media screen and (max-width:920px) {
.main_news_box .b_box {
	width: 50%;
}
.other_keys .ok_list {
	width: 50%;
}
.other_news .on_list {
	width: 100%;
}
.other_news .on_list .onl_content {
	width: 100%;
}
._w350{
	width: 200px;	
}
._w100{
	padding-left: 200px;
	padding-right: 0px;	
}
.discount_row .dis_box .dis-b-list .dis-b-info{border-right: 0px none #BCBCBC;}
._r{width: 100%; position: relative; top: auto; margin-top: 20px;}
.discount_row .dis_box .dis-b-list .dis-b-item{height: auto;}
.discount_row .dis_box .dis-b-btn{height: 40px;}
.index-search-box .index-search{width:90%;}
.search-list .s-box{padding-right: 0px;}
.search-list .s-right{
	width: 100%;
	position: static;
	top: 0;
	margin-top: 20px;
}
}
@media screen and (max-width:800px) {
.merchant_row{
	padding-top: 20px;
	padding-bottom: 20px;
}
.merchant_row .mer_detail .mer-d-img{
	position: static;
	margin: auto;
	display: block;
	width: 250px;
	height: auto;
}
.merchant_row .mer_detail .mer-d-info{padding-left: 0px; height: auto;}
.merchant_row .mer_detail .mer-d-info h1{text-align: center; margin-bottom: 25px;}
.merchant_row .mer_detail .mer-d-info p{text-align: center; margin-bottom: 20px;}
.merchant_row .mer_detail .mer-d-info a{width:280px; margin: auto;}
}
@media screen and (max-width:750px) {
.row-box .r-left .l-list .ll-items{width: 50%;}
.main_title a{width: 100%;}
.main_title p{margin-left: 0px;}
.search-list .s-box .s-box-search .ss-list{width: 100%; padding-right: 0px;}
.deals_row .deals_list{width: 50%;}
}
@media screen and (max-width:620px) {
.category-top .ct-left{padding-right:0px;}
.category-top .ct-left .ctl-nav-box{
	width: 100%;
	margin-bottom: 20px;
	position: static;
}
.category-nav .cn-nav-box .cnb-list{text-align:center;}
.category-top .ct-left .ctl{
    padding-left: 10px;
    padding-right: 15px;
}
.card-list .card-info .card-info-title span{font-size: 1.15rem;}
.other-box .other-items{width: 50%;}
.content-box .content-left h1{font-size: 2.3rem;}
#store_show {
	display: none;
}
#coupon_title_show {
	padding: 0px;
}
.main_news_box .b_box {
	width: 100%;
}
.main_news_box .b_box .s_box .coupon_title {
	height: auto;
}
.main_news_box .b_box {
	margin-bottom: 15px;
}
.other_keys .ok_list {
	width: 100%;
}
.pages-sear-box{margin-top: 12px;}
.pages_title{margin-top: 22px;}
.pages_search_pop{width: 300px; margin-left: -150px;}
.pages_search_pop .sp_list .sp_keys .spk{width: 100%;}
._w350{position: static; width: 100%;}
.discount_row .dis_box .dis-b-title{display: none;}
.discount_row .dis_box .dis-b-list{border: 1px solid #BCBCBC; margin-bottom: 15px;}
._w100{padding-left: 0px;}
.discount_row .dis_box .dis-b-list .dis-b-item img{width: 40%;}
.discount_row .dis_box .dis-b-list .dis-b-info h3{text-align: center;}
.discount_row .dis_box .dis-b-list .dis-b-info p{text-align: center;}
.index-search-box{padding-top: 40px;}
.deals_row .deals_list .d-item .d-info{padding: .5rem;}
}
@media screen and (max-width:460px) {

}
@media screen and (max-width:400px) {

}
@media screen and (max-width:360px) {

}
@media screen and (max-width:320px) {

}