﻿@charset "utf-8";
.price { font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei"}
img{ border:0;}
.box{ width:1200px; margin:0 auto;}
@media (max-width:1199px){
	.box{ width:100%; }
@media(max-width:767px){
  }
}
.box-100{ width:100%;}
.box-100 img{ width:100%;}
.bg-fff{ background:#fff;}
.center { text-align:center;}
.left{ float:left}
.right{ float:right;}
.mar_t{ margin-top:16px;}
.clear{clear:both;font-size:0;height:0;line-height:0; overflow:hidden;}
.relative{ position:relative;}
.red{color:#f00;}

.table{display:table;border-collapse:collapse; width:98%; margin:0 auto; }
.table-column-group{display:table-column-group;}
.table-column{display:table-column;}
.table-row-group{display:table-row-group;}
.table-row{display:table-row;}
.table-row li{display:table-cell;}

.formSubmit{text-align:center;}
input[type="submit"] {border:hidden;box-sizing:border-box;background-color:#31b9f7;color:#fff;border-radius:8px;letter-spacing:2px; cursor:pointer;}
input[type="button"] {border:hidden;box-sizing:border-box;background-color:#31b9f7;color:#fff;border-radius:8px;letter-spacing:2px; cursor:pointer;}
.btn_M {
  display: inline-block;
  *display: inline;
   color: #ffffff;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 12px;
  margin-bottom: 25px;
  line-height: 20px;
  vertical-align: middle;
  cursor: pointer;
  color: #ffffff;
  background-color: #31b9f7;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn_M:hover,.ok-option .print:hover {
  background-color: #e4393c; color:#fff;
  background-image:none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.line{ border-bottom:#e7e7e7 1px dashed; height:20px; margin-bottom:20px; width:100%;}
em{ font-style:normal; color:#e4393c;}
a em{ color:#e4393c;}
hr {
    display: block;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    border-style: inset;
    border-width: 1px;
}
a{color:#222; text-decoration:none;transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;-o-transition:0.4s;}
/*a:visited, a:active{color:#666;text-decoration:none;}*/
a:hover{ color:#00a9f7; text-decoration:none;transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;-o-transition:0.4s;}
.no-transition a,.no-transition a:hover{transition:0s;-moz-transition:0s;-webkit-transition:0s;-o-transition:0s;}



/*字体颜色*/
.fontgreen { font-size:12px; color:#05b913;}
.fontred { font-size:12px; color:#e4393c;}


@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;
			src:url(../../FONT/fontawesome-webfont.eot?v=4.5.0);
			src:url(../../FONT/fontawesome-webfont.eot?#iefix&v=4.5.0) format('embedded-opentype'),
				url(../../FONT/fontawesome-webfont.woff2?v=4.5.0) format('woff2'),
				url(../../FONT/fontawesome-webfont.woff?v=4.5.0) format('woff'),
				url(../../FONT/fontawesome-webfont.ttf?v=4.5.0) format('truetype')}
[class*=" fa-"],[class^=fa-]{position:relative;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);text-rendering:auto;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-qq:before{content:"\f1d6"}
.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}
.fa-search:before{content:"\f002"}
.fa-heart:before{content:"\f004"}
.fa-angle-left:before{content:"\f104"}
.fa-angle-right:before{content:"\f105"}
.fa-angle-up:before{content:"\f106"}
.fa-angle-down:before{content:"\f107"}
.fa-cart-plus:before{content:"\f217"}
.fa-heart-o:before{content:"\f08a"}
/* 信息显示框 */
#message {
	background-color: #E7E7E7;
	position: fixed;
	right: 20px;
	top: 50px;
	width: 300px;
	display: none;
}

#message button {
	float: right;
}

#restore {
	position: fixed;
	right: 20px;
	top: 20px;
}
.fa-window-maximize:before {
	content: "\f2d0";
}

.fa-window-minimize:before {
	content: "\f2d1";
}

.fa-window-restore:before {
	content: "\f2d2";
}
/* 显示框结束 */

@font-face{font-family:'Web Icons';font-style:normal;font-weight:400;src:url(../../FONT/web-icons.eot?v=0.2.3);src:url(../../FONT/web-icons.eot?#iefix&v=0.2.3) format('embedded-opentype'),url(../../FONT/web-icons.woff2?v=0.2.3) format('woff2'),url(../../FONT/web-icons.woff?v=0.2.3) format('woff'),url(../../FONT/web-icons.ttf?v=0.2.3) format('truetype'),url(../../FONT/web-icons.svg?v=0.2.3#web-icons) format('svg')}
.icon {position: relative; display: inline-block; font-style: normal; font-weight: normal;line-height: 1;-webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); text-rendering: auto; speak: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
[class*=" wb-"],[class^=wb-]{position:relative;display:inline-block;font-family:'Web Icons';font-style:normal;font-weight:400;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);text-rendering:auto;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.wb-shopping-cart:before {content: "\f12e";}
.wb-arrow-right:before{content:"\f185"}

@font-face{font-family:Pe-icon-7-stroke;font-style:normal;font-weight:400;src:url(../../FONT/Pe-icon-7-stroke.eot?d7yf1v);src:url(../../FONT/Pe-icon-7-stroke.eot?#iefixd7yf1v) format('embedded-opentype'),url(../../FONT/Pe-icon-7-stroke.woff?d7yf1v) format('woff'),url(../../FONT/Pe-icon-7-stroke.ttf?d7yf1v) format('truetype'),url(../../FONT/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke) format('svg')}
[class*=" pe-"],[class^=pe-]{position:relative;display:inline-block;font-family:Pe-icon-7-stroke;font-style:normal;font-weight:400;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);text-rendering:auto;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pe-angle-left:before{content:"\e686"}
.pe-angle-right:before{content:"\e684"}

#newBridge .nb-icon-wrap {width: 45px !important; height: 45px !important;}
.embed-icon-pcIcon5 {width: 144px !important;}
#newBridge .nb-new-icon-wrap-2 .nb-icon-wrap-base {background: url("../img/seek-icon.png") center center no-repeat; background-size: contain;}
.embed-messageboard .embed-messageboard-base .embed-messageboard-container .embed-messageboard-header {height: 40px !important; line-height: 40px !important;}
.embed-messageboard .embed-messageboard-base .embed-messageboard-container .embed-messageboard-header-title {line-height: 40px !important;}
.embed-messageboard .embed-messageboard-base .embed-messageboard-container .embed-messageboard-header-close {height: 40px !important;}

.vertical-align-middle{display:inline-block;max-width:100%;font-size:14px;vertical-align:middle}

.right_float{ position:fixed;_position: absolute;z-index:2;left: 50%;margin-left:620px;bottom:200px; background:#fff; z-index:999999; border-radius:8px; border:#f8f8f8 1px solid;}
.right_float .service{ display:block; background: url(../../IMG/reception/service.png) center 16px no-repeat; text-align:center; padding:66px 16px 16px 16px; line-height:20px;color:#333;}
.right_float .service p{ border-radius:8px; line-height:20px; background:#fb4848; color:#fff; margin-top:4px;}
.right_float a.qq{ background:url(../../IMG/reception/qq.png) no-repeat 8px center; padding-left:36px; line-height:40px; display:block; border-top:#e8e8e8 1px solid;}
#go-top{width:100%; border-radius:0 0 8px 8px; padding:8px 0; float:left;cursor:pointer;display:none; text-align:center; line-height:14px; font-size:14px; background:#36404b; color:#fff;}
#go-top:hover{ background:#fb4848;}
#go-top span{ font-size:16px; font-weight:bold;}
.showit{display:block;}
.hidden{display:none;}

.programme-like-title {text-align: left; padding: 25px 30px 6px; font-size: 18px; line-height: 30px;}
.programme-like-content {text-align: left; padding: 0 45px; line-height: 30px;}

/*Page Num*/
.msg{ margin-top:30px; text-align:center;}
.pageNum {color:#666;text-align:center; margin:20px auto;}
.pageNum li{ display:inline-block;}
.pageNum span,.pageNum font{cursor:default;color:#ccc;}
.pageNum font{margin:0 12px;}
.pageNum span,.pageNum a,.pageNum span.on,.pageNum em {background-color:#fff;border:1px solid #e6e6e6;margin:0 4px;padding:10px 16px;}
.pageNum a:hover,.pageNum span.on,.pageNum em {background-color:#31b9f7;color:#fff; border-color:#31b9f7; text-decoration:none;}
.pageNum .num{text-align:center; margin:0 6px;}
.pageNum .submit{margin-left:6px;}

.list-box{ width:1200px;/* padding:24px 16px;*/ margin-bottom:16px; background:#fff; overflow:hidden;}
.list-box h5{ font-size:20px;border-left: #31b9f7 12px solid; line-height:20px; margin:16px 20px; padding-left:12px; font-weight:normal; position:relative;}
.list-box h5 a{ font-size:14px; position:absolute; right:0px; top:6px;}
.list-box .fl,.list-box .fl img{ width:360px;}
.list-box .fr{ width:760px; display:table; border-top:#eee 1px solid;}
.list-box dl{display:table-row;}
.list-box dt,.list-box dd{ display:table-cell; border-bottom:#eee 1px dashed;}
.list-box dt{ text-align:right; width:12%; background:#f1f1f1; vertical-align:top; padding-top:10px; padding-right:8px; color:#666;}
.list-box dd{color:#666; padding:0 8px; line-height:100%;}
.list-box dd a{ margin:6px; display:inline-table;}
.list-box dd div a{}
/*.list-box dd.list-brand img{ width:136px; height:45px; margin-bottom:0; border:#f0f0f0 1px solid;}*/
.list-box .list-memu{ margin-left:20px; width:740px; float:right;}
.list-box .list-memu a{ width:143px; padding:10px 0 10px 20px; margin-left:20px; display:block; float:left; margin-bottom:20px;border-bottom:#eee 3px solid; background:#f7f7f7;}
.list-box .list-memu a:hover{border-bottom:#90dbff 3px solid;-webkit-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-ms-transition:all 0.4s linear;-o-transition:all 0.4s linear;transition:all 0.4s linear;}

.list-filter{ display:table;}
.list-filter dl:first-of-type dt,.list-filter dl:first-of-type dd{ border-top:#ddd 1px solid;}
.list-filter dl:last-of-type dt,.list-filter dl:last-of-type dd{ border-bottom:#ddd 1px solid;}
/*.list-filter dd div:nth-child(even){ background:#f7f7f7;}*/
.list-filter dd span{ color:#888; width:15%; padding:12px 0; text-align:right; display:inline-block;}
.list-filter dd p{ width:84%; display:block; float:right;}
.list-filter dd a{ padding:6px;}
.list-filter dd a.active{ background:#31b9f7; color:#fff;}
.list-filter dd.list-brand img{ width:108px; height:36px;}
.list-filter dd.list-brand a{ padding:0;}

.volume-box{ width:98%; margin:10px auto; display:table;}
.volume-box dl{display:table-row;}
.volume-box dt,.volume-box dd{ display:table-cell; padding:6px; border-bottom:none;}
.volume-box dt{ text-align:right; width:16%;color:#777; padding-top:12px; background:#fff;}
.volume-box dd a{ margin:0 6px; display:inline-table;}
.volume-box dl:nth-child(even) dt,.volume-box dl:nth-child(even) dd{ background:#f7f7f7;}
.volume-box dl:first-of-type dt,.volume-box dl:first-of-type dd{ border-top:none;}

.m-footer,.search-div{ display:none;}
.wap-box{ width:768px; margin:0 auto; background:#f7f7f7; display:none}
.m-show,.return-index,.wap-nav{ display:none;}
@media (max-width:640px){
	body{ background:#fff; margin-bottom:60px;}
    html,body{overflow:hidden;overflow-y:auto;}
    .mar_t{ margin-top:8px;}
    .clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
	.clearfix{*zoom:1;}

	.m-footer{ display:none;}
	.m-none{ display:none;}
    .table-row li.m-none{ display:none;}
	.m-show{ display:block;}
	.wap-box{ display:block;}
        .scroll-01 {position:relative;height: 1rem;width: 100%;overflow: hidden;margin:0 auto;background: #31b9f7;height: 42px;float:left;}

	.m-box,.wap-box{ width:100%;}
	.m-box .location{ margin-top:70px;}
    .wap-nav{ position:absolute; display:block;}
    .wap-nav a{ background:#3a3a3a url(../../IMG/reception/ico-nav.png) no-repeat center center; width:42px; height:42px; display:block; overflow:hidden; text-indent:-9999em;}
	.m-box .list-box dt{ width:20%;}
	.m-box .list-box dd{padding:8px;}
	.m-box .list-box dd a{ margin:0 6px;}
	/*display盒子*/
	.dis-box {display: -webkit-box;display: -moz-box;display: -ms-box;display: box;}
	.box-flex {-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1; display: block; width:100%;}
	/*search.css start*/
	/*字体位置*/
	.text-left{text-align: left;}
	.text-center{text-align: center;}
	.text-right{text-align: right;}
	/*按钮色调*/
	.btn-submit{border:0;text-align:center; color:#666; background:none; margin-left:6px; line-height:32px;}
	/*文本框*/
	.text-all {border-bottom: 1px solid #F6F6F9;padding:8px 0;width:100%;overflow: hidden;}
	.text-all.active{border-bottom:1px solid #1CBB7F;}
	.text-all label {font-size: 1.65rem;display: block;height: 3rem;line-height: 3rem;margin-right: 0.8rem;vertical-align: middle;}
	.text-all .text-all-span{height:3rem; line-height: 3rem; font-size:1.6rem; color:#666;}
	.text-all span.t-jiantou{margin-top:.8rem;}
	.input-text input { display:block;border: 0;height:22px;line-height:22px;box-sizing: border-box;width:85%; margin:0 5% 0 10%;color: #555;}
	.input-texts {position: relative;}
	.input-texts input {border: 0;height: 3.6rem;line-height: 3.6rem;padding: .5rem 0;box-sizing: border-box;width: 100%;color: #555;font-size: 1.57rem;padding-right: 3rem;}
	.text-area1{width:100%; border:0; font-size:1.6rem; min-height: 3rem; line-height:2rem; padding: .5rem 0;  box-sizing:border-box; border-bottom:1px solid #F6F6F9; color:#555;}

    .pageNum{width:100%;}
    .pageNum span,.pageNum a,.pageNum span.on,.pageNum em {padding:6px 10px;}
    .pageNum a{ display:none;}
    .pageNum a:first-child,.pageNum a:last-of-type{display:inline-block}


}


