@charset "utf-8";
/* CSS Document */
/* 设计：乐晓芳 */

.g-header-menu{ border-bottom: 2px solid #f08300;}
.menuBox{border: 1px solid #f08300;width:202px;   background: #fff;}
.mod_detail_crumb{ font-size: 16px; line-height: 30px; margin-top: 15px;}
.search_add_border {border: 1px solid #efefef; border-bottom:none; width: 1188px; overflow: hidden; margin-top: 20px;}
.search_add_border ul{ float: left;border-bottom: 1px solid #efefef; line-height: 24px; padding: 15px 0; width: 100%;}
.search_add_border ul li{ float: left;position:relative;}
.search_add_border ul li.le{ width: 80px; text-align: right; margin-right: 20px;}
.search_add_border ul li.ri{ width: 1080px;}
.search_add_border ul a{ color: #999; margin-right: 20px;}
.search_add_border ul a.red0,.search_add_border ul span.red0 a{ color:#f08300;}
.search_add_border ul.classification{ padding-bottom: 30px}
.search_add_border ul.classification span.red0 a i{background: url(../images/feileiDown2.png) right no-repeat;width: 18px;height: 8px;display: inline-block;}
.search_add_border ul.classification .xh_fenlei{position: absolute; top: 30px; line-height: 100%; left:-2px;}
.search_add_border ul.classification .xh_fenlei a{ color: #999;}
.search_add_border ul.classification .xh_fenlei a:hover{ color: #f08300;}
.search_add_border ul.classification .xh_fenlei a.red0{ color: #f08300;}
.search_add_border ul a:hover{ color: #f08300;}
.search_add_border ul a:active{ color: #f08300;}

.mod_search_select_container{ background: #f8f8f8; margin-top: 20px;}
.mod_search_select_container ul li.riG{ width: 165px; float: right; height: 52px; line-height: 52px; background: #ff9600; color: #fff; font-size: 20px; font-weight: bold; text-align: center; cursor: pointer;}
.mod_search_select_container ul li em{ display: inline-block; width: 8px; height: 10px; background:url(../../common/images/pic.png) 0 -200px;}
.mod_search_select_container ul li em.up{ background:url(../../common/images/pic.png) -8px -200px;}
.mod_search_select_container ul li em.down{ background:url(../../common/images/pic.png) -16px -200px;}

.search_add_list{ position: relative; overflow:hidden;}
.search_add_listDiv{float: left; margin:10px 15px 10px 0;}
.search_add_listDiv ul,.search_add_listDiv ul li{ width: 100%; float: left; text-align: center;}
.search_add_listDiv ul li.price{ margin: 16px 0; font-size: 20px;}
.search_add_listDiv ul li.text{ width: 144px; margin: 0 40px; color: #666; line-height: 24px;height: 47px}
.search_add_listDiv ul li.bott a{ float: left; height: 100%;}
.search_add_listDiv ul li.bott a.Cart:hover{background: url(../../common/images/pic.png) -28px -216px;}
.search_add_listDiv ul li.bott a.Collection:hover{background: url(../../common/images/pic.png) -32px -255px;}
.search_add_listDiv ul li.bott a.selected{background: url(../../common/images/pic.png) -32px -255px;}
.search_add_listDiv ul li.bott span{ height: 100%; width: 1px ; background: #efefef; float: left;}
.search_add_listDiv ul li img{ width: 200px; height: 200px; margin-top: 10px;}

.search_add_list .xianhuoBox{ border: 1px solid #efefef; position: relative; width: 224px; height: 355px;}
.search_add_list .xianhuoBox:hover{ border: 1px solid #ff9600;box-shadow: 0px 1px 12px rgba(255,86,79,0.37)}
.search_add_list .xianhuoBox i{ /*! position: absolute; */ top: 0; left: 0; z-index: 1;}
.search_add_list .xianhuoBox a.Cart{  width: 112px; background: url(../../common/images/pic.png) 46px -216px;}
.search_add_list .xianhuoBox a.Collection{  width: 111px; background: url(../../common/images/pic.png) 42px -255px;}
.search_add_list .xianhuoBox ul li.bott{border-top: 1px solid #efefef; height: 40px;}

.search_add_list .ReserveBox{ border: 1px solid #efefef; position: relative; width: 224px; height: 355px;}
.search_add_list .ReserveBox:hover{ border: 1px solid #ff9600;box-shadow: 0px 1px 12px rgba(255,86,79,0.37) }
.search_add_list .ReserveBox a.Cart{  width: 112px; background: url(../../common/images/pic.png) 46px -216px;}
.search_add_list .ReserveBox a.Collection{  width: 111px; background: url(../../common/images/pic.png) 42px -255px;}
.search_add_list .ReserveBox ul li.bott{border-top: 1px solid #efefef; height: 40px;}


/*左侧边栏*/
.yhd_prism_nav{position:fixed;z-index:2;top:0;left:0;width:60px;height:100%;background:#f2f2f2;}
.yhd_prism_nav dl{float:left;font-size:12px;position:fixed; left: 0; bottom:60px; top:50%;margin-top:-200px;width: 60px;}
.yhd_prism_nav dt{color:#fd8a00; text-align: center; font-weight: bold; font-size: 18px; padding: 0 8px 10px;letter-spacing:2px;}
.yhd_prism_nav dd {
    float: left;
    line-height: 30px;
    border-bottom: 1px dotted #efefef;
    width: 100%;
    text-align: center;
    font-size: 14px;
}
.yhd_prism_nav dd a{ display: block;}
.yhd_prism_nav dd a:hover{color: #fd8a00;text-decoration: underline; background: #fff;}

/*分页*/
.container{text-align:center; margin: 20px 0 40px;}
.container:after{clear:both;content:"";display:table}
.container ul{width:100%}
.large{width:100%}
.pagination ul,.pagination ul li{display:inline;padding-left:0}
.pagination li{counter-increment:pagination}
.pagination li a.red0{color:#fff;background-color:#fc5121;border:solid 1px #fc5121}
.pagination li:hover a{color:#fff;background-color:#fc5121;border:solid 1px #fc5121}
.pagination li.active a{color:#fff;background-color:#fc5121;border:solid 1px #fc5121}
.pagination li:first-child a:after{content:"<"}
.pagination li:nth-child(2){counter-reset:pagination}
.pagination li:last-child a:after{content:">"}
.pagination li a{border:solid 1px #d6d6d6;border-radius:.2rem;color:#7d7d7d;text-decoration:none;text-transform:uppercase;display:inline-block;text-align:center;padding:.5rem .9rem}
.pagination li a:after{content:" " counter(pagination) " "}
.large li a{display:none}
.large li:first-child a{display:inline-block}
.large li:first-child a:after{content:"<"}
.large li:nth-child(2) a{display:inline-block}
.large li:nth-child(3) a{display:inline-block}
.large li:nth-child(4) a{display:inline-block}
.large li:nth-child(5) a{display:inline-block}
.large li:nth-child(6) a{display:inline-block}
.large li:nth-child(7) a{display:inline-block}
.large li:nth-child(8) a{display:inline-block}
.large li:last-child a{display:inline-block}
.large li:last-child a:after{content:">"}
.large li:nth-last-child(2) a{display:inline-block}
.large li:nth-last-child(3){display:inline-block}
.large li:nth-last-child(3):after{padding:0 1rem;content:"..."}


/* 产品页 */

.positionStatic{position:relative;overflow: hidden; margin-bottom:30px;}
/* left Pic */
.preview{width:450px; overflow:hidden; margin-top:20px; float:left}
.smallImg{position:relative; height:92px; margin-top:1px; padding:6px 15px; width:420px; overflow:hidden;float:left;}
.scrollbutton{width:30px; height:30px; overflow:hidden; position:relative; float:left; cursor:pointer; margin-top: 24px;}
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../../moudle/images/product/prev_page.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../../moudle/images/product/next_page.png) no-repeat; margin-left:390px; margin-top:-56px;}
#imageMenu {height:80px; width:360px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:80px; width:90px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:80px; height:80px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:74px; height:74px; border:2px solid #ff9600;}
#imageMenu li img.activied{width:74px;height:74px;border: 2px solid #ff9600;}


/* bigImg */
.bigImg{position:relative; float:left; width:450px; overflow:hidden;}
.bigImg #midimg{width:400px; height:400px; margin:0 25px 25px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}

/*right*/
.product-property{width:720px;min-height:526px; float:right;}
.product-meta{ float:left; width:100%; background:#f5f5f5; height:90px; border-bottom:1px solid #dbe0e5;}
.product-meta h1{font-size:22px;max-height:84px;overflow:hidden;margin:10px 20px; font-weight:normal}
.product-meta dl{ width:100%; float:left; line-height:30px;}
.product-meta dl dt{ width:75px; float:left; color:#999; margin-left:20px;}
.product-meta dl dd{float:left; font-size:24px;}
.product-choose{ float:left; width:100%; border-bottom:1px solid #dbe0e5; line-height:24px; padding:12px 0;}
.product-choose dl{ width:100%; float:left; line-height:30px;}
.product-choose dl dt{ width:75px; float:left; color:#999; margin-left:20px;}
.product-choose dl dd{float:right; font-size:14px; color:#666; width:625px}
.product-choose dl dd p{ float:left; margin-right:5px; color:#666}
.product-choose dl dd p a{ line-height:28px;display:block;border:1px solid #b8b7bd;text-align:center;height:28px;position:relative;padding:0 10px; color:#666;margin-bottom: 5px}
.product-choose dl dd p.selected a{border: 1px solid #ff9600;background:url(../../common/images/gou.png) right bottom no-repeat;color: #ff9600;}
.product-choose dl dd p label{ cursor:pointer; margin-right:8px}
.product-choose dl dd p label input{ float:left; margin:9px 5px 0 0;}
.product-choose dl dd p input.text-input{ line-height:28px;border:1px solid #b8b7bd;height:28px;position:relative;padding:0 10px; color:#666}
.product-choose dl dd.color{ position: relative;}
.product-choose dl dd.color span.color-tabs{ width: 450px; float: left; margin-bottom: 5px}
.product-choose dl dd.color span.color-tabs i{ width: 56px;line-height:28px;float: left;;border:1px solid #b8b7bd;text-align:center;height:28px;position:relative;padding:0 6px 0 10px; color:#666;
    margin-right: 10px; cursor: pointer}
.product-choose dl dd.color span.color-tabs i.activied{border: 1px solid #ff9600;cursor:default;color: #ff9600;z-index:2;position:relative;}
.product-choose dl dd.color span.color-tabs i.activied s{
    background: url(../images/feileiDown2.png) right no-repeat;
    width: 18px;
    height: 8px;
    display: inline-block;}
.product-choose dl dd.color p{ display: block;}
.product-choose dl dd.color div.bot{ display: block; float: left; width: 495px;}
.product-choose dl dd.color div.bot a{ margin-top: 5px; font-size: 12px;height: 24px; line-height: 24px;}
.product-choose dl dd.color select{ line-height:28px;border:1px solid #b8b7bd;text-align:center;height:28px;position:relative;padding:0 5px; color:#666; margin: 0}
.product-choose dl dd.color p img{ width: auto; height: auto; cursor: pointer; position: absolute;top: -42px; right: 0}
.product-choose dl dd.color li.selected{border: 1px solid #ff6700;background: url(../../moudle/images/selectIcon1.png) no-repeat bottom right; background-size: 18px 18px;}
.product-choose dl dd.color li{ width: 110px; font-size: 12px; background: #FFFFFF; line-height: 20px; height: 50px; float: right;border: 1px solid #fff; }

.product-choose dl dd.color li img{ float: left; width: 50px; height: 50px}
.product-choose dl dd.color li span{ display:block; padding-top: 2px;}

.product-choose ul img{ width: 80px;height: 60px; float: left; padding:5px 8px}
.product-choose ul{ border: 1px solid #ccc; width: 300px;height: 70px; display: inline-block}
.product-choose ul li{ display: block; padding-left: 20px; padding-top: 15px; line-height: 50%}
.product-choose ul li select{ width: 60px; font-size: 12px; height: 20px}
.product-Price{ background:#fff5ec; border-bottom:none; padding:22px 0 12px}
.product-Price .red0{color: #ff9600;font-size:24px;}
.product-Price .product-button01{display:block;background: #f8efe2;width:172px;height:54px;font-size:18px;line-height:54px;text-align:center;color: #ff9600;border: 1px solid #ff9600;cursor:pointer;}
.product-Price .product-button01:hover{background:#f8efe9;}
.product-Price .product-button02{display:block;background: #ff9600;width:172px;height:54px;font-size:18px;line-height:54px;text-align:center;color:#fff;border:0;cursor:pointer;}
.product-Price .product-button02:hover{background: #ff9655;}

.layout{ width: 100%; margin: 50px auto 40px auto; overflow: hidden; position: relative}
.product-relation {border-top: 1px solid #ddd;}
.product-relation .product-title01{font-size:18px; font-weight:normal;line-height:30px;text-align:center;position:relative;margin: 15px auto 17px;}
.product-relation-main{height:252px;width:1190px;margin: 0px auto;position:relative;margin-top:20px}
.product-relation-main .preDiv{display:block;height:47px;width:25px;position:absolute;left:-20px;top:100px; background: url("../images/product/previousIcon1.png") no-repeat left center; background-size:10px 16px; opacity: 0.6; z-index: 1}
.product-relation-main .pre{ background: url("../images/product/previousIcon1.png") no-repeat left center; background-size:10px 16px;display:block;height:47px;width:25px;cursor:pointer;position:absolute;left:-20px;top:100px; z-index: 2}
.product-relation-main .nextDiv{display:block;height:47px;width:25px;top:100px;right:-20px;position:absolute;background: url("../images/product/nextIcon1.png") no-repeat right center; background-size:10px 16px; opacity: 0.6; z-index: 1}
.product-relation-main .next{background: url("../images/product/nextIcon1.png") no-repeat right center; background-size:10px 16px; display:block;height:47px;width:25px;cursor:pointer;top:100px;right:-20px;position:absolute; z-index: 2}
.product-relation-main #wai_box{height:252px;width:1160px;margin-left:25px;overflow:hidden;position:relative}
.product-relation-main .product-relation-thumbs{position:absolute;left:0;top:0}
.product-relation-main .product-relation-thumbs ul{float:left;display:block;height:252px;width:1160px}
.product-relation-main .product-relation-thumbs li a{display:block;width:207px;height:250px;}
.product-relation-main .product-relation-thumbs li{float:left;width:210px; margin-right: 20px; border: 1px solid #efefef; text-align: center; color:#666666;}
.product-relation-main .product-relation-thumbs li img{width:170px;height:170px;}
.product-relation .product-relation-thumbs li .product-relation-detail{ display:block;width:138px;margin:0 auto}
.product-relation .product-relation-thumbs li .product-relation-detail p{height:43px;overflow:hidden}
.product-relation .product-relation-thumbs li .product-relation-detail em{color:#f08300;font-size:20px}


/*产品详细*/
.productBoxText{ overflow: hidden}
.productBoxText .product-title01{font-size:18px; font-weight:normal;line-height:60px;text-align:center;position:relative;margin: 15px auto 17px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.productBoxText .tab-content{ width: 100%; float: left}
.productBoxText .tab-content .Pr-trod-top{display:block;width:100%;overflow:hidden;padding:20px 10px;}
.productBoxText .tab-content .Pr-trod-top li{width:33.3333%;float:left;overflow:hidden;padding:5px 0;}
.productBoxText .tab-content .Pr-trod-top li h2{font-size:14px;margin:0 5px;padding:0;float:left;line-height:24px;display:block;overflow:hidden; font-weight: normal}
.productBoxText .tab-content .Pr-trod-top li p{font-size:14px;margin:0;padding:0;line-height:24px;display:block;overflow:hidden;color: #999;}
table {border-collapse: collapse; border-spacing: 0;}
.Pr-trod-PC{text-align:center;width:100%;margin-top:20px;}
.Pr-trod-PC tr th{padding:10px;background:#f0f0f0;border:1px solid #d2d2d2;font-weight:normal;font-size:14px;text-align:center;}
.Pr-trod-PC tr td{padding:15px 5px;border:1px solid #d2d2d2;font-weight:normal;font-size:12px;}

.productBoxText .imgbox-content{ width: 100%; float: left; padding: 0px 0; text-align: center;}
.productBoxText .imgbox-content p{ text-align: center; display: block;}


.ft_wrap{ background: #f5f5f5}
/*更多颜色*/
.ui-dialog{width:800px; height:500px;background: #FFFFFF; position: fixed}
.ui-dialog .ui-dialog-title{ position: relative; border-bottom: 1px solid #e0e0e0; height: 56px;}
.ui-dialog .ui-dialog-title h2{ font-size: 18px; font-weight: normal; float: left; margin: 0 15px; line-height: 56px;}
.ui-dialog .ui-dialog-title p{ font-size: 14px; float: left; color: #999; line-height: 56px;}
span.lv,em.lv{ color:#009933;}
span.red,em.red{ color:#ff0000;}
span.ep_1,em.lv{ color:#009933;}
span.ep_0,em.red{ color:#ff0000;}
span.ep_2,em.red{ color:#ffffff;}
.ui-dialog .ui-dialog-title div{ background: #ececec; border-radius: 8px; height: 30px; width: 180px; padding: 0 10px; float: right; margin: 10px 60px 0 0 }
.ui-dialog .ui-dialog-title div input[type=text]{ background: none; float: left; line-height: 30px; font-size: 14px; border:none; width: 160px}
.ui-dialog .ui-dialog-title div input[type=submit]{ background:url("../../moudle/images/sousuo03.png") center no-repeat; width: 20px; height: 30px; cursor:pointer; float: left; border:none;}
.ui-dialog .ui-dialog-title .ui-dialog-close{ width: 23px; height: 23px; position: absolute; right: 10px;top: 10px; background: url("../../moudle/images/ui-dialog-close.png"); cursor: pointer}
.ui-dialog-content{ width: 100%; float: left; height: 443px}
.ui-dialog-content .left-area{ width: 98px; height: 100%; background: #f5f5f5; line-height: 40px;font-size: 16px; float: left}
.ui-dialog-content .left-area ul{ padding-top: 15px; width: 98px;}
.ui-dialog-content .left-area ul li{ width: 80px; padding-right:18px; float: left; text-align: right; cursor: pointer}
.ui-dialog-content .left-area ul li.selected{ background: #fff; border-left: 2px solid #f1174d; color: #f1174d;}
.ui-dialog-content .left-area ul li:hover{ background: #f7f7f7}
.ui-dialog-content .rigt-area{ width: 670px; float: right; margin-top: 15px}
.ui-dialog-content .rigt-area .rigt-area-title{ float: left; width: 100%;}
.ui-dialog-content .rigt-area .rigt-area-title ul{ float: left; width: 100%;}
.ui-dialog-content .rigt-area .rigt-area-title ul li{ float: left; margin: 0px 10px; border-bottom: 1px solid #fff; line-height: 24px; cursor: pointer}
.ui-dialog-content .rigt-area .rigt-area-title ul li.selected{ border-bottom: 1px solid #f08300;color: #f08300;}
.ui-dialog-content .rigt-area .rigt-area-title ul li label{ cursor: pointer}
.ui-dialog-content .rigt-area .rigt-area-cont{ float: left; width: 670px; padding-top: 20px; overflow-y: scroll; height: 370px;}
.ui-dialog-content .rigt-area .rigt-area-cont ul{ border: 1px solid #fff; cursor:pointer;float:left;width:100px;height:120px;margin:15px 28px 15px 0;text-align:center;}
.ui-dialog-content .rigt-area .rigt-area-cont ul li{ text-align: center; display: block;}
.ui-dialog-content .rigt-area .rigt-area-cont ul:hover{ border: 1px solid #f08300}