/* reset css */
html,body{padding:0; margin:0; width: 100%;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0;  outline: none;  }
body, button, input, select, textarea { font: 14px/1.5 "Microsoft YaHei", 微软雅黑, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu; color:#000; }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
address, cite, dfn, em, var { font-style: normal }
ul, ol, dl { list-style: none }
a { text-decoration: none; color: #000; outline: none ;font-family:"Microsoft YaHei", 微软雅黑, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu;cursor: pointer;}
img { border: 0 }
i {font-style: normal;}
button, input, select, textarea { font-size: 100% ;font-family:"Microsoft YaHei", 微软雅黑, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu;}
table { border-collapse: collapse; border-spacing: 0 }
iframe{ border:none; padding:0; margin:0;}
.clear{*zoom:1;}
.clear:after{display:block;clear:both;content:"  ";visibility:hidden;height:0;}
input[type=checkbox]{position: relative; top: 2px; margin-right: 5px;}
.center{ width: 1190px; margin: 0 auto; position: relative; }
.fl{ float: left; }
.fr{ float: right; }
.show {display: block;}
.hide {diplay: none;}
.w1100 { width: 1100px; margin: 0 auto; }

/* 头部菜单 */
.header{ background: #fff; position: relative; }
.head_content{ height: 150px; background: url(../images/top_flower.png) no-repeat right bottom;}

.top {position: relative;height: 35px;background: #f9f9f9;border-bottom: 1px solid #eee;width: 100%; *z-index:2; }
.top_left{height: 35px; }
.top_left span{height: 35px; line-height: 35px; display: inline-block;color: #999;}
.top_left span a{ color:#999; font-size: 13px; }
.top_left span a:hover{ text-decoration: underline; color: #ff6c00; }
.top_right{ float: right; height: 35px; margin-right: 30px; }
.top_right li{height: 35px; line-height: 35px; display: inline-block;}
.top_line{height: 12px; background: url(../images/icons/top_line.png) no-repeat; margin-top: 11px;width: 2px;overflow: hidden;}
.top_right ul li a, .top_right ul li span{float: left; margin-left: 15px; display: inline; color: #999;}
.top_right ul li a:hover{color:#f85a1b; }

.logo{ float: left; margin-top: 22px; width: 103px; height: 105px; }
.top_menu{ position: relative; float: right; }
.top_menu li{ float: left; width: 140px; height: 146px; text-align: center; border-bottom: 4px solid #fff; }
.top_menu li.active{ border-bottom-color: #a40182; }
.top_menu li em{ display: block; color: #595757; font-size: 18px; margin-top: 50px; font-family: 时尚中黑简体; }
.top_menu li a:hover em, .top_menu li a:hover span{ color: #a40182;}
.top_menu li.active em{ color: #a40182; font-weight: bold;  }
.top_menu li.active span{ color: #a40182; }
.top_menu li span{ color: #b1b0b0; font-size: 12px; font-family: arial;}

.top_submenu{ position: absolute; display: none; /* background: url(../images/icons/tm_bg.png) repeat-x bottom; */ background: rgba(255, 255, 255, .8) url(../images/icons/sub_menu_top_bg.png) top no-repeat; width: 707px; height: 388px; z-index: 99; left: 140px; /* padding-top: 45px; */ margin-top: 45px; top: 105px;  }
.top_menu li:hover .top_submenu{ display: block; }
.top_submenu span{ display: block; line-height: 60px; float: left; width: 100%; border-bottom: 1px solid rgba(0,0,0,.05);}
.top_submenu span a{ display: block; width: 100%; height: 60px; line-height: 60px; text-align: center; color: #515151; font-size: 14px;  font-weight: bold; }
.top_submenu span a:hover{ color: #a40182; }
.top_submenu .ts-title {width: 143px;}
.top_submenu .ts-image {width: 563px;}
.top_submenu .ts-image img {width: 550px; height: 358px; margin: 18px; margin-left: 0;}

.head_flower{ width: 288px; height: 140px; bottom: 0; right: -330px; position: absolute;}

.module{ margin-top: 40px; }
.module_title{ height: 110px; background: url(../images/icons/titleBg_b.png) no-repeat center center; text-align: center; }
.module_title h3{ font-size: 32px; font-weight: normal; letter-spacing: 1px; color: #333; }
.module_title p{ color: #999; font-size: 20px; }
.module_title span{ color: #999; font-size: 13px; }

.crumbs {height: 40px; line-height: 40px; background-color: #fafafa; font-size: 15px; color: #b5b5b6;}
.crumbs a { color: #b5b5b6; }
.crumbs span { margin: 0px 5px;}

/* 通用样式  */
.shadowBg{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background:url(../images/shadow_bg.png) repeat; z-index: 99999; }
.newAlert{ position: absolute; left: 50%; top: 30%; width: 300px; margin-left: -153px; background: url(../images/win_bg.png) repeat; padding: 6px; }
.newAlert_title{ height: 39px; line-height: 39px; border-bottom:1px solid #cce2e4; cursor: move; background: #f9fdfe; font-size: 15px; color:  #515151; padding-left: 15px;}
.newAlert_content{ font-size: 14px; background: #fff; }
.newAlert_msg{padding: 15px 15px 15px 60px; min-height: 50px; }
.newAlert_btn{ padding: 7px; border-top: 1px dotted #ddd; text-align: right;}
.newAlert_btn input{ border-radius:2px; width: 90px; cursor: pointer; font-size:15px; margin-left: 10px; height: 35px; line-height: 35px; background: #f36f20; border:1px solid #f36f20; color: #fff;}
.newAlert_btn input:hover{ background: #ED620F; border-color:#ED620F; }
.newAlert_btn input.cancel{ background: #F9F9F9; color:#515151; border-radius:2px; border:1px solid #ccc; }
.newAlert_btn input.cancel:hover{ background: #F4F4F4; }
.ok{ background: url(../images/ok.png) no-repeat 15px 10px;}
.error{ background: url(../images/error.png) no-repeat 15px 10px;}
.warn{ background: url(../images/warn.png) no-repeat 15px 10px;}

.dialog{ display: none;}
.dialogBg{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background:url(../images/shadow_bg.png) repeat; z-index: 88888; display: none; }
.dialogBox{ position: absolute; left: 50%; top: 50%; margin-left: -215px; margin-top: -175px; background: url(../images/win_bg.png) repeat; padding: 7px; }
.dialog_title{ height: 39px; line-height: 39px; width:100%; cursor: move; background: #f9fdfe; font-size: 15px; color:  #515151; text-indent: 15px; border-bottom: 1px solid #cce2e4; }
.dialogBox .close{ width: 20px; height: 20px; background: url(../images/close.png) no-repeat center center; position: absolute; right: 15px; top: 15px; cursor: pointer; }
.dialog_btn{ padding: 7px 0; width: 100%; border-top: 1px dotted #ddd; text-align: right; position: absolute; bottom: 7px; left: 7px; background: #fff;}
.dialog_btn input{border-radius:2px; width: 90px; cursor: pointer; margin-right: 10px; height: 35px; line-height: 35px; background: #f36f20; border:1px solid #f36f20; color: #fff; font-size: 15px; }
.dialog_btn input:hover{ background: #ED620F; border-color:#ED620F; }
.dialog_btn input.cancel{ background: #F9F9F9; color:#515151; border-radius:2px; border:1px solid #ccc; }
.dialog_btn input.cancel:hover{ background: #F4F4F4; }
.dialog_content{ font-size: 14px; background:#fff; padding: 15px 15px 58px 15px; height: 240px; width: 400px; position: relative; overflow: auto;}
.dialog_content p{ width: 380px; float: left;padding: 5px 0;}
.dialog_content p label{ display: inline-block; width: 90px; padding-right: 10px; text-align: right; }
#plantList .dialog_content .plantsTitle{ height: 35px; line-height: 35px; font-size: 15px; background: #ECECEC; margin-top: 15px; border: 1px solid #ccc; }
#plantList .dialog_content .search_plants{ display: block; position: relative; top: -1px; left: 0; width: auto; max-height: 350px; }
#plantList .dialog_content .plantsTitle span{ margin-left: 20px;}
#plantList .dialog_content .search_plants a{ padding-left: 20px;}

.dialog_ul ul li{ padding-bottom: 15px; position: relative; }
.dialog_ul ul li select{ padding: 3px; }
.dialog_ul ul li input[type=radio]{ position: relative; top: 1px; }
.faCorrectBtn{ position: absolute; bottom: -23px; right: -23px; color: #31ad27; padding-left: 25px; background: url(../images/mrn_ico.png) no-repeat 2px 3px;  }
.faCorrectBtn:hover{ color: #ff6c00; text-decoration: underline; }
.freightResult{ position: absolute; top: 0; left: 120px; }
.freightResult p{ padding: 2px 0; font-size: 16px; float: none; width: auto; }
.freightResult p em{ color: #f00; font-weight: bold; margin: 0 3px; }

/* 底部 */
.footer{ background: #9d007e url(../images/foot_flower.png) no-repeat center bottom; margin-top: 35px; }
.footer_menu{ padding-top: 40px; }
.footer_menu li{ float: left; /* margin-right: 30px; */}
.footer_menu li.footer-jewelry-links{margin-left: 15px;}
.footer_menu li.fm_addr{ width: 285px; margin-right: 0;}
.footer_menu li.fm_logo{ width: auto; /* margin-right: 100px; */ margin: 0 100px;}
.footer_menu li.fm_wxcode {width: 109px; margin-right: 0;}
.footer_menu li.fm_wxcode p {text-align: center;}
.footer_menu li h6{ font-size: 16px; color: #fff; font-weight: normal; padding-bottom: 40px; }
.footer_menu li p{ color: #fff; font-size: 14px; line-height: 28px; padding: 5px 0;}
.footer_menu li p a{ color: #fff; }
.footer_menu li p a:hover{ color: #ee63ff; text-decoration: underline; }

.footer_msg{ margin-top: 20px; padding-top: 15px; border-top: 1px solid #fff; text-align: center; font-size: 14px; color: #bfbfbf; }
.footer_msg p{ padding: 4px 0; }
.footer_msg p span+span{ border-left: 1px solid #8f8f8f; padding-left: 10px; margin-left: 10px; }
.footer_msg p a{ color: #bfbfbf; }
.footer_msg p a:hover{ color: #ee63ff; text-decoration: underline;  }

.jt_prev{ cursor: pointer; width: 80px; height: 80px; position: absolute; background: url(../images/icons/jt_btn.png) no-repeat left top; top: 50%; margin-top: -40px; left: -110px; }
.jt_next{ cursor: pointer; width: 80px; height: 80px; position: absolute; background: url(../images/icons/jt_btn.png) no-repeat left bottom; top: 50%; margin-top: -40px; right: -110px; }
.jt_prev:hover{ background-position: right bottom; }
.jt_next:hover{ background-position: right top; }

/* 品牌系列 */
.serial-banner {width: 100%; /* height: 400px; */ text-align: center; margin-bottom: 15px; overflow: hidden;}