* html body{ overflow:visible;font-family: "微软雅黑"; }
* html iframe, * html frame{ overflow:auto;}
* html frameset{ overflow:hidden;}

body{  background:#f6f6f6; background-size:cover; font:12px/22px "微软雅黑"; color:#4d4d4d; min-width: 1220px;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:0; padding:0;}
input,select{ font-size:12px; vertical-align:middle; font-family: "微软雅黑"; }
input {outline:none;}
textarea,input{ word-wrap:break-word; word-break:break-all; padding:0px;}
li{ list-style-type:none;}
img{ border:0 none;}

a:link, a:visited{ color:#4d4d4d; text-decoration:none;}
a:hover,a:active{ color:#ef0808; text-decoration:none;}
a { outline:none; star:expression(this.onFocus=this.blur());}

a.white:link, a.white:visited{ color:#fff; text-decoration:none;}
a.white:hover,a.white:active{ color:#ef0808; text-decoration:none;}



h1{ font-size:19px; font-weight: normal}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}

.pointer{ cursor:pointer;}
.NoBorder{ border:0 none;}
.t_l{ text-align:left;}
.t_c{ text-align:center;}
.t_r{ text-align:right;}
.Break{ word-break:break-all; word-wrap:break-word;}
.Nobreak{ word-break:keep-all; word-wrap:normal;}
.FL{ float:left;}
.FR{ float:right;}
.absolute{ position:absolute;}
.relative{ position:relative; height:33px;}

.o-hidden{ overflow:hidden;}
.hidden{ display:none;}
.block{ display:block;}

.clear{ clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}

.BTW{ border-top-width:1px;}
.BRW{ border-right-width:1px;}
.BLW{ border-left-width:1px;}
.BBW{ border:0px; border-bottom-width:1px;}
.Bord1-999{ border:1px solid #999;}
.Bord2-999{ border:2px solid #999;}
.Bord1-333{ border:1px solid #333;}
.Bord2-333{ border:2px solid #333;}
.Bord1-d9d9d9{ border:1px solid #d9d9d9;}

.BW1{ border-width:1px;}
.BW2{ border-width:2px;}
.BW3{ border-width:3px;}
.BW4{ border-width:4px;}
.BW5{ border-width:5px;}


.BsS{ border-style:solid;}
.BsD{ border-style:dotted;}

.BcBlue{ border-color: #00F;}
.BcBlack{ border-color: #000;}
.Bc999{border-color: #999;}
.Bc333{border-color: #333;}

.BotLine{ border-bottom:1px solid #CFCFCF; overflow:hidden;}
.BotDasLine{ border-bottom:1px dashed #CFCFCF; overflow:hidden; height:1px; line-height:1px;}

.cRed{ color:#ef0808;}
.cWhite{ color:#FFF;}
.cGreen{ color:#060;}
.cGray{ color:#666;}
.cBlue{ color:#00F;}
.cblack{ color:#000;}

a.cWhite{ color:#FFF;}
a.cRed{ color:#ef0808;}

.FB{ font-weight:bold;}
.FN{ font-weight:normal;}
.FI{ font-style:italic;}

.F12{ font-size:12px;}
.F13{ font-size:13px;}
.F14{ font-size:14px;}
.F16{ font-size:16px;}
.F18{ font-size:18px;}

.DivH5,.DivH10,.DivH15,.DivH20,.DivH25,.DivH30,DivH1,.DivH40{ width:100%; overflow:hidden;}
.DivH1{ height:1px;}
.DivH5{ height:5px;}
.DivH8{ height:8px;}
.DivH10{ height:10px;}
.DivH15{ height:15px;}
.DivH20{ height:20px;}
.DivH25{ height:25px;}
.DivH30{ height:30px;}
.DivH40{ height:40px;}

.LH1{ line-height:1px;}
.LH10{ line-height:10px;}
.LH15{ line-height:15px;}
.LH18{ line-height:18px;}
.LH20{ line-height:20px;}
.LH25{ line-height:25px;}
.LH30{ line-height:30px;}
.LH35{ line-height:35px;}

.PTit25,.PTit20,.PTit18,.PTit30,.PTit,.PTit1,.PTit22{ width:100%; overflow:hidden;}
.PTit30{ line-height:30px; height:30px;}
.PTit25{ line-height:25px; height:25px;}
.PTit22{ line-height:22px; height:22px;}
.PTit20{ line-height:20px; height:20px;}
.PTit18{ line-height:18px; height:18px;}
.PTit15{ line-height:15px; height:15px;}
.PTit10{ line-height:10px; height:10px;}
.PTit1{ line-height:1px; height:1px;}

.padding20{ padding:20px;}
.padding10{ padding:10px;}

.More{ text-align:right; position:absolute; top:0; right:3px; width:50px; height:33px; display:block}
.MoreR5{ position:absolute; top:0px; right:3px; font:12px normal; }
.MoreR15{ position:absolute; top:0px; right:15px; font:12px normal;}

.ArtList,.ArtList25,.ArtList22,.ArtList24{ width:100%; overflow:hidden; margin:0 auto;}
.ArtList li{ width:100%; height:20px; line-height:20px; overflow:hidden;}
.ArtList25 li{ width:100%; height:25px; line-height:25px; overflow:hidden;}
.ArtList24 li{ width:100%; height:24px; line-height:24px; overflow:hidden;}
.ArtList22 li{ width:100%; height:22px; line-height:22px; overflow:hidden;}



.w1200{ width:1190px; margin:0 auto;}

#header{width:100%; min-width:1190px;background-color:#fff;}
.topline{height:38px; line-height:38px; width:100%;font-family:"微软雅黑"; font-size:14px;}
.topline .myfile{ float:right; background:url(../images/icon1.jpg) right center no-repeat; padding-right:20px;}
.topline .myorder{ float:right; background:url(../images/icon1.jpg) right center no-repeat; padding-right:20px; margin-right:20px}
.topline a{ line-height: 38px; height: 38px;}

.logocontent{}
#logo{ width:353px;height:116px; float:left;background:url(../images/logo.png) no-repeat left}
.topsearch{ padding-left:30px; width:551px; float:left}
.topsearch input[type=text]{ border:1px solid #ffc400; height:40px; line-height:40px; width:245px; border-right:0; padding:0 10px; font-size: 14px;    border-radius: 4px;    border-top-right-radius: 0;
    border-bottom-right-radius: 0;}
.topsearch input[type=submit]{ width:55px; height:44px; background:url(../images/top_search.png); border:0;background-color:#ffc400;}
.toptel{ padding-left:55px; float:left; height:48px; font-size:14px;font-family:"微软雅黑";text-align:center; margin-right:20px; margin-left:62px}
.toptel span{ border-bottom:1px solid #333; color:#ef0808; display:block}
.topqq{ background:url(../images/top_qq.jpg) left center no-repeat; padding-left:55px; float:left; height:48px; font-size:16px;font-family:"微软雅黑"; width:70px; text-align:center; line-height:48px; margin-right:0px;}
.topcart{ background:url(../images/top_buy.jpg) left center no-repeat; padding-left:55px; float:left; height:48px; font-size:16px;font-family:"微软雅黑"; width:70px; text-align:center; line-height:48px;}



#menu{ text-align:center; font-family:"微软雅黑"; font-size:14px; height:40px; width:100%;  min-width:1190px;background-color:#fff;}
#menu ul{}
#menu ul li{ float:left; font-size:15px; line-height:40px; position: relative;z-index: 9999}
#menu ul li a{ color:#333;width:95px; padding: 0 11px; float: left; height:40px; line-height:40px; text-align: center;font-weight:bold;}
#menu ul li a:hover{color:#ef0808;}
#menu ul li a.cur{color:#ef0808}

#menu ul li.all_type{ background-color:#ffc400; padding-left: 20px; width: 156px; color: #fff; margin-right: 30px}
#menu ul li.zizhusheji{color:#ef0808; text-align: right; width: 170px}

#menu ul li.all_type .all_channel_sub{ height: 14px; overflow: hidden; clear: both; margin-bottom: 13px; width: 190px; padding-right: 10px}
#menu ul li.all_type .all_channel_sub a{ font-size: 12px; float: left;  width: auto; height: 14px; line-height: 14px; padding-right: 5px;    font-weight: 100;color: #878787;}

#menu .submenu{ position: absolute; left: 0; top:40px; z-index: 99999; background: #fff; height: 503px; padding: 10px 0; border-bottom: 1px solid #ffc400; z-index: 9999}
#menu .submenu li{ width: 176px; line-height: 42px; text-align: left; position: relative;}
#menu .submenu li a{ line-height: 36px; height:36px; padding-left: 18px; float: left;text-align: left; width: 176px; color: #333}

#menu .icon2{ background: url(../images/icon2.png) 160px 15px no-repeat;}
#menu li.icon2:hover{ background: url(../images/icon2_cur.png) 160px 15px no-repeat}
#menu .submenu li:hover>a{ color:#0071bc}

#menu .submenu  a.e6e6e6{color:#e6e6e6}
#menu .submenu  li:hover a.e6e6e6{color:#0071bc}

#menu .submenu2 a.subtitile{ display: block; border-bottom: 1px solid #c7c7c7; width: 403px; font-size: 14px;}
#menu .submenu2{ position: absolute; width: 453px; left: 176px; top:0px; z-index: 99999; background: #fff; border-top: 1px solid #ccc; padding: 20px 10px 20px 30px; height: 495px;}
#menu .submenu2 li{ line-height: 42px; text-align: left; width: auto;}
#menu .submenu2 li a{ width: auto; float: left}
#menu .submenu2 li a:link,#menu .submenu2 li a:visited{ color: #333; font-size: 12px;}
#menu .submenu2 li a:hover,#menu .submenu2 li a:active{ color:#0071bc}
#menu .submenu2 a.subtitile:link,#menu .submenu2 a.subtitile:visited{ color: #333; font-size: 12px;}
#menu .submenu2 a.subtitile:hover,#menu .submenu2 a.subtitile:active{ color:#0071bc}

#banner{overflow:hidden;position:relative;height:336px;margin-top:10px}
/* banner */
.banner{height:396px;overflow:hidden; width:1005px; position:relative; margin-left: 185px;}
.banner .d1{width:100%;height:336px;display:block;position:absolute;left:0px;top:0px;width:1005px}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:336px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}
.banner .banner_arr{background:url(../images/banner_arr.png) no-repeat center; width: 43px; height: 86px;display: none;z-index: 99999; right: 100px; top:125px; position: absolute;}


#loginbanner{overflow:hidden;position:relative;height:440px}
.loginbanner{height:440px;overflow:hidden; min-width:1190px; position:relative}
.loginbanner .d1{width:100%;height:440px;display:block;position:absolute;left:0px;top:0px;min-width:1190px}
.loginbanner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:440px;}
.loginbanner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}
.loginbanner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.loginbanner .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}


#content{width:1190px; margin:0 auto;}
#footer{border-top: 1px solid #999;min-width:1190px; margin:0px auto;font-family:"微软雅黑"; font-size:12px;line-height:36px; text-align:center;color:#4d4d4d;}
#footer a{ font-family:"微软雅黑";color:#4d4d4d;}
#footer1{min-width:1190px; margin:0px auto;font-family:"微软雅黑"; font-size:12px;line-height:36px; text-align:center;background:#303030;color:#fff; }
#footer1 a{ font-family:"微软雅黑";color:#fff;}

.top_blue{ background:#e1e1e1; height:38px; line-height:38px; font-family:"微软雅黑"; color:#858585; font-size:14px;}
.top_blue a:link,.top_blue a:visited{ color:#858585; text-decoration:none;}
.top_blue a:hover,.top_blue a:active{ color:#ef0808; text-decoration:none;}

.index_title{ font-size:16px; font-family:"微软雅黑"; padding:5px 0 0; margin: 0px 0 5px;}
.index_title ul{ width:1005px; margin: 0; }
.index_title ul li{ background: #fff; float: left;     margin-right: 5px;
    /* margin: 1px; */
    margin-left: 2px;}

.index_title2{width: 1006px; height: 166px; padding:8px 11px;margin-left: 176px;}
.index_title2 a:link,ul.index_title2 a:hover{color: #fff}
ul.index_type{clear: both;}
ul.index_type li{float:left; margin-bottom:15px}
ul.index_type li.index_protype{ width:175px; float:left; font-family:"微软雅黑"; font-size:18px; line-height:36px}
ul.index_type li.index_protype .index_protypename{ color:#106d9c; font-size:32px; display:block; margin-bottom:20px}
ul.index_type li.index_prolist{ margin-left:8px; margin-bottom: 8px; width:330px;height:258px; float:left; border:0px solid #ccc; position: relative;overflow: hidden}


ul.index_type li.index_prolist .img{ position: absolute;
    zoom: 1;
    top: 0;
    left: 0px;
    z-index: 1;
    -webkit-transition: left 0.2s ease-in;
    -moz-transition: left 0.2s ease-in;
    -ms-transition: left 0.2s ease-in;
    -o-transition: left 0.2s ease-in;
    transition: left 0.2s ease-in; width:335px;height:257px;}
ul.index_type li.index_prolist .img:hover{
    left: -4px;
    -webkit-transition: left 0.2s ease-in;
    -moz-transition: left 0.2s ease-in;
    -ms-transition: left 0.2s ease-in;
    -o-transition: left 0.2s ease-in;
    transition: left 0.2s ease-in;
}
ul.index_type li.index_prolist .img img{width:335px;height:257px;}
ul.index_type li.index_prolist .title{position: absolute;
    zoom: 1;
    top: 30px;
    left: 20px;
    z-index: 2; font-size: 18px;}
ul.index_type li.index_prolist .img .index_protitlebg{ position:absolute; z-index:1; width:100%; background:#fff; left:0; bottom:0; height:45px;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
ul.index_type li.index_prolist .img .index_protitle{ position:absolute; z-index:2; width:100%;left:0; bottom:0; height:45px; line-height:45px; font-size:20px; text-align:center;font-family:"微软雅黑";}
ul.index_type li.index_prolist .index_proprice{height:45px; line-height:45px; font-size:18px; text-align:center;font-family:"微软雅黑";}



.index_product_list li{ width: 289px; height: 295px; border: 2px solid #ccc; font-size: 19px; text-align: center; line-height: 70px; float: left; margin: 5px 2px}
.index_product_list li img{ width: 289px; height: 225px;}
.index_product_list .title{font-size: 19px; text-align: center; line-height: 50px; margin-top: 10px; background: url(../images/b.jpg) center repeat-x; clear: both }
.index_product_list .title span{ background: #fff; display:inline; padding: 0 20px}

.heiti{}

ul.foot_sm li{ float:left; width:17%; font-size:15px; padding:30px 4%;}
ul.foot_sm li .title{ font-size:15px; color: #4d4d4d; }
ul.footmenu li{ float:left;font-size:15px; padding:10px 30px; background:url(../images/icon3.jpg) 110px 22px no-repeat; position:relative; cursor: pointer;width:150px; text-align: left}

ul.footmenu li.key0{width:310px;}
ul.footmenu li.key1{width:240px;}
ul.footmenu li.key2{width:300px;}
ul.footmenu li.key3{width:100px;}

ul.footmenu li .title{ font-size:20px;}
ul.footmenu li ul{ margin-left:0px; padding:10px 0; width: 130px}
ul.footmenu li ul li{ width:130px;font-size:14px; padding:5px 0; line-height:20px; background: none; text-align: left}



.left{ width:154px; float:left;font-family:"微软雅黑"; background: url(../images/leftbg.jpg) top center no-repeat; padding: 34px 0 0 7px;}
.left .leftmenu{ font-size:13px; margin-bottom:30px; line-height:26px}
.left .leftmenu a.cur{ color:#ef0808}
.right{ width:1029px; float:right; font-family:"微软雅黑"; line-height:26px; font-size:14px; border-top: 1px solid #f1f0f0; margin-top: 2px; padding-top: 27px;}

.toplocation{font-size:25px; padding:2px 0 5px 20px; float:left; width:500px; border-left: 1px solid #4d4d4d; margin-left: 20px; margin-top: 50px}
.login{ width:320px; height:320px; background:#fff; padding:30px; position:absolute; z-index:999; left:50%; margin:30px 0 10px 0;}
.logintitle{ font-size:19px;font-family:"微软雅黑";}
.logintitle a{ font-size:14px; color:#ef0808}
.tip{ color:#28aedd; border:2px solid #999; margin:10px 0; padding:5px 10px;}
.username{ border:1px solid #999; position: absolute; top:100px; left: 20px; width:180px; height: 31px; font-size: 14px;font-family:"微软雅黑"; border: 0; color:#4d4d4d; padding-left: 20px}
.password{ border:1px solid #999; position: absolute; top:150px; left: 20px; width:180px; height: 31px;font-size: 14px;font-family:"微软雅黑"; border: 0;color:#4d4d4d;padding-left: 20px}
input.logintext{ width:253px; height:40px; line-height:40px; border:0; padding:0 10px;}
input.loginsubmit{ width:100%; height:36px; background:#ef0808; border:0; text-align:center; line-height:36px; color:#fff; font-size:14px; margin:10px 0}
.quicklogin{ color:#28aedd;}
a.blue{ color:#28aedd;}
.quicklogin a{ margin-right:15px; float:left;}
.register{ border:1px solid #ccc; padding:60px 165px; width:870px; margin:0px auto; font-size:14px;font-family:"微软雅黑";}
.register .registerleft{ float:left; width:415px}
.register .registerright{ float:right; width:200px}
.register .lefttitle{ width:75px; float:left; height:36px;line-height:36px; margin-bottom:20px; text-align:right; padding-right:15px;}
.register .registertext{ width:288px; height:36px; border:1px solid #ccc; line-height:36px; padding:0 10px}
.register .registercode{ width:138px; height:36px; border:1px solid #ccc; line-height:36px; padding:0 10px}
.register .registersendcode{ width:150px; height:38px; border:0px; line-height:36px;}
.register .registersubmit{ width:288px; height:38px; border:0px solid #ccc; line-height:36px; padding:0 10px; background:#ef0808; color:#fff; font-size:14px;font-family:"微软雅黑"; margin-bottom:20px;}


.book{ border:1px solid #ccc; padding:45px 75px; width:1050px; margin:0px auto; font-size:14px;font-family:"微软雅黑"; font-size:16px;}
.book ul li{ margin-bottom:20px}
.book span.cRed{ font-size:12px; font-family:"微软雅黑"; padding-left:2px;}
.book .title{ height:20px; line-height:20px; padding:0 10px; border-left:3px solid #ef0808; font-size:19px; margin-bottom:20px}
.book input{ height:36px; line-height:36px; padding:0 10px; border:1px solid #ddd;font-family:"微软雅黑";}
.book input[type=button]{ margin:0 50px 0 0; background:#eee; font-size:14px;}
.book input[type=submit]{ margin:0 0 0 50px; background:#ef0808; font-size:16px; color:#fff; padding:0 40px}
.book .book_name{ width:95px; margin:0 70px 0 10px}
.book .book_mark{ width:495px;}
.book .add_more span{ color:#ef0808; font-weight:bolder}


.ask{ border:1px solid #ccc; padding:45px 75px; width:1050px; margin:0px auto 60px; font-size:14px;font-family:"微软雅黑"; font-size:16px;}
.ask ul{ border-top:1px solid #ddd}
.ask ul li{ padding:20px 30px 10px 10px; float:left;border-top:0; text-align:center; height: 36px;}
.ask ul li input{ width:80%;text-align:center}
.ask ul li.m1{ width:182px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.ask ul li.m2{ width:70px;border-bottom:1px solid #ddd;}
.ask ul li.m3{ width:65px;border-bottom:1px solid #ddd;}
.ask ul li.m4{ width:112px;border-bottom:1px solid #ddd;}
.ask ul li.m5{ width:280px;border-bottom:1px solid #ddd;}
.ask ul li.m6{ width:99px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.ask span.cRed{ font-size:12px; font-family:"微软雅黑"; padding-left:2px;}
.ask .title{ height:20px; line-height:20px; padding:0 10px; border-left:3px solid #ef0808; font-size:19px; margin-bottom:20px}
.ask input{ height:36px; line-height:36px; padding:0 10px; border:1px solid #ddd;font-family:"微软雅黑";}
.div1{
    height: 36px;
    background: #eee;
    width: 104px;
    position:relative;
    display: inline-block;
}
.div2{
    text-align:center;
    padding-top:6px;
    font-size:15px;
    color: #666;
}
.inputstyle{
    width: 144px;
    height: 41px;
    cursor: pointer;
    font-size: 30px;
    outline: medium none;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
    left:0px;
    top: 0px;
}

.ask input[type=submit]{ margin:0 0 0 50px; background:#ef0808; font-size:16px; color:#fff; padding:0 40px}
.ask .book_name{ width:145px; margin:0 70px 0 10px}
.ask .add_more span{ color:#ef0808; font-weight:bolder}

input.submit{ margin:0 0 0 50px; background:#ef0808; font-size:16px; color:#fff; padding:0 40px; border:0; height:36px; line-height:36px;}

.location{ font-size:20px;}
.detail_left{ float:left; width:500px; height:400px; background:#ccc; margin-top:50px}
.detail_right{ float:right; width:610px; margin-top:50px;font-family:"微软雅黑"; line-height:30px; font-size:14px;}
.detail_right .detail_title{font-size:19px;}
#pro_price{ font-family: Arial; font-size: 29px; padding-right: 10px}

.detail_right .detail_item{ margin:5px 0; position: relative}
.detail_right .detail_item #forghzz{ position: absolute; background: #f2f2f2; left:64px; top:47px; width: 480px; z-index: 9999; padding: 26px 32px; border: 1px solid #ccc}
.detail_right .detail_item #forrenshu{ position: absolute; background: #f2f2f2; left:64px; top:32px; width: 88px; z-index: 9999; text-align: center; border: 1px solid #ccc; border-top: 0}
.detail_right .detail_item #forheshu{ position: absolute; background: #f2f2f2; left:168px; top:32px; width: 88px; z-index: 9999;text-align: center; border: 1px solid #ccc; border-top: 0}
.detail_right .detail_item #forghzz a{ float: left; margin:0 5px;}


.detail_right .item{ width:70px; display:inline-block}
.detail_right .single_check{padding: 1px 5px 1px 5px; max-width:299px;min-width: 40px; height:32px; line-height:28px; text-align:center; font-size:14px; margin-right:12px; background:#f2f2f2; border:1px solid #ccc;font-family:"微软雅黑"; cursor: pointer; margin-right: 9px}
.detail_right .muti_check{ width:87px; height:32px; line-height:28px; text-align:center; font-size:14px; margin-right:12px; background:#f2f2f2; border:1px solid #ccc;font-family:"微软雅黑";   cursor: pointer; display: inline-block; position: relative; margin-right: 9px}
.detail_right .muti_check span{background:url(../images/icon6.png) 73px center #f2f2f2 no-repeat; width:80px; display: block;padding-right:5px;}
.detail_right .muti_check ul{ position: absolute; z-index: 9999;background:#f2f2f2; width: 100%; left:-1px;top:32px; border: 1px solid #ccc; border-top: 0; display: none}
.detail_right .muti_check ul li{ border-top: 1px solid #ccc}
.detail_right .muti_check ul li a{ display: block}
.detail_right .xminput{ width: 75px; border: 1px solid #ccc; padding: 0 5px; height:32px; line-height: 32px; margin-left: 64px;margin-right:15px; }
#forduoren li{ padding-top: 10px}

.detail_right div.upload{ border:1px solid #666; padding:20px; position:relative; margin-bottom: 20px}
.detail_right div.upload .arrow{ position:absolute; width:12px; height:9px; background:url(../images/icon7.png); left:200px; top:-9px}
.detail_right input.upload{ background:#ef0808; text-align:center; padding:0 15px; color:#fff; border:0; height:32px; line-height:32px; font-size:14px; margin-right:40px}

.detail_right .select{ background: #ffc400;  color: #000000;font-weight: 550;}

.pro_detail{ border:2px solid #ccc; margin:50px 0 20px;}
.pro_detail li{ width:296px; float:left;}
.pro_detail li a{ padding-left:155px; height:98px; line-height:98px;display:block;font-size:20px}
.pro_detail li a.cur{ background-color:#e6e6e6}
.pro_detail li a span{ float:right; width:2px; background:#ccc; height:58px; margin-top:20px;}
.ypsm{ background:url(../images/icon8.jpg) 50px center no-repeat;}
.dglc{ background:url(../images/icon9.png) 50px center no-repeat;}
.ddjl{ background:url(../images/icon10.png) 50px center no-repeat;}
.pssh{ background:url(../images/icon11.png) 50px center no-repeat;}

.fortab{ padding: 0px; min-height: 200px}
.fortab_orderlist{ width: 100%; margin: 0 auto;}
.fortab_orderlist li{float: left; width: 25%; line-height: 50px; border-bottom: 1px solid #ccc; font-size: 14px;}

.member_left{width:154px;background: url(../images/leftbg.jpg) top center no-repeat; padding: 4px 0 0 7px;}
.member_left .leftmenu{ font-family:"微软雅黑"; font-size:13px; padding:20px 0;line-height:26px; border-top:1px solid #ccc}
.member_left .leftmenu li{ padding-left:20px;}
.member_left .leftmenu a.cur{ color:#ef0808}
.member_left .zhzl{ padding-left:20px; line-height:45px; color:#ef0808; font-family:"微软雅黑"; font-size:13px; padding-top:10px}
.member_right{ width:1000px; float:right; font-family:"微软雅黑"; line-height:26px; font-size:14px; border-top:1px solid #f1f0f0; margin-top:2px; padding:20px 0 0 40px;}

.member_right .title{ border:1px solid #ccc; line-height:35px; margin-bottom:10px;background: #f7f8f8;}
.member_right .title span{ float:left; height:35px; background:#000; width:5px; margin-right:15px; font-size:13px;}

.member_right .border_bottom{ border-bottom:1px solid #ccc; line-height:50px; margin-top:10px}
.member_right .three{ width:30%; float:left; padding-left:20px}
.member_right .formRow{padding:10px;}
.member_right .formRow label{ width: 100px; display: inline-block}
.member_right .formRow .baseInput{ background: #f7f8f8; border: 1px solid #ccc; height: 26px; line-height: 26px; padding-left: 10px; width: 290px;}
.member_right .formRow .submit{ width: 302px;margin-left: 0; height: 26px; line-height: 26px; font-size: 13px}

.orderlist{ width: 100%}
.orderlist th{ background: #f7f8f8; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; font-weight: normal}
.orderlist td{ text-align: center; line-height: 45px; border-bottom: 1px solid #ccc; padding-top: 10px;}
.orderlist td.do{ text-align: left}
.orderlist td.do a{  color: #ef0808; padding-right: 20px}

ul.address li{ margin-bottom:10px}
ul.address span{ font-size:13px; padding-left:2px; width: 100px; display: inline-block; line-height: 26px;}
ul.address input[type=text]{ height:26px; line-height:26px; padding:0 10px; border:1px solid #ddd;width: 278px}
ul.address input[type=button]{ margin:0 50px 0 0; background:#eee; font-size:14px;}
ul.address input[type=submit]{height:26px; line-height:26px; padding:0 10px; border:1px solid #ddd; margin:0px; background:#ef0808; font-size:16px; color:#fff; text-align: center; width: 300px; font-size: 13px;}

input.money{ width:70px; border: 1px solid #ccc; background:#f7f8f8; height: 26px; line-height: 26px; padding: 0 5px; margin-right: 10px}
.mr50{ margin-right: 50px}


#ljbuy{ background:#ef0808; width:190px; height:50px;line-height: 50px; text-align: center;  float: left; color: #fff; margin: 4px 30px 0px 65px; font-size: 18px}
#probuy{ background:url(../images/buy.png) #f2f2f2 25px center no-repeat;width:170px; height:50px;line-height: 50px; text-align: center;  border: 1px solid #ccc;  float: left; color: #333; margin: 4px 30px 0px; padding-left: 20px;font-size: 18px}


.add_duoren{ margin-left: 64px; width: 85px; border: 1px solid #ccc; display: inline-block; text-align: center; margin-top: 10px; cursor: pointer;background:#eee;}

a.btn_addPic2 { float: left; position: relative; width: 97px; height: 30px; overflow: hidden; border: 1px solid #EBEBEB; background:#ef0808; color: #fff; cursor: pointer; text-align: center; margin:0 20px 0 0; padding-top: 0; cursor: pointer }
a.btn_addPic2 span { display: block; line-height: 30px; width: 107px; height: 30px; background:#ef0808}
a.btn_addPic2 em { background:#ef0808; display: inline-block; width: 18px; height: 18px; overflow: hidden; margin: 10px 5px 10px 0; line-height: 20em; vertical-align: middle; }
a.btn_addPic2:hover em { background-position: -19px 0; }
.filePrew { display: block; position: absolute; top: 0; left: 0; width: 140px; height: 39px; font-size: 100px; opacity: 0; filter: alpha(opacity=0); cursor: pointer }

.file_preview{ clear:both}
.count-input{ width: 100%; border: 0;}


.slideBox{ width:500px; height:400px; overflow:hidden; position:relative; border:0px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#ef0808; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:500px; height:400px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }



.cardlist li{float: left; width: 320px; margin:30px;}
.cardlist li img{width: 320px; margin-bottom: 20px;}
.cardlist li .file{ border: 1px solid #999; padding: 5px 15px; margin: 10px; font-size: 14px;}

.card_design_share .zfm{ float: right; border: 1px solid #ccc; padding: 3px 10px; margin-right: 10px; font-size: 14px; background: #f1f1f1; color: #333;}
.card_design_share .cur{ color:#ef0808}
.cardsearch{ padding: 10px 0; font-size: 14px;}
.cardsearch a{display: inline-block;margin: 0 10px; padding: 1px 10px; font-size: 14px;}
.cardsearch a.cur{border: 1px solid #ccc; background: #f1f1f1;}


.cardlisthaibao li{float: left; width: 510px; margin:30px; position:relative; }
.cardlisthaibao li img{width: 400px; margin-bottom: 20px; border: 2px solid #ccc}
.cardlisthaibao li .file{ border: 1px solid #999; padding: 5px 15px; margin: 10px; font-size: 14px;}
.cardlisthaibao .absolute0{ z-index: 3; position: absolute; right: 110px; top:20px}
.cardlisthaibao .absolute1{ z-index: 2; position: absolute; right: 0px; top:0px}
.cardlisthaibao .zxbj{ margin-top: 550px;}


.cardlistshoutidai li{float: left; width: 510px; margin:30px; position:relative; }
.cardlistshoutidai li img{width: 255px; margin-bottom: 20px; border: 0px solid #ccc}
.cardlistshoutidai li .file{ border: 1px solid #999; padding: 5px 15px; margin: 10px; font-size: 14px;}


.cardlistzhanjia li{float: left; width: 500px; margin:40px; position:relative; }
.cardlistzhanjia li img{width: 500px; margin-bottom: 20px; border: 0px solid #ccc}
.cardlistzhanjia li .file{ border: 1px solid #999; padding: 5px 15px; margin: 10px; font-size: 14px;}


.rightbar{position:fixed; width: 40px; height: 100%; right: 0;top:0; background: #e5e5e5; z-index: 99999}
a.r1{ background: url(../images/r1.jpg); width:39px; height: 129px;  display: block;  margin-top:150px; }
a.r2{ background: url(../images/r2.jpg); width:39px; height: 129px;  display: block;  margin-top:20px; }
a.r3{ background: url(../images/r3.png); width:54px; height: 91px;  display: block;  margin-top:20px; margin-left: -16px; z-index: 1; position: relative }

a.r4{ background: url(../images/r4.jpg) no-repeat; width:38px; height: 31px;  display: block; position: fixed; bottom: 100px; right: 0;z-index: 0  }
a.r5{ background: url(../images/r5.jpg) no-repeat; width:38px; height: 31px;  display: block;  margin-top:20px;position: fixed; bottom: 40px; right: 0; z-index: 0 }
select.book_name {
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    border: 1px solid #ddd;
    /* width: 278px; */
}
 .displaygongyi {
     
     display: inline-flex;
    align-items: center;
    cursor: pointer;
    padding: 2px 8px;
        background-color: #ffc400;
        color:#000;
         border: 1px solid #ffc400;
    
    border-radius: 4px;
    position: relative;
    font-weight: 600;
    
    user-select: none;
    }
    
    .displaygongyi:hover {
      background-color: #000000;
    border: 1px solid #000;
    color: #ffc400;
    }
    
    .displaygongyi .dropdown-text {
        display: inline-block;
        margin-right: 10px;
    }
    
    .displaygongyi .dropdown-arrow {
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .gongyi-menu {
        display: none;
        padding: 10px;
        border: 1px solid #ccc;
        border-top: none;
        background-color: #fff;
        position: absolute;
        z-index: 100;
    }
    
    .gongyi-menu.active {
        display: block;
    }
    /* 新增样式：为包含工艺的父元素添加边框 */
    .detail_item.has-gongyi {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc; 
        border-top: 1px solid #ccc;    
        border-bottom: 1px solid #ccc;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
        padding: 10px; /* 可选：增加内边距 */
    }

    /* 第一个带工艺的 .detail_item 显示上边框 */
    .detail_item.has-gongyi:first-of-type {
        border-top: 1px solid #ccc;
    }

    /* 最后一个带工艺的 .detail_item 显示下边框 */
    .detail_item.has-gongyi:last-of-type {
        border-bottom: 1px solid #ccc;
    }
    /* 第一个带工艺的 .detail_item 显示上边框 */
.detail_item.has-gongyi.first {
    border-top: 1px solid #ccc;
}

/* 最后一个带工艺的 .detail_item 显示下边框 */
.detail_item.has-gongyi.last {
    border-bottom: 1px solid #ccc;
}
 /* Modal styles */
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
  }

  /* Modal Content */
  .modal-content {
    background-color: #FFFFCC; /* Yellow background */
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); /* Box shadow */
    text-align: center; /* Center text */
    color: black; /* Black text */
  }

  /* Close button */
  .close {
    color: black;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }

  .close:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  :root {
  --input-color: #99A3BA;
  --input-border: #CDD9ED;
  --input-background: #fff;
  --input-placeholder: #CBD1DC;
  --input-border-focus: #275EFE;
  --group-color: var(--input-color);
  --group-border: var(--input-border);
  --group-background: #EEF4FF;
  --group-color-focus: #fff;
  --group-border-focus: var(--input-border-focus);
  --group-background-focus: #678EFE;
}

.form-field {
  display: block;
  width: 100%;
  padding: 8px 16px;
  line-height: 25px;
  font-size: 14px;
  font-weight: 500;
  font-family: inherit;
  border-radius: 6px;
  -webkit-appearance: none;
color: #000000;
    border: 1px solid #ffc400;
  background: var(--input-background);
  transition: border .3s ease;
}
.form-field::-webkit-input-placeholder {
  color: var(--input-placeholder);
}
.form-field:-ms-input-placeholder {
  color: var(--input-placeholder);
}
.form-field::-ms-input-placeholder {
  color: var(--input-placeholder);
}
.form-field::placeholder {
  color: var(--input-placeholder);
}
.form-field:focus {
  outline: none;
  border-color: var(--input-border-focus);
}

.form-group {
  position: relative;
  display: flex;
  width: 100%;
}
.form-group > span,
.form-group .form-field {
  white-space: nowrap;
  display: block;
}
.form-group > span:not(:first-child):not(:last-child),
.form-group .form-field:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.form-group > span:first-child,
.form-group .form-field:first-child {
  border-radius: 6px 0 0 6px;
}
.form-group > span:last-child,
.form-group .form-field:last-child {
  border-radius: 0 6px 6px 0;
}
.form-group > span:not(:first-child),
.form-group .form-field:not(:first-child) {
  margin-left: -1px;
}
.form-group .form-field {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  width: 1%;
  margin-top: 0;
  margin-bottom: 0;
}
.form-group > span {
    
  text-align: center;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 25px;
font-weight: 600;
    color: #000000;
    background: #ffc400;
    border: 1px solid #ffc400;
  transition: background .3s ease, border .3s ease, color .3s ease;
}
.form-group:focus-within > span {
  color: var(--group-color-focus);
  background: var(--group-background-focus);
  border-color: var(--group-border-focus);
}

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

* {
  box-sizing: inherit;
}
*:before, *:after {
  box-sizing: inherit;
}

body {
  
  font-family: 'Mukta Malar', Arial;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #F5F9FF;
}
body .form-group {
  max-width: 360px;
}
body .form-group:not(:last-child) {
  margin-bottom: 12px;
}