html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
img {
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
html {
font-size: 14px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
position: relative;
background: #fff;
font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei", sans-serif;
font-weight: normal;
line-height: 1.6;
color: #333333;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type="number"]{
-moz-appearance: textfield;
}
/*reset*/
html,body,p,ul,li,a,img,input,textarea,strong,s,span,section,ol,h2,h1,h3,div,form{padding: 0;margin: 0;}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0);outline:none;}
a{-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;}
ul{list-style: none;}
a{text-decoration: none;outline: none;}
img{border: none;vertical-align: top;background-size: 100%;/*max-width: 100%;*/}
input,textarea{background: none;}
textarea{resize: none;}
i{font-style:normal}
/*public*/
.fl{float: left;}
.fr{float: right;;}
.dib{display: inline-block;}
.db{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dn{display: none;}
.hz{height: auto;overflow: hidden;zoom: 1;}
.clear{clear: both;zoom: 1;}
.clear:after{content: '';display: inline-block;clear: both;}
.por{position: relative;font-size: 12px;}
.w1200{width: 1200px;margin: 0 auto;}
.ff3c3c{color: #ff3c3c;}
.red{color:#ec2c64}
.green{color: #2bae85;}
.blue{color: #2775b6;}
/*top*/
#top{height: 35px;border-bottom:1px solid #DBDBDB;background: #FAFAFA;}
#top .top_center{height: 35px;}
#top .top_center .login{width:300px;height: 35px;line-height: 35px;}
#top .top_center .login a{color: #666;line-height: 35px;display: inline-block;}
#top .top_center .login .login_btn{color: #c81623 !important;}
#top .top_center .login .login_1{width: 400px;height: 34px;border-top: none;color: #666;line-height: 34px;float: left;}
#top .top_center .login .login_2{border: 1px solid #F0F0F0;background: #fff;border-bottom: none;height: 35px;z-index: 5;border-top: none;}
#top .top_center .login_txt{position: absolute;top: 0;left: 0;border:1px solid #FAFAFA;height: 34px;border-top: none;color: #666;line-height: 34px;text-align: center; padding-left:5px; padding-right:5px;}
#top .top_center .loginBox{width: 370px;height: 110px;border: 1px solid #f0f0f0;position: absolute;top: 33px;left: 0px;background: #ffffff;z-index: 3;display: none;}
#top .top_center .loginBox .span_left{width: 67px;margin-top: 12px;margin-left: 10px;text-align: center;line-height: 25px;color: #666;}
#top .top_center .loginBox .span_right{width: 280px;margin-left: 10px;padding-top: 15px;}
#top .top_center .loginBox .span_right .p_1{line-height: 23px;color: #333;font-size: 14px;}
#top .top_center .loginBox .span_right .p_2{padding-right: 10px;}
#top .top_center .loginBox .span_right .p_3{padding-top: 5px;}
#top .top_center .right{min-width: 30px;height: 35px;}
#top .top_center .right> *{padding: 0 15px;height: 12px;line-height: 10px;margin-top: 12px;float: left;color: #666;display: inline-block;border-right: 1px solid #666;}
#top .top_center .right .collect{padding-right: 47px !important;width: 32px;}
#top .top_center .right .collect .text{width:80px;height: 25px;border: 1px solid #FAFAFA;margin-top: -10px;display: inline-block;position: absolute;top:2px;right: 2px;padding-left: 5px;line-height: 25px;z-index: 4;cursor: pointer;}
#top .top_center .right .collect .textchecked{background: #fff;border: 1px solid #ccc;border-bottom:none;}
#top .top_center .right .collect .data{height: 12px;border:1px solid #FF6969;border-radius: 6px;text-align: center;line-height: 12px;background: #FFEBE2;color: #FF6969;position: absolute;top: -1px;left:48px;z-index: 4; padding-left:2px; padding-right:2px;}
#top .top_center .right .collect .icon{width: 11px;height: 12px;background: url("https://image.99808.com/images/down.jpg") no-repeat center;position: absolute;right: 8px;top: 0;z-index: 4;}
#top .top_center .right .collect .icon_up{background: url("https://image.99808.com/images/up.jpg") no-repeat center;}
#top .top_center .right .collect .collectBox{width: 250px;border:1px solid #D1D1D1;background: #fff;position: absolute;top:17px;right:2px;z-index: 3;display: none;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;padding-top: 10px;}
#top .top_center .right .collect .collectBox .collect_title{border-bottom:1px solid #E5E5E5;line-height: 35px;text-align: center;color: #666;width: 250px;}
#top .top_center .right .collect .collectBox ul{width: 250px;}
#top .top_center .right .collect .collectBox ul li{width: 250px;height: 74px;padding-bottom: 10px;padding-top: 10px;border-bottom:1px dashed #E0E0E0;}
#top .top_center .right .collect .collectBox ul li img{width: 60px;height: 60px;margin-top: 7px;}
#top .top_center .right .collect .collectBox ul li .litxt{width: 170px;color: #666;line-height: 20px;float: left;margin-left: 10px;margin-top: 6px;}
#top .top_center .right .collect .collectBox .m_lk{width: 120px;height: 28px;display: inline-block;float: right;line-height: 28px;text-align: center;color: #666;background: url("https://image.99808.com/images/btn.jpg") no-repeat; margin-top:5px;}
#top .top_center .right .service{width: 56px;cursor: pointer;}
#top .top_center .right .service .text{width:71px;height: 25px;border: 1px solid #FAFAFA;margin-top: -10px;display: inline-block;position: absolute;top:2px;right: 2px;padding-left: 9px;line-height: 25px;z-index: 4;}
#top .top_center .right .service .textchecked{background: #fff;border: 1px solid #ccc;border-bottom:none;}
#top .top_center .right .service .icon{width: 11px;height: 12px;background: url("https://image.99808.com/images/down.jpg") no-repeat center;position: absolute;right: 6px;top: 0;z-index: 4;}
#top .top_center .right .service .icon_up{background: url("https://image.99808.com/images/up.jpg") no-repeat center;}
#top .top_center .right .service .servicelist{width: 80px;border: 1px solid #d1d1d1;border-top: none;background: #fff;position: absolute;right: 2px;top: 17px;display: none;z-index: 90;}
#top .top_center .right .service .servicelist a{text-align: center;line-height: 25px;color: #666;display: inline-block;float: left;width: 80px;}
#top .top_center .right .service .servicelist a:hover{color: #FF3C3C;}
/*购物车下拉*/
.xlgwc{width:360px; border-top:2px solid #ff383a; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; position:absolute; background-color:#FFFFFF; left:-245px; top:48px; display:none; overflow:hidden}
.xl-title{width:360px;border-bottom:1px solid #e7e7e7; height:35px }
.xlico{width:355px;height:35px; float:left; padding-left:5px; line-height:35px;}
.shangpin{ float:right; margin-right:10px; line-height:35px}
.shangpin span{ color:#ff393a}
.xl-list{ border-bottom:1px solid #e6e6e6; height:90px; padding-top:5px; position:relative;}
.xl-list .cdel_tip{width:170px;height:60px;padding:5px;border:4px solid #cdcdcd; position:absolute;left:80px;top:10px; z-index:20; background-color:#FFFFFF;}
.xl-list .cdel_tip .xs{width:190px; height:30px; line-height:30px; text-align:center;}
.xl-list .ico{ float:left; width:14px; height:14px;display:inline; margin-top:35px; margin-left:8px}
.xl-list .img{ float:left; margin-left:10px; display:inline; margin-top:10px; border:1px solid #eae8e9}
.xl-list .xl-jieshao{ float:left; width:194px; display:inline; margin-left:10px}
.xl-list .xl-jieshao h3{ font-size:14px; margin:0px; padding-top:5px}
.xl-list .xl-jieshao h4{ font-size:12px; color:#9da29e; margin:0px; line-height:22px;}
.xl-list .num{ padding-top:2px; width:90px}
.xl-list .xl-jieshao .jian{ display:block; width:18px; height:25px; border-left:1px solid #e7e7e7; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; text-align:center; line-height:25px; float:left; cursor:pointer;}
.xl-list .xl-jieshao .add{ display:block; width:18px; height:25px; border-right:1px solid #e7e7e7; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; text-align:center; line-height:25px; float:left;cursor:pointer;}
.xl-list .xl-jieshao dl{ display:block; width:45px; height:25px; border:1px solid #cecece; float:left; margin:0px}
.xl-list .xl-jieshao dl input{ width:40px; height:20px; line-height:20px; text-align:center}
.xl-list .xl-right{ float:right; margin-right:10px; margin-top:5px}
.xl-list .xl-right .prices{ font-size:13px; color:#fc3538; margin-top:35px}
.xl-list .xl-right span{ text-align:right; padding-left:15px}
.buycar{ padding-top:25px;}
.buycar .buy1{ float:left; display:inline; margin-left:7px; padding-top:10px}
.buycar .buy2{ float:left; display:inline; margin-left:15px; padding-top:10px}
.buycar .buy2 span{ color:#ff3e52; font-size:16px}
.buycar .buy3{ float:right; height:47px; padding-bottom:20px;}
.shopping_cart:hover .xlgwc{ display:block}
/*ad*/
.ad{height: 60px;background: #46C7FE;}
#top_bg{width:100%;height:0px;border-bottom:2px solid #fd3f49;}
#header{height: 133px;}
#header .logo{margin-left: 10px;margin-top: 30px;width: 364px;height: 32px;display: inline-block;}
#header .search{width: 788px;margin-top: 18px;margin-left: 35px;}
#header .search .sf_str{width:788px;height:42px;}
#header .search .sf_str .searchBox{width: 580px;border:2px solid #FF0033;height: 38px; float:left;}
#header .search input{width: 570px;padding-left:10px;color: #333;height: 38px;line-height: 38px; border:0px;font-size: 14px;}
#header .search .sf_str .btstr{width:200px;height: 32px; float:left;}
#header .search .sf_str .btstr .psbt{width:90px;height:42px;background: #FF0033;text-align: center;line-height: 32px;color: #fff;font-size: 18px; padding-right:5px;margin-left: 10px;cursor: pointer;}
#header .search .sf_str .btstr .psbt2{width:90px;height:42px;background: #EF3473;text-align: center;line-height: 32px;color: #fff;font-size: 18px; padding-right:5px; border: none;margin-left: 10px;cursor: pointer;}
#header .search .sf_str .btstr .psbt3{width:90px;height:42px;background: #2775B6;text-align: center;line-height: 32px;color: #fff;font-size: 18px; padding-right:5px; border: none;margin-left: 10px;cursor: pointer;}
#header .search .search_key{line-height: 30px;height: 30px;width: 688px;}
#header .search .search_key a{padding-right: 10px;color: #666;line-height: 30px;float: left;display: inline-block;}
#header .search .search_key a:hover,#header .navBox .nav a.current{color: #b61d1d;}
#header .right{width: 268px;margin-top: 15px;height: 50px;}
#header .right .shopping_cart{width: 117px;height: 49px;background: url("https://image.99808.com/images/gouwuche.jpg") no-repeat;}
#header .right .shopping_cart .data{width: 16px;height: 16px;border-radius: 50%;background: #fff;text-align: center;color: #FF3C3C;line-height: 16px;position: absolute;top: 7px;left: 40px;}
#header .right .order{width: 84px;height: 43px;border: 1px solid #F2F2F2;border-right: none;background: url("https://image.99808.com/images/order.jpg") no-repeat center bottom;float: right;margin-top: 4px;cursor: pointer;}
#header .right .order .orderlist{width: 278px;height: 365px;border: 1px solid #CDCDCD;background: #fff;position: absolute;top:44px;right: -117px;z-index: 4;overflow: scroll;overflow-x: hidden;padding-bottom: 15px;padding-top: 10px;display: none;}
#header .right .order .orderlist ul{width: 255px;margin-left: 4px;}
#header .right .order .orderlist ul li{width: 255px;height: auto;zoom: 1;overflow: hidden;float: left;}
#header .right .order .orderlist ul li .order_top{height: 30px;border-top: 1px solid #CDCDCD;background: #EFEFF5;padding-left: 8px;padding-right: 8px;color: #323232;line-height: 30px;}
#header .right .order .orderlist ul li .order_top .order_icon{background: url("https://image.99808.com/images/order_0.jpg") no-repeat left center;padding-left: 20px;color: #666;line-height: 30px;display: inline-block;float: right;}
#header .right .order .orderlist ul li .order_img{border-bottom:1px dashed #E7E7E7;height: 60px;padding-top:5px;padding-bottom:5px;line-height:26px;}
#header .right .order .orderlist ul li .order_img img{vertical-align: middle;float: left; margin-right:5px;}
#header .right .order .orderlist ul li .order_img a{color:#333333; text-decoration:none;}
#header .right .order .orderlist ul li> a{width: 200px;height: 28px;display: block;margin: 0 auto;margin-top: 10px;margin-bottom: 10px;background: #FF3C3C;text-align: center;color: #fff;font-size: 14px;border-radius: 2px;line-height: 28px;}
#header .right .order .orderlist .more{width: 253px;height: 28px;display: block;margin: 0 auto;background: url("https://image.99808.com/images/more.jpg") no-repeat;}
#header .navBox{height: 35px;position: absolute;bottom: 0;left: 0;}
#header .navBox .phone{width: 257px;height: 35px;}
#header .navBox .fenlei_nav{width: 170px;height: 35px;background: url("https://image.99808.com/images/n.jpg") no-repeat 13px center #FF3C3C;padding-left: 40px;line-height: 35px;}
#header .navBox .fenlei_nav .txt{color: #fff;font-size: 14px; font-weight:bold; line-height: 35px;width: 170px;background: url("https://image.99808.com/images/icon.jpg") no-repeat 150px center;display: inline-block;cursor: pointer;}
#header .navBox .nav{min-width: 50px;height: 35px;}
#header .navBox .nav a{padding: 0 15px;line-height: 35px;color: #6a6a6a;font-size: 16px; display: inline-block;float: left;}
#header .navBox .nav a:hover,#header .navBox .nav a.current{color: #b61d1d;}
.menufixed{width: 210px;height: 470px;z-index:110; position:absolute; left:0px; top:35px;}
.mn_null{width: 210px;height: 470px;float: left;margin-top: -2px;}
.menu{width: 210px;height: 470px;background: #C23131;position: absolute;top: 0;left: 0;z-index: 10;}
.menu li{height: 78px;width: 208px;padding-top: 2px;background: url("https://image.99808.com/images/bg_1.jpg") repeat-x left top;float: left;color: #fff;border-left: 2px solid #C23131;}
.menu li:hover,.menu li.current{background: url("https://image.99808.com/images/bg_1.jpg") repeat-x left top #fff;border-left: 2px solid #C23131;width: 208px;color: #494949;}
.menu li .li_title{width: 200px;height: 30px;background: url("https://image.99808.com/images/icon_3.png") no-repeat 182px center;background-size: 6px;line-height: 30px;font-size: 14px; font-weight:bold; padding-left: 8px;}
.menu li:hover .li_title,.menu li.current .li_title{background: url("https://image.99808.com/images/icon_4.png") no-repeat 182px center;background-size: 6px;}
.menu li .li_title a{line-height:30px;color:#ffffff; text-decoration:none;font-size: 14px;}
.menu li:hover .li_title a{line-height:30px;color:#333333; text-decoration:none;font-size: 14px;}
.menu li>.menu{text-align: justify;white-space: normal;}
.menu li> .menubox>a{padding: 0 8px;line-height: 22px;float: left;color: #fff;display: inline-block;font-size: 12px;}
.menu li:hover>.menubox>a,.menu li.current>.menubox>a{color: #666;font-size: 12px;}
.menu li:hover>.menubox>a:hover,.menu li.current>.menubox>a:hover{color: #C23131;text-decoration:underline;}
.menu li .menubox .line{width: 1px;height: 12px;background: #fff;display: inline-block;float: left;margin-top: 3px;}
.menu li:hover .line,.menu li.current .line{background: #666;}
.sub_menu{width: 989px;background:#f6f6f6;position: absolute;top: 2px;left: 209px;z-index: 10;border-top: none;border-bottom:2px solid #FF0000;border-right:2px solid #FF0000;}
.sub_menu:hover>.li_title>a,.menu li.current>.li_title>a{color: #666;}
.sub_menu>li{width: 989px;height: auto;zoom: 1;overflow: hidden;float: left;}
.sub_menu>li .brand{width: 240px;margin-top: 6px;margin-bottom: 10px;padding-bottom: 60px;border-left: 1px dotted #999;}
.sub_menu>li .brand .brand_title{line-height: 35px;padding-left: 15px;color: #666;font-size: 14px;}
.sub_menu>li .brand .brand_ul{width: 202px;border-left: 1px solid #eee;border-top: 1px solid #eee;margin: 0 auto;margin-top: 5px;}
.sub_menu>li .brand .brand_ul>li{width: 100px;height: 40px;line-height: 40px;text-align: center;float: left;border-right: 1px solid #eee;border-bottom:1px solid #eee;}
.sub_menu>li .brand .brand_ul>li a{display: block;width: 100px;height: 40px;line-height: 40px;}
.sub_menu>li .brand .brand_ul>li a img{vertical-align: middle;}
.sub_menu>li .prolist{width: 665px;margin-left: 10px;}
.sub_menu>li .prolist>li{border-bottom:1px dotted #999;height: auto;zoom: 1;overflow: hidden;width: 665px;padding-top: 8px;padding-bottom: 8px;}
.sub_menu>li .prolist>li .li_left{width: 120px;line-height: 21px;display: inline-block;float: left; color: #D11410;font-size: 14px;}
.sub_menu>li .prolist>li .li_left a{width: 120px;line-height: 21px;display: inline-block;float: left; color: #D11410;font-size: 14px;}
.sub_menu>li .prolist>li .li_right{width: 545px;}
.sub_menu>li .prolist>li .li_right a{line-height: 14px;color: #666;font-size: 12px;margin-top: 3px;margin-bottom: 5px;padding-left: 8px;padding-right: 8px;display: inline-block;float: left;border-right: 1px solid #666;}
.sub_menu>li .prolist>li .li_right a:hover{color: #b61d1d;}
#banner{height:468px;}
#banner .banner_main{height: 468px;margin: 0 auto;}
#banner .banner_main .right{width: 240px;height: 468px;background: #fff;}
#banner .banner_main .right .notice{height: 96px;border-bottom:1px solid #eee;padding-left: 12px;width: 228px;color: #666;line-height: 24px;padding-top: 10px;padding-bottom: 10px;}
#banner .banner_main .right .notice a{width: 228px;line-height: 24px;color:#333333;display: block;float: left;}
#banner .banner_main .right .notice a:hover{width: 228px;line-height: 24px;color:#ff3c3c;display: block;float: left;}
#banner .banner_main .right .right_promotion{width: 228px;height:350px;margin-left: 12px;}
#banner .banner_main .right .right_promotion .r_promotion{width:228px;height:100px;padding-top:16px;}
#banner .banner_main .slide{width: 750px;height: 468px;}
#banner .banner_main .slide .bd{width: 750px;height: 468px;position: absolute;top: 0;left: 0;}
#banner .banner_main .slide .bd ul{width: 750px;height: 468px;}
#banner .banner_main .slide .bd ul li{width: 750px;height: 468px;float: left;}
#banner .banner_main .slide .bd ul li a{display: block;width: 750px;height: 468px;}
#banner .banner_main .slide .hd{width: 180px;height: 14px;position: absolute;bottom: 18px;right: 40px;}
#banner .banner_main .slide .hd ul{width: 180px;height: 14px;}
#banner .banner_main .slide .hd ul li{width: 14px;height: 14px;margin-right: 16px;float: left;background: #CCCCCC;text-indent: -99999px;cursor: pointer;}
#banner .banner_main .slide .hd ul li:hover,#banner .banner_main .slide .hd ul li.on{background: #FF3C3C;}
/*ad*/
.ad_0{height: 60px;background: #00BDFF;margin-top: 20px;}
/*5F*/
.floor_title{line-height: 35px;padding-left: 10px;padding-top: 15px;color: #666;font-size: 18px;}
.floor_main{width:1198px;border:1px solid #D6D6D6;}
.floor_main .left{width: 210px;}
.floor_main .left .floor_ad{width: 210px;height: 364px;background: #46C7FE;display: block;}
.floor_main .left .pro_link{width: 200px;padding-left: 5px;padding-right: 5px;padding-top: 10px;}
.floor_main .left .pro_link li{width: 200px;height: 38px;border-bottom: 2px solid #F7F7F7;float: left;}
.floor_main .left .pro_link li a{width: 100px;height: 38px;text-align: center;display: inline-block;float: left;line-height: 38px;color: #A0A0A0;font-size: 16px;}
.floor_main .left .pro_link li a img{vertical-align: middle;}
.floor_main .right{width: 978px;margin-left: 10px;}
.floor_main .right li{width: 171px;height: auto;zoom: 1;overflow: hidden;float: left;padding-top: 10px;margin-right: 28px;}
.floor_main .right li a{display: block;width: 171px;}
.floor_main .right li a .name{line-height: 30px;font-size: 14px;color: #333;font-weight:bold;}
.floor_main .right li a:hover .name{text-decoration:none;color:#ffffff; background-color:#4598d2;}
.floor_main .right li a .type{line-height: 26px;color: #666;font-size: 12px;}
.floor_main .right li a .price{line-height: 26px;padding-left: 5px;color: #FF0000;font-size: 14px;font-weight:bold;}
/*question*/
.question{border: 1px solid #EDEDED;margin-top: 20px;width: 1198px;}
.question .top{height: 38px;border-bottom:2px solid #0099CC;color: #333;font-size: 14px;line-height: 38px;}
.question .top .top_left{width: 568px;height: 38px;padding-left: 15px;padding-right: 17px;}
.question .top .top_center{width: 268px;}
.question .top .top_right{width: 268px;height: 38px;padding-left: 15px;padding-right: 15px;}
.question .top a{font-size: 12px;line-height: 38px;color: #333;display: inline-block;float: right;}
.question .bottom .ul_left{width: 578px;border-right: 2px solid #E5E5E5;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;padding-top: 5px;}
.question .bottom .ul_left li{width: 578px;height: 32px;border-bottom:1px solid #F2F2F2;line-height: 32px;}
.question .bottom .ul_left li a{width: 279px;height: 32px;background: url("https://image.99808.com/images/point.jpg") no-repeat left center;display: inline-block;padding-left: 10px;color: #666;line-height: 32px;float: left;}
.question .bottom .ul_center{width: 560px;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;padding-top: 5px;}
.question .bottom .ul_center li{width: 560px;height: 32px;border-bottom:1px solid #F2F2F2;line-height: 32px;}
.question .bottom .ul_center li a{width: 550px;height: 32px;padding-left: 10px;display: inline-block;color: #666;line-height: 32px;background: url("https://image.99808.com/images/point.jpg") no-repeat left center;}
.question .bottom .ul_right{border-right: none;}
/*友情链接*/
#link{margin-top: 30px;}
#link .top{height:30px;border-bottom: 2px solid #0099CC;font-size:14px;font-weight:bold;color:#666666;}
#link .top .yln{width:100px;height:30px;line-height:30px;color:#666666;font-size:14px;float:left; }
#link .top .aplk{width:100px;height:30px;line-height:30px;color:#666666;font-size:14px; float:right;}
#link .top a{height:30px;line-height:30px;color:#666666; text-decoration:none;}
#link .link_main{border: 1px solid #E5E5E5;width: 1198px;height: 40px;}
#link .link_main a{padding: 0 8px;line-height: 40px;display: inline-block;float: left;color: #666;}
/*优势*/
#advantage{margin-top: 18px;background: #F5F5F5;height: 90px;}
#advantage ul{height: 90px;}
#advantage ul li{width: 207px;margin-left: 45px;padding-left: 48px;height: 90px;float: left;color: #333;font-size: 20px;line-height: 90px;}
#advantage ul li.li_0{background: url("https://image.99808.com/images/l_0.jpg") no-repeat left center;}
#advantage ul li.li_1{background: url("https://image.99808.com/images/l_1.jpg") no-repeat left center;}
#advantage ul li.li_2{background: url("https://image.99808.com/images/l_2.jpg") no-repeat left center;}
#advantage ul li.li_3{background: url("https://image.99808.com/images/l_3.jpg") no-repeat left center;}
/*网站信息*/
.siteinfo{margin-top: 30px;padding-bottom: 40px;}
.siteinfo .service{width: 720px;margin-left: 50px;}
.siteinfo .service li{width: 144px;height: auto;zoom: 1;overflow: hidden;float: left;}
.siteinfo .service li h2{line-height: 26px;color: #666666;font-size: 14px;}
.siteinfo .service li a{width: 144px;line-height: 24px;color: #666;display: block;float: left;}
.siteinfo .right{width: 430px;}
.siteinfo .right .logo{width: 364px;height: 32px;}
.siteinfo .right .phone{width: 196px;height: 51px;margin-top: 15px;}
/*footer*/
#footer{text-align: center;line-height: 30px;color: #333;}
#footer .footer_nav a{padding: 0 10px;display: inline-block;color: #333;}
#footer .footer_bottom img{margin-right: 8px;margin-top: 15px;}
#footer .footer_bottom .img{margin-top: 24px;}
#fixed{width: 48px;border: 1px solid #E6E6E6;position: absolute;top: 680px;left: 50%;margin-left: 610px;height: 270px;background: #fff;border-bottom: none;}
#fixed .back_top{height: 36px;text-align: center;line-height: 18px;padding-top: 4px;padding-bottom: 4px;width: 48px;border-bottom: 1px solid #E6E6E6;display: block;}
#fixed .floor_menu{width: 48px;height: 44px;display: inline-block;float: left;border-bottom: 1px solid #E6E6E6;position: relative;}
#fixed .floor_menu .txt{width: 48px;height: 44px;text-align: center;line-height: 44px;position: absolute;top: 0;left: 0;color: #666;display: inline-block;cursor: pointer;}
#fixed .floor_menu .txt_0{height: 36px;text-align: center;line-height: 18px;padding-top: 4px;padding-bottom: 4px;width: 48px;border-bottom: 1px solid #E6E6E6;display: block;position: absolute;top: 0;left: 0;z-index: 5;background: #157CDB;color: #fff;display: none;}
/*登录*/
#login{ float:left}
#login li{ float:left; width:87px; text-align:center; cursor:pointer}
#login li a{ color:#ffffff}
#login li.gd{ background-color:#FFFFFF;font:#676767;}
#login li.gd a{ color:#676767}
.close{ float:right; margin-right:10px; padding-top:10px}
.err{ margin-left:20px; margin-right:20px; margin-top:20px}
.err div{height:24px; line-height:24px;border:1px solid #f6dbd4;background-color:#fff7f5;background:url(https://image.99808.com/images/err.png) left center no-repeat; padding-left:25px; margin:10px;color:#FF0000;}
.inputs input{ border:1px solid #a7c4fc; width:230px; height:28px; line-height:28px; padding-left:5px;}
.inputs span{ display:block; float:left; text-align:right; width:55px; line-height:30px}
.inputs1{ margin-top:5px;}
.inputs1 input{ border:1px solid #a7c4fc; width:230px; height:28px; line-height:28px; margin-top:5px;padding-left:5px;}
.inputs1 span{ display:block; float:left; text-align:right; width:115px; line-height:30px}
#login1{width:465px; margin:15px; overflow:hidden;border-top:1px dashed #c5c5c5;}
#login1 .ipcl{width:200px; height:30px; line-height:30px; margin-top:9px; border:0px;font-size:14px;color:#777777;-webkit-box-shadow: 0 0 0px 1000px white inset;}
#login1 .un_sm{width:310px;height:30px;margin-left:60px;margin-top:20px;}
#login1 .un_ip{width:310px;height:48px; border:1px solid #dfdfdf;background: url("https://image.99808.com/images/lg_un.jpg") no-repeat 8px 16px; margin-left:60px; padding-left:40px;}
#login1 .mm_ip{width:310px;height:48px; border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;background: url("https://image.99808.com/images/lg_mm.jpg") no-repeat 8px 15px;margin-left:60px;padding-left:40px;}
#login1 .g_mm{width:345px; height:40px; line-height:40px; text-align:right; padding-right:5px;margin-left:60px;}
#login1 .g_mm a{ color:#FF3300; text-decoration:none; font-size:12px;}
#login1 .dlsbt{width:350px;height:40px;margin-left:60px;}
#login2{width:465px; margin:15px; overflow:hidden;border-top:1px dashed #c5c5c5;}
#login2 .sm{width:350px;height:30px;margin-left:60px;margin-top:20px;}
#login2 .ipstr{width:350px;height:48px; border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;border-top:1px solid #dfdfdf;margin-left:60px;}
#login2 .ipstr .le{width:80px; height:48px; line-height:48px; font-size:14px; text-align:right; float:left;}
#login2 .ipstr .ri{width:270px;height:48px; float:left;}
#login2 .ipcl{width:200px; height:30px; line-height:30px; margin-top:9px; border:0px;font-size:14px;color:#777777;-webkit-box-shadow: 0 0 0px 1000px white inset;}
#login2 .s_law{width:350px; height:40px; line-height:40px;margin-left:60px;font-size:14px;border-top:1px solid #dfdfdf;}
#login2 .s_law a{ color:#0e63ce; text-decoration:none; font-size:14px;}
#login2 .zcsbt{width:350px;height:40px;margin-left:60px;}
/*弹出登录与注册层*/
.white_content2 {display:none;position: absolute;width: 495px;height: 435px;z-index:8112;left:33%;/*FF IE7*/top: 20%;/*FF IE7*/margin-top:0px;position:fixed!important;/*FF IE7*/position:absolute;border-radius:3px; background-color:#ffffff;border:1px solid #cc3300;box-shadow:0px 2px 2px #bfbfbf;}
.white_content3 {display:none;position: absolute;width: 505px;height: 200px;z-index:9112;left:33%;/*FF IE7*/top: 20%;/*FF IE7*/margin-top:0px;position:fixed!important;/*FF IE7*/position:absolute;border-radius:3px; background:url(https://image.99808.com/images/touming.png)}
.white_content4 {display:none;position: absolute;width: 405px;height: 430px;z-index:9112;left:55%;/*FF IE7*/top: 20%;/*FF IE7*/margin-top:0px;position:fixed!important;/*FF IE7*/position:absolute;border-radius:1px;}
.mcon{ background-color:#FFFFFF; margin:10px; height:180px}
.ok{ background:url(https://image.99808.com/images/ok.png) left center no-repeat; padding-left:36px; font-size:22px; margin-top:5px; margin-left:150px; line-height:35px}
.jjgw{ text-align:center; padding-top:15px}
.jjgw a{ margin-right:10px}
.white_content2 .logines{ background-color:#cc3300; height:38px; line-height:38px;border-top-left-radius:3px;border-top-right-radius:3px;padding-left:70px;}
a.abtn{display:block;height:130px;width:17px;overflow:hidden;background:url(https://image.99808.com/images/arrow3.png) no-repeat 0px 50%;}
a.aleft{float:left;}
a.agrayleft{cursor:default;background-position:-34px 50%;}
a.aright{float:right;background-position:-17px 50%;}
a.agrayright{cursor:default;background-position:-51px 50%;}
.scrolllist{width:452px;height:204px;margin:0 auto; margin-top:55px}
.scrolllist .imglist_w{width:405px;height:204px;overflow:hidden;float:left;position:relative; margin-left:10px/*必要元素*/}
.scrolllist .imglist_w ul{width:20000px;position:absolute;left:0px;top:0px;}
.scrolllist .imglist_w li{width:103px;float:left;}
.scrolllist .imglist_w li img{padding:1px;border:solid 1px #ddd;}
.scrolllist .imglist_w li a{color:#3366cc;text-decoration:none;float:left;}
.scrolllist .imglist_w li a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;}
.scrolllist .imglist_w li p{line-height:18px; clear:both; display:block; width:85px}
.scrolllist .imglist_w li p a{ color:#9e9e9e}
.scrolllist .imglist_w li .prices{ color:#ff5c4d}
/*管理中心*/
a.pre_page,.pre_page{color:#0040D8;display:block; border:1px solid #CCCCCC; float:left;margin-right:4px; height:22px; line-height:22px; font-size:14px;padding:0px 5px 0px 5px;}
a.pre_nopage,.pre_nopage{display:block; border:1px solid #CCCCCC; color:#CCCCCC;float:left;margin-right:4px; height:22px; line-height:22px; font-size:14px;padding:0px 5px 0px 5px;}
a.next_page,.next_page{color:#0040D8;display:block; border:1px solid #CCCCCC; float:left;margin-right:4px; height:22px; line-height:22px; font-size:14px;padding:0px 5px 0px 5px;}
a.next_nopage,.next_nopage{display:block; border:1px solid #CCCCCC; color:#CCCCCC;float:left;margin-right:4px; height:22px; line-height:22px; font-size:14px;padding:0px 5px 0px 5px;}
a.page, .page {color:#0040D8;display:block; border:1px solid #CCCCCC; background:#fff; float:left;margin-right:4px;height:22px; line-height:22px; font-size:14px;padding:0px 5px 0px 5px;}
a.selpage, .selpage {display:block; border:1px solid #FF6600; background:#fff; float:left;margin-right:4px; height:22px; line-height:22px; font-size:14px; color:#FF6600;padding:0px 5px 0px 5px;}
/*.table {WIDTH:100%; border-top:1px solid #dcdcdc;}
td.title{background-color:#f3f3f3;PADDING:3px;height:30px; line-height:30px;}
td{FONT-SIZE:12px;height:30px; line-height:30px;}
TD.td {BACKGROUND:#ffffff; border-bottom:1px dashed #dfdfdf;height:30px; line-height:30px;}*/
#cart_form .gf_mk {
height: 16px;
width: 57px;
line-height: 12px;
text-align: center;
background: #eaf8ff;
color: #cc3300;
font-size: 12px;
text-decoration: none;
padding: 2px 15px;
border-radius:5px;
border-color:#cc3300;
border-style: dotted;
border-width: 1px;
}
#cart_form .tp_mk {
height: 16px;
width: 57px;
line-height: 12px;
text-align: center;
background: #eaf8ff;
color: #006600;
font-size: 12px;
text-decoration: none;
padding: 2px 15px;
border-radius:5px;
border-color:#006600;
border-style: dotted;
border-width: 1px;
}
#cart_form .od_qq {
line-height: 16px;
padding: 10px;
}
#cart_form .od_qq a {
color: #339999;
}
#cart_form .od_qq a:hover {
color: #3399CC;
}
#plun table {
WIDTH:100%;
max-width: 100%;
background-color: transparent;
empty-cells: show;
border-collapse: collapse;
}
#plun tr td {
border:1px solid #E7E7E7; padding: 2px 10px;font-size:14px;
}
#det_1 table {
WIDTH:100%;
max-width: 100%;
background-color: transparent;
empty-cells: show;
border-collapse: collapse;
}
#det_1 tr td {
border:1px solid #E7E7E7; padding: 2px 10px;font-size:14px;
}
#myinfo table {
WIDTH:100%;
max-width: 100%;
background-color: transparent;
empty-cells: show;
border-collapse: collapse;
border:1px solid #E7E7E7;
}
#myinfo tr td {
border:0px solid #E7E7E7; padding: 2px 10px;font-size:14px;
height: 35px;
}
#shuomingtxt{font-size:14px;color:#3E3E3E;line-height: 28px;padding:0 0 0 10px;}
#shuomingtxt table,#art_bd table,#ri_dets table {
WIDTH:100%;
max-width: 100%;
background-color: transparent;
empty-cells: show;
border-collapse: collapse;
}
#shuomingtxt tr td,#art_bd tr td,#ri_dets tr td {
border:1px solid #E7E7E7; padding: 2px 10px;font-size:14px;
}
#order_detail table{
background-color: transparent;
empty-cells: show;
border-collapse: collapse;
}
#order_detail tr td {
border:0px solid #E7E7E7; padding: 2px 10px;font-size:14px;
}
#order_detail_l table{
background-color: transparent;
empty-cells: show;
border-collapse: collapse;
}
#order_detail_l tr td {
border:1px solid #E7E7E7; padding: 2px 10px;font-size:14px;
}
#order_list .list_head {
WIDTH:978px;
background-color: #eaf8ff;
height: 36px;
border:1px solid #cccccc; padding: 0px;margin:0px;font-size:14px;
vertical-align: middle;
display: block;
clear:both;
}
#order_list .od_id {
line-height: 16px;
padding: 10px;
float: left;
}
#order_list .od_del {
float: right;
line-height: 16px;
padding: 10px;
}
#order_list .od_del a {
color: #993333;
}
#order_list .od_del a:hover {
color: #000000;
}
#order_list .od_again {
float: right;
line-height: 16px;
padding: 10px;
}
#order_list .od_again a {
color: #CC3333;
}
#order_list .od_again a:hover {
color: #ff6600;
}
#order_list .od_qq {
line-height: 16px;
padding: 10px;
}
#order_list .od_qq a {
color: #339999;
}
#order_list .od_qq a:hover {
color: #3399CC;
}
#order_list .gf_mk {
height: 16px;
width: 57px;
line-height: 12px;
text-align: center;
background: #eaf8ff;
color: #cc3300;
font-size: 12px;
text-decoration: none;
padding: 2px 15px;
border-radius:5px;
border-color:#cc3300;
border-style: dotted;
border-width: 1px;
}
#order_list .tp_mk {
height: 16px;
width: 57px;
line-height: 12px;
text-align: center;
background: #eaf8ff;
color: #006600;
font-size: 12px;
text-decoration: none;
padding: 2px 15px;
border-radius:5px;
border-color:#006600;
border-style: dotted;
border-width: 1px;
}
#order_list .list_cont {
WIDTH:978px;
height: 30px;
background-color: #ececec;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding: 0px;margin:0px;font-size:14px;
vertical-align: middle;
display: block;
clear:both;
}
#order_list .list_cont span {
float: left;
background-color: transparent;
display: block;
font-size: 12px;
line-height: 14px;
padding-left: 10px;
padding-top: 8px;
text-align: center;
}
#order_list .list_pro {
WIDTH:978px;
height: auto;
padding-bottom: 10px;
background-color: #ffffff;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding: 0px;margin:0px;font-size:14px;
vertical-align: middle;
display: block;
clear:both;
}
#order_list .list_pro span {
float: left;
padding-bottom: 10px;
background-color: transparent;
display: block;
font-size: 12px;
line-height: 20px;
padding-left: 10px;
padding-top: 8px;
text-align: center;
}
#order_list .list_pro ul {
display: block;
clear:both;
}
#order_list .list_pro ul li {
float: left;
background-color: transparent;
display: block;
font-size: 12px;
line-height: 14px;
padding: 0px;
text-align: center;
}
#order_list .list_pro a {
color: #666666;
}
#order_list .list_pro a:hover {
color: #ff6600;
}
#order_list .pay_now {
height: 16px;
width: 57px;
line-height: 12px;
text-align: center;
background: #ffffff;
color: #ff6600;
font-size: 12px;
text-decoration: none;
padding: 2px 15px;
border-radius:5px;
border-color:#ff6600;
border-style: solid;
border-width: 1px;
}
.suba{padding-left:5px; padding-right:5px;height:30px; line-height:30px;text-align:center; background-color:#2389d1;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;color:#ffffff;font-weight:bold;border:0px;}
.ip_cl{height:22px;line-height:22px;border:1px solid #cacaca;color:#666666;padding-left:5px;}
#mb_pg{width:1200px;margin:0px auto; margin-top:20px;overflow:hidden;clear:both;}
#mb_pg #mb_menu{width:198px;border:1px solid #d9d9d9;float:left;}
#mb_pg #mb_ribd{width:980px;float:right;}
.mn_t{width:153px;height:20px;line-height:20px;padding:15px 0px 15px 45px; border-bottom:1px solid #fe6e3a;background:url(https://image.99808.com/images/hd.jpg) no-repeat 20px 18px;font-size:14px;font-weight:bold;}
.mn_one{width:198px;height:34px;line-height:34px;background:url(https://image.99808.com/images/cp.jpg) no-repeat 25px 15px;padding-left:45px;font-size:14px;font-weight:bold;color:#555555;}
.mn_two{width:198px;overflow:hidden;}
.mn_two a{width:153px;padding-left:45px;height:34px;line-height:34px;font-size:14px;color:#666666;text-decoration:none;display:block;}
.mn_two a:hover{height:34px;line-height:34px;font-size:14px;color:#ffffff;text-decoration:none;background-color:#fd6e36;}
#mb_menu .selmn{height:34px;line-height:34px;font-size:14px;color:#ffffff;text-decoration:none;background-color:#fd6e36;}
.mritop{width:958px;height:90px;padding:10px;border:1px solid #d6d7d9;background-color:#eceff4;margin-bottom:20px;}
.mri_le{width:250px;height:90px;float:left;border-right:1px dashed #d6d7d9;}
.mri_cen{width:416px;height:90px;float:left;border-right:1px dashed #d6d7d9;}
.mri_ri{width:290px;height:90px;float:right;}
.mtu{width:60px;height:60px;text-align:right;float:left;padding-top:15px;}
.mb_info{height:90px;float:right;}.iftt{height:24px;line-height:24px;font-size:14px;font-weight:bold;}.ifcc{height:22px;line-height:22px;}
.ifcc span{color:#FF0000;font-weight:bold;}.ifcc .lk{color:#c20200; text-decoration:underline;}
.lst_t{width:980px;height:30px;background-color:#f7f7f7;border-bottom:1px solid #dadada;margin-bottom:10px;}
.lst_t .t_s{width:120px;height:30px; line-height:30px;border-left:1px solid #dadada;border-top:1px solid #dadada;border-right:1px solid #dadada;text-align:center;font-size:16px;font-weight:bold; float:left;background-color:#ffffff;}
.lst_t .od_ss{height:27px;float:right; overflow:hidden; padding-top:6px;}.od_sle{height:27px;float:right;}.od_sri{width:74px;height:27px;float:right;}
.lst_t .sec_s{width:242px;height:27px;float:right; overflow:hidden; padding-top:3px; padding-right:10px;}.lst_t .sec_s .ipsf{width:230px;height:22px;border:1px solid #dadada;background-color:#ffffff;}.lst_t .sec_s .ipsf .secip{width:195px;height:22px;line-height:22px;border:0px; padding-left:5px; float:left;}.lst_t .sec_s .ipsf .secbt{width:30px;height:18px; text-align:center; padding-top:4px; float:right;}
.gd_an{width:980px;height:24px;line-height:24px;}
/*悬浮搜索*/
.flo .logo{margin-left: 10px;margin-top: 0px;width: 364px;height: 32px;display: inline-block;}
.flo .tel{float: right; margin-top: 10px;}
.flo .search{width: 478px;margin-top: 5px;margin-left: 35px;}
.flo .search .sf_str{width:478px;height:42px;}
.flo .search .sf_str .searchBox{width: 378px;border:2px solid #FF3C3C;height: 38px; float:left;}
.flo .search input{width: 368px;padding-left:10px;color: #333;height: 38px;line-height: 38px; border:0px;font-size: 14px;}
.flo .search .sf_str .btstr{width:96px;height: 32px; float:left;}
.flo .search .sf_str .btstr .psbt{width:90px;height:42px;background: #FF3C3C;text-align: center;line-height: 32px;color: #fff;font-size: 18px; padding-right:5px;}
.flo .search .search_key{line-height: 30px;height: 30px;width: 478px;}
.flo .search .search_key a{padding-right: 10px;color: #666;line-height: 30px;float: left;display: inline-block;}
.flo .search .search_key a:hover,#header .navBox .nav a.current{color: #b61d1d;}
/*new right*/
.def-area {
overflow: auto;
position: absolute;
right: 0px;
top: 0px;
padding: 0px;
margin: 0px;
width: 300px;
max-width: 97%;
height: 880px;
background-color: #FFFFFF;
overflow-x: hidden;
overflow-y: hidden;
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
transition: all .5s ease-in;
z-index: 100000;
}
.def-area.hidden {
right: -300px;
display:none;
}
.qq-md {
position: fixed;
right: 0px;
top: 30px;
overflow: auto;
padding: 0px;
margin: 0px;
width: 300px;
max-width: 97%;
height: 880px;
background-color: #EEEEEE;
overflow-x: hidden;
overflow-y: hidden;
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
transition: all .5s ease-in;
z-index: 100000;
}
.qq-md.hidden {
right: -300px;
}
.content-butt {
overflow: auto;
position: fixed;
right: 0px;
buttom: 0px;
padding: 0px;
margin: 0px;
width: 300px;
max-width: 97%;
height: 80px;
background-color: #EEEEEE;
overflow-x: hidden;
overflow-y: hidden;
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
transition: all .5s ease-in;
z-index: 100000;
}
.content-butt.hidden {
right: -300px;
}
.content-top {
position: fixed;
right: 0px;
top: 0;
padding-top: 5px;
margin: 0px;
width: 300px;
max-width: 97%;
height: 24px;
background-color: #EEEEEE;
overflow-x: hidden;
overflow-y: hidden;
border-bottom: 1px dotted #bbb;
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
transition: all .5s ease-in;
z-index: 100000;
}
.content-top.hidden {
right: -300px;
}
.top_lable {
-webkit-appearance: none;
color: #666;
font-size: 14px;
letter-spacing: 0.05em;
text-align: right;
transition: background 0.3s ease-in-out;
width: 250px;
padding: 10px;
margin: 10px 15px;
}
.content {
overflow: auto;
position: fixed;
right: 0px;
top: 30px;
padding: 0px;
padding-bottom: 0px;
margin: 0px;
width: 300px;
max-width: 97%;
height: 98%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
transition: all .5s ease-in;
z-index: 100000;
}
.content.hidden {
right: -300px;
}
.content.light {
background-color: #EEEEEE;
color: #333;
}
.content hr {
margin-bottom: -10px;
border-top: 1px dashed rgba(0, 0, 0, 0.7);
}
.content .light hr {
border-bottom: 1px dashed rgba(255, 255, 255, 0.6);
border-top: 1px dashed rgba(0, 0, 0, 0.1);
}
.content img {
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 3px;
background: rgba(0, 0, 0, 0.2);
}
.content.light img {
background: rgba(255, 255, 255, 0.4);
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
-ms-touch-action: pinch-zoom;
touch-action: pinch-zoom;
/* direct pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
-ms-touch-action: auto;
touch-action: auto;
}
.mCustomScrollBox {
/* contains plugin's markup */
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container {
/* contains the original content */
overflow: hidden;
width: auto;
height: auto;
}
/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside>.mCSB_container {
margin-right: 30px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
}
/* non-visible scrollbar */
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
/* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-left: 0;
}
/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
/* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside+.mCSB_scrollTools {
right: -26px;
}
/* scrollbar position: outside */
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
/* RTL direction/left-side scrollbar */
right: auto;
left: 0;
}
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
/* contains the draggable element and dragger rail markup */
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
width: 2px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger {
/* the draggable element */
cursor: pointer;
width: 100%;
height: 30px;
/* minimum dragger height */
z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
/* the dragger element */
position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 12px;
/* auto-expanded scrollbar */
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 8px;
/* auto-expanded scrollbar */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
bottom: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
/* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}
/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
opacity: 0.55;
filter: "alpha(opacity=55)";
-ms-filter: "alpha(opacity=55)";
}
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
opacity: 0;
filter: "alpha(opacity=0)";
-ms-filter: "alpha(opacity=0)";
}
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.4);
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
filter: "alpha(opacity=85)";
-ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
background-image: url(mCSB_buttons.png);
/* css sprites */
background-repeat: no-repeat;
opacity: 0.4;
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 0;
/*
sprites locations
light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
*/
}
.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -20px;
/*
sprites locations
light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
*/
}
.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -40px;
/*
sprites locations
light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
*/
}
.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -56px;
/*
sprites locations
light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
opacity: 0.15;
filter: "alpha(opacity=15)";
-ms-filter: "alpha(opacity=15)";
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
opacity: 0.9;
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)";
}
/* theme: "minimal", "minimal-dark" */
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
right: 0;
margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: 0;
margin: 0 12px;
}
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)";
}
/* ---------------------------------------- */
.sysyp-toolbar {
position: fixed;
z-index: 100000020;
width: 35px;
border: 0px;
right: 0px;
top: 0;
bottom: 0;
background-color: #000;
-webkit-transform: translate3d(0, 0, 0);
font-family: tahoma, arial, 'Hiragino Sans GB',"Microsoft YaHei", simsun, sans-serif;
font-size: 0;
height: 100%;
margin: 0px;
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
transition: all .5s ease-in;
}
.bar-open {
right: 300px;
}
.sysyp-toolbar-list {
margin: 0;
padding: 0;
list-style: none;
min-height: 46px
}
.sysyp-toolbar-item {
height: 46px
}
.sysyp-toolbar-item-hd {
display: block;
width: 35px;
height: 46px;
position: relative;
color: #fff;
font-size: 12px;
text-decoration: none!important;
cursor: pointer;
outline: 0;
_overflow: hidden
}
.sysyp-toolbar-item-hd:hover {
_overflow: visible
}
.sysyp-toolbar-item-hd:hover,
.sysyp-toolbar-item-hd-active {
color: #fff;
background-color: #3c3c3c;
}
.sysyp-toolbar-item-arrowa {
position: absolute;
right: -6px;
top: 30px;
color: #E4F0F8
}
.sysyp-toolbar-item-tip {
display: none;
z-index: 100000022;
position: absolute;
top: 8px;
left: -85px;
width: 85px;
height: 30px;
color: #fff;
font-size: 12px;
line-height: 30px;
font-family: tahoma, arial, 'Hiragino Sans GB',"Microsoft YaHei", simsun, sans-serif;
text-align: center;
background: #FF0033;
-webkit-animation: leftFadeIn .3s ease-out;
-moz-animation: leftFadeIn .3s ease-out;
animation: leftFadeIn .3s ease-out
}
.sysyp-toolbar-item-hd:hover .sysyp-toolbar-item-tip {
display: block
}
.sysyp-toolbar-item-arrow {
position: absolute;
right: -6px;
top: 0;
color: #FF0033
}
.sysyp-toolbar-item-label {
text-align: center;
font-size: 12px;
line-height: 14px;
margin: 2px 0
}
@font-face {
font-family: fontawesome-webfont;
src: url(https://www.99808.com/css/fontawesome-webfont.ttf) format('truetype')
}
.sysyp-toolbar-item-icon {
text-align: center;
width: 35px;
line-height: 46px;
font-family: fontawesome-webfont;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none
}
.sysyp-icon {
font-family: fontawesome-webfont;
}
.sysyp-toolbar:hover .sysyp-toolbar-list-with-cart {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
_border-color: #EEEEEE
}
.sysyp-toolbar-list-with-gotop {
position: absolute;
bottom: 5px
}
.sysyp-toolbar-item-split {
width: 60%;
margin: 0 auto;
border-bottom: 1px dotted #bbb
}
.sysyp-toolbar-price {
font-family: arial
}
.to-center {
margin-top: 50%;
}
.sysyp-toolbar-item-hd-qq {
line-height: 60px;
}
.sysyp-toolbar-item-cart {
height: auto;
background-color: #FF0033;
height: 150px
}
.sysyp-toolbar-item-cart:hover {
background-color: #FF0033;
}
.sysyp-toolbar-item-hd-cart {
height: auto;
*height: 110px;
padding-top: 10px;
padding-bottom: 10px
}
.sysyp-toolbar-item-hd-cart:hover {
background-color: #FF0033;
}
.sysyp-toolbar-item-icon-cart {
line-height: 32px
}
.sysyp-toolbar-item-label-cart {
width: 20px;
height: 50px;
line-height: 16px;
padding: 0;
margin: 0 auto
}
.sysyp-toolbar-item-label-cart {
color: #fff
}
.sysyp-toolbar-item-badge-cart {
border-radius: 10px;
background-color: #FF0033;
color: #fff;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
margin: 0 auto
}
.sysyp-toolbar-item-border-cart {
position: absolute;
top: 0;
left: 8px;
height: 108px;
width: 20px;
border: 1px dotted #bbb;
border-width: 1px 0
}
.sysyp-toolbar-item-cart .sysyp-toolbar-item-bd {
width: 330px;
background-color: #f1f1f1;
}
.sysyp-toolbar-history .sysyp-toolbar-item-bd {
width: 330px;
background-color: #f1f1f1;
overflow-x: hidden;
overflow-y: auto
}
.bar_qq_div {
width: 290px;
height: 25px;
padding: 5px 5px 5px 5px;
margin: 10px 0px 0px 0px;
background-color: #fff;
border-bottom: 1px dashed #EEEEEE;
display: block;
}
.bar_qq_name {
width: 65px;
color: #0099CC;
font-size: 14px;
vertical-align: middle;
margin: 0px;
}
.bar_qq_time {
font-size: 10px;
padding-top: 5px;
vertical-align: middle;
float: right;
text-align: right;
margin: 0px;
}
.bar_qq_pa {
width: 290px;
height: auto;
padding: 5px 5px 5px 5px;
margin: 0px;
background-color: #fff;
color: #666;
display: block;
}
.bar_qq_pa a:link, a:visited {
text-decoration: none;
}
.bar_qq_pb {
width: 145px;
float: left;
display: block;
border-bottom: 1px dashed #EEEEEE;
}
.bar_qq_img {
width: 50px;
height: 50px;
font-size: 12px;
vertical-align: middle;
padding-top: 5px;
padding-left: 10px;
margin: 0px;
float: left;
}
.bar_qq_desc {
width: 70px;
height: 15px;
font-size: 14px;
vertical-align: top;
padding-top: 10px;
margin: 0px;
line-height: 15px;
float: left;
color: #666666;
overflow: hidden;
}
.bar_qq_spec {
width: 70px;
height: 15px;
font-size: 12px;
vertical-align: top;
padding-top: 3px;
margin: 0px;
line-height: 15px;
float: left;
color: #999999;
overflow: hidden;
}
.bar_qq_next {
width: 300px;
height: 10px;
padding: 0px;
margin: 0px;
background-color: #ddd;
color: #666;
border-bottom: 1px dashed #fff;
display: block;
}
.bar_wx_div {
width: 300px;
height: 205px;
padding: 0px;
margin: 0px;
background-color: #fff;
text-align: center;
border-bottom: 1px dashed #EEEEEE;
display: block;
}
.bar_wx_name {
width: 65px;
color: #009933;
font-size: 14px;
margin: 0px;
}
.bar_wx_desc {
color: #009933;
}
.bar_wx_time {
font-size: 10px;
padding-top: 5px;
vertical-align: middle;
float: right;
text-align: right;
margin: 0px;
}
.bar_lx_name {
width: 65px;
color: #666666;
font-size: 14px;
vertical-align: middle;
margin: 0px;
}
.bar_lx_div {
width: 300px;
height: 500px;
padding: 15px;
margin: 0px;
background-color: #fff;
font-size: 12px;
line-height: 20px;
text-align: left;
vertical-align: middle;
border-bottom: 1px dashed #EEEEEE;
display: block;
}
.bar_shop_div {
width: 290px;
height: 20px;
padding: 5px 5px 5px 5px;
margin: 0px;
background-color: #fff;
color: #666;
vertical-align: middle;
border-bottom: 1px dashed #EEEEEE;
display: block;
}
.bar_search_div {
width: 300px;
height: 98%;
padding: 15px;
margin: 0px;
background-color: #fff;
font-size: 12px;
line-height: 20px;
text-align: left;
vertical-align: middle;
border-bottom: 1px dashed #EEEEEE;
}
.bar_search_div form {
padding: 0px;
margin: 0px;
}
.s-form-lab {
width: 80px;
height: 30px;
font-size: 14px;
line-height: 26px;
float: left;
display: block;
padding: 5px 0px 0px 0px;
margin: 0px;
border-bottom: 1px dashed #EEEEEE;
}
.s-form-data {
width: 200px;
height: 30px;
font-size: 14px;
float: left;
display: block;
padding: 5px 0px 0px 0px;
border-bottom: 1px dashed #EEEEEE;
}
.s-form-data input {
width: 180px;
height: 25px;
padding: 0px;
padding-left: 10px;
margin: 0px;
border:1px solid #AAAAAA;
outline:none;
}
.s-form-data select {
outline: none;
width: 190px;
height: 25px;
line-height: 30px;
padding-left: 10px;
border:1px solid #AAAAAA;
overflow-x: hidden;
}
.s-form-data select option{
width: 95px;
overflow: hidden;
}
.bar_shop_input {
vertical-align: middle;
width: 15px;
}
.bar_shop_name {
width: 265px;
font-size: 14px;
vertical-align: middle;
padding-top: 0px;
margin: 0px;
}
.bar_cart_pa {
width: 290px;
height: 70px;
padding: 5px 5px 5px 5px;
margin: 0px;
background-color: #fff;
color: #666;
border-bottom: 1px dashed #EEEEEE;
display: block;
}
.bar_cart_pb {
width: 290px;
float: left;
display: block;
}
.bar_cart_input {
width: 15px;
height: 70px;
vertical-align: top;
float: left;
}
.bar_cart_img {
width: 70px;
height: 70px;
font-size: 12px;
vertical-align: middle;
padding-top: 5px;
margin: 0px;
float: left;
}
.bar_cart_desc {
width: 140px;
height: 15px;
font-size: 14px;
vertical-align: top;
padding-top: 10px;
margin: 0px;
line-height: 15px;
float: left;
overflow: hidden;
}
.bar_cart_spec {
width: 140px;
height: 15px;
font-size: 12px;
vertical-align: top;
padding-top: 3px;
margin: 0px;
line-height: 15px;
float: left;
color: #999999;
overflow: hidden;
}
.font_disable{
text-decoration:line-through;
color: #999999;
}
.bar_cart_close {
width: 12px;
display: inline;
float: right;
vertical-align: top;
padding-right: 20px;
color: #EEEEEE;
cursor: pointer;
}
.bar_cart_close:hover {
color: #FF4400;
}
.bar_cart_count {
width: 180px;
height: 20px;
font-size: 14px;
vertical-align: bottom;
padding-top: 10px;
margin: 0px;
line-height: 15px;
float: left;
}
.bar_cart_add {
display: inline;
color: #EEEEEE;
cursor: pointer;
}
.bar_cart_add:hover {
color: #0092EF;
}
.bar_cart_min {
display: inline;
color: #EEEEEE;
cursor: pointer;
}
.bar_cart_min:hover {
color: #ff8000;
}
.bar_cart_price {
display: inline;
float: right;
vertical-align: top;
padding-right: 10px;
}
.bar_shop_next {
width: 300px;
height: 10px;
padding: 0px;
margin: 0px;
background-color: #ddd;
color: #666;
border-bottom: 1px dashed #fff;
display: block;
}
.bar_shop_clean {
width: 290px;
height: 100px;
padding: 0px;
margin: 200px 0px 0px 0px;
background-color: #EEEEEE;
color: #666;
font-size: 12px;
text-align: center;
display: block;
}
.bar_shop_clean .sadicon {
font-size: 56px;
color: #ddd;
}
.bar_shop_error {
width: 290px;
height: 100px;
padding: 0px;
margin: 50px 0px 0px 0px;
background-color: #EEEEEE;
color: #666;
font-size: 12px;
text-align: center;
display: block;
}
.bar_shop_more {
width: 290px;
height: 50px;
padding: 0px;
margin: 0px;
background-color: #EEEEEE;
color: #666;
display: block;
}
.more_button {
background: #EEEEEE;
border: none;
border-radius: 2px;
color: #666;
cursor: pointer;
height: 20px;
font-size: 12px;
letter-spacing: 0.05em;
text-align: center;
border: 1px dashed #666;
transition: background 0.3s ease-in-out;
width: 150px;
margin: 15px 75px;
outline:none;
}
.more_button:hover {
border: 1px dashed #FF0033;
color: #FF0033;
}
.check_button {
background: #FF0033;
border: none;
border-radius: 2px;
color: #fff;
cursor: pointer;
height: 30px;
font-size: 14px;
letter-spacing: 0.05em;
text-align: center;
transition: background 0.3s ease-in-out;
width: 200px;
margin: 7px 50px;
outline:none;
}
.check_button:hover {
background: #D33C16;
}
.butt_price {
color: #FF0033;
height: 15px;
font-size: 12px;
letter-spacing: 0.05em;
text-align: right;
transition: background 0.3s ease-in-out;
width: 200px;
padding: 0px;
margin: 10px 50px 0px 50px;
}
.butt_count {
color: #333;
float: left;
}
.butt_right {
color: #666;
background-color: #FFFFFF;
height: 80px;
font-size: 18px;
letter-spacing: 0.05em;
text-align: center;
transition: background 0.3s ease-in-out;
width: 300px;
padding-top: 30px;
margin: 0px;
border-top: 1px dashed #ddd;
}
/* 定义keyframe动画，命名为blink */
@keyframes blink{
0%{opacity: 1;}
80%{opacity: 1;color: #FF0033;}
80.01%{opacity: 0.5;} /* 注意这里定义50.01%立刻透明度为０，可以设置闪烁效果 */
100%{opacity: 0;}
}
/* 添加兼容性前缀 */
@-webkit-keyframes blink {
0% { opacity: 1; }
80% { opacity: 1; }
80.01% { opacity: 0.5; }
100% { opacity: 0; }
}
@-moz-keyframes blink {
0% { opacity: 1; }
80% { opacity: 1; }
80.01% { opacity: 0.5; }
100% { opacity: 0; }
}
@-ms-keyframes blink {
0% { opacity: 1; }
80% { opacity: 1; }
80.01% { opacity: 0.5; }
100% { opacity: 0; }
}
@-o-keyframes blink {
0% { opacity: 1; }
80% { opacity: 1; }
80.01% { opacity: 0.5; }
100% { opacity: 0; }
}
/* 定义blink类*/
.blink{
animation: blink 1.6s linear infinite;
/* 其它浏览器兼容性前缀 */
-webkit-animation: blink 1.6s linear infinite;
-moz-animation: blink 1.6s linear infinite;
-ms-animation: blink 1.6s linear infinite;
-o-animation: blink 1.6s linear infinite;
color: #FFF;
}
/*loading*/
.spinner {
margin: 20px auto;
width: 50px;
height: 20px;
text-align: center;
font-size: 10px;
}
.spinner > div {
background-color: #bbb;
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
} 20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
#tp_gd{width:1220px; height:44px; margin:0px auto; margin-top:20px;}
#tp_gd .lgs{width:400px; height:32px; padding-top:6px; float:left;}
#tp_gd .cart_gd{width:573px; height:44px; float:right;}
#cartlst{width:1220px;margin:0px auto; overflow:hidden; clear:both;}
#cartlst .mlk{color:#0063c2; text-decoration:none;}
#cartlst .n_cl{width:40px; height:22px; line-height:22px; text-align:center; border:1px solid #cdcdcd;}
.dir_blue{font-size:16px;font-family:Arial, Verdana, "Microsoft YaHei","宋体";color:#336699;padding:0 0 0 5px;}
#cartlst .zj_le{display:block; width:18px; height:22px; border-left:1px solid #e7e7e7; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; text-align:center; line-height:25px; float:left; cursor:pointer;}
#cartlst .ip_cen{width:42px;height:24px;float:left;}
#cartlst .zj_ri{display:block; width:18px; height:22px; border-right:1px solid #e7e7e7; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; text-align:center; line-height:25px; float:left; cursor:pointer;}
#cartlst .dw{width:20px; height:24px; line-height:24px; float:left; padding-left:3px;}
.tb_div{width:1218px; border:1px solid #cbcbcb;overflow:hidden;clear:both; padding-bottom:10px;}
.tb_div .tt{width:1208px; height:30px; line-height:30px; border-bottom:1px solid #cbcbcb; border-top:1px solid #ffffff; background-color:#f3f3f3; padding-left:10px; font-size:14px; font-weight:bold;color:#666666;}
.tb_div .cc{width:1218px; padding-top:10px; overflow:hidden;}
.tb_div .cc ul{ list-style:none;}
.tb_div .cc ul li{width:1188px;height:30px; line-height:30px; padding-left:30px;}
.tb_div .cc ul .seli{width:1188px;min-height: 30px; line-height:1.5; background-color:#f5f5f5;padding-left:30px;}
.sp1{width:20px;height:30px;line-height:30px;float:left;text-align:center;}
.sp2{
width: 150px;
min-height: 30px; /* 最小高度为30px，内容多时可以撑开 */
line-height: 1.5; /* 使用相对行高，适应多行文本 */
float: left;
}
.sp3{width:758px;height:30px;line-height:30px;float:left;}/*width:908px;*/
.sp_3{width:1068px;height:30px;line-height:30px;float:left;}
.sp4{width:80px;height:30px;line-height:30px;float:left;}
.sp5{width:80px;height:30px;line-height:30px;float:left;}
.spo1{width:80px;height:30px;line-height:30px;float:left; text-align:right;}
.spo2{width:900px;height:30px;line-height:30px;float:left;}
.seli .sp2{width:100px;min-height: 30px; line-height:1.5;float:left; font-weight:bold;}
.tb_ip{border:1px solid #cdcdcd;height:22px; line-height:22px;padding-left:3px;}
#cartlst .smt{width:80px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#ffffff; background-color:#dc4513;}
.js_tr{width:1158px;height:40px;border-bottom:1px solid #cbcbcb;}
.js_tr .le{width:218px;float:left;height:40px; line-height:40px;}
.js_tr .ri{width:700px;float:right;height:40px; line-height:40px; text-align:right;}
.js_yftr{width:1158px;height:40px;color:#f2745e; margin-top:10px;}
.js_btr{width:1158px; overflow:hidden; text-align:right;}
.success_ico{width:32px; height:32px; line-height:32px; padding-top:20px; margin:0px auto; text-align:center;}
.success_sm{width:500px;line-height:30px;padding-top:10px; margin:0px auto; text-align:center;color:#666666; font-size:18px; font-weight:bold;}
#p_sec{width:1220px; margin:auto; margin-top:20px; height:34px; line-height:34px; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; background-color:#f1f1f1;font-size:14px;color:#555555;}
#p_sec .catn{color:#e4303c;font-weight:bold;float:left; height:34px; line-height:34px;}
#p_sec .psx{width:80px; font-weight:bold; text-align:center; float:left;height:34px; line-height:34px;}
#p_sec .pnum{width:120px; float:left; text-align:center;height:34px; line-height:34px;}
#p_sec .psec{width:245px; height:24px;line-height:24px; border:1px solid #dddddd; background-color:#ffffff; float:left; margin-top:4px;}
#p_sec .ips{width:200px; height:24px; line-height:24px; border:0px; background-color:#ffffff; padding-left:5px; color:#999999;}
#p_sec{width:1170px; margin:auto; margin-top:20px; height:34px; line-height:34px; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; background-color:#f1f1f1; padding-left:15px; padding-right:15px;font-size:14px;color:#555555;}
#p_sec .catn{color:#e4303c;font-weight:bold;float:left; height:34px; line-height:34px;}
#p_sec .psx{width:80px; font-weight:bold; text-align:center; float:left;height:34px; line-height:34px;}
#p_sec .pnum{width:120px; float:left; text-align:center;height:34px; line-height:34px;}
#p_sec .psec{width:245px; height:24px;line-height:24px; border:1px solid #dddddd; background-color:#ffffff; float:left; margin-top:4px;}
#p_sec .ips{width:200px; height:24px; line-height:24px; border:0px; background-color:#ffffff; padding-left:5px; color:#999999;}
#sxarea{width:1198px; margin:0px auto;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea; overflow:hidden; clear:both;}
#sxarea .sltr_y{width:1198px; border-bottom:1px dashed #c5c5c5; background-color:#f8f8f8; padding:5px 0px 5px 0px; overflow:hidden;}
#sxarea .sltr_n{width:1198px;background-color:#f8f8f8;padding:5px 0px 5px 0px;overflow:hidden;}
.sl_tt{width:80px;line-height:24px; float:left; text-align:right;color:#777777; }
.sl_cc{width:1093px;float:right; padding-right:10px;}
.sl_cc a{padding:4px;line-height:24px; text-decoration:none;color:#333333;}
.sl_cc a:hover {text-decoration:none;color:#ffffff; background-color:#ea6634;}
#sxarea .sel{text-decoration:none;color:#ffffff; background-color:#ea6634;}
#gdsbd{width:1200px; margin:auto; margin-top:10px; overflow:hidden; clear:both;}
#gdsbd ul li{width:212px; height:285px; border:3px solid #ffffff; float:left; margin-top:20px; padding:10px 14px 10px 10px;border:1px solid #ffffff;}
.sxpri{color:#e4303c;font-weight:bold;font-size:16px;padding:0px 2px 0px 0px;}
#gdsbd ul li:hover{border:1px solid #dddddd;}
#gdsbd ul li .gds_img{width:210px; height:210px;}
#gdsbd ul li .gds_tt{width: 210px;height:36px;line-height:16px; padding:5px; font-style:normal;}
#gdsbd ul li .gds_tt a{height:36px; line-height:16px;font-size:14px;text-decoration:none;color:#333333;}
#gdsbd ul li .gds_tt a:hover{color:#ffffff; background-color:#4598d2;line-height:16px;}
#gdsbd ul li .gds_oth{width:210px; height:24px; line-height:24px;font-size:14px; padding-top:12px;}
#gdsbd ul li .gds_oth span{float: right; width: 50px; height: 18px; font-size: 12px; line-height: 12px; margin-top: 3px; background-color: #CC3300; color: #ffffff;border-radius: 5px; text-align: center; vertical-align: middle;padding-top: 0px; display: flex; align-items: center; justify-content: center;-webkit-text-size-adjust: 100%;}
#gdsbd ul li i{font-size:20px; font-style:normal;}
#gdsbd ul li a{color:#333333; text-decoration:none;}
#gdsbd .tpmk{ width: 50px; height: 18px; font-size: 12px; line-height: 12px; margin-top: 3px; color: #CC3300;border-radius: 5px; text-align: center; vertical-align: middle;padding-top: 3px;}
#gdsbd .list_cont {
WIDTH:1198px;
height: 30px;
background-color: #ececec;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding: 0px;margin:0px;font-size:14px;
vertical-align: middle;
display: block;
clear:both;
}
#gdsbd .list_cont .h_line {
float: left;
background-color: transparent;
display: block;
font-size: 12px;
line-height: 14px;
padding-left: 10px;
padding-right: 10px;
padding-top: 8px;
text-align: center;
}
#gdsbd .list_pro {
WIDTH:1198px;
height: auto;
padding-bottom: 10px;
background-color: #ffffff;
border-top:0px solid #cccccc;
border-right:0px;
border-left: 0px;
border-bottom:1px dotted #cccccc;
padding: 0px;margin:0px;font-size:14px;
vertical-align: middle;
margin-top: 10px;
margin-bottom: 10px;
display: block;
clear:both;
}
#gdsbd .list_pro:hover {
background-color: #F8F8FA;
}
#gdsbd .list_pro:hover .es_add_fav{background-color: #F8F8FA;}
#gdsbd .list_pro .pro_detail {
float: left;
padding-bottom: 10px;
background-color: transparent;
display: block;
font-size: 12px;
line-height: 20px;
padding-left: 10px;
padding-top: 8px;
text-align: left;
height: 100px;
margin-top: 5px;
margin-bottom: 5px;
overflow: hidden;
}
#gdsbd .list_pro ul {
display: block;
clear:both;
}
#gdsbd .list_pro ul li {
float: left;
background-color: transparent;
display: block;
font-size: 12px;
line-height: 14px;
padding: 0px;
text-align: center;
}
#gdsbd .list_pro a {
color: #666666;
}
#gdsbd .list_pro a:hover {
color: #ff6600;
}
#gdsbd .es_add_cart {
width:100px;
height:25px;
background: #FFFFFF;
border: dashed 1px;
text-align: center;
line-height: 20px;
color: #FF0033;
font-size: 12px;
padding:0px;
margin-top: 5px;
cursor: pointer;
display: block;
}
#gdsbd .es_add_cart:hover {
color: #EF3473;
}
#gdsbd .es_add_fav {
width:100px;
height:25px;
background: #FFFFFF;
border: dashed 0px;
text-align: center;
line-height: 20px;
color: #2775B6;
font-size: 12px;
padding:0px;
margin-top: 15px;
cursor: pointer;
display: block;
}
#gdsbd .es_add_fav:hover {
color: #EF3473;
}
.pg_str{width:1200px; height:32px; line-height:32px; margin:auto; margin-top:20px; text-align:center;}
.list_add_cart{width:1200px; height:32px; line-height:32px; margin:auto; margin-top:20px; text-align:center;}
#show_tt{
width: 1185px;
height: 34px;
line-height: 34px;
margin: 0px auto;
margin-top: 20px;
background-color: #ff875a;
color: #ffffff;
font-size: 14px;
font-weight: bold;
padding-left: 15px;
}
#gds_det{width: 1168px;margin: 0px auto; padding:15px; border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd; overflow:hidden; clear:both; line-height:24px; font-size:14px;}
#gds_det .tyimg{width:300px; height:300px; float:left;}
#gds_det .mnimg{
width: 95px;
height: 300px;
float: left;
padding-left: 15px;
}#gds_det .mnimg .tu{width:95px; height:95px;}
#gds_det .tydet{
width: 700px;
height: 280px;
float: right;
text-align: left;
font-size:16px;
margin-top:10px;
background:url(https://image.99808.com/images/products-bg.jpg) repeat-y center}
#gds_det .tydet p{
margin-top: 10px;}
.no_bd{width:104px;height:30px;}
.b_num{width:144px;height:30px; float:left; padding-top:15px; padding-left:26px;}
.no_wz{width:40px;height:30px; line-height:30px;float:left; text-align:center;}
.no_le{width:15px;height:28px;line-height:28px;border-left:1px solid #dddddd;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd; text-align:center;float:left; display:block; background-color:#e8e8e8; cursor:pointer;}
.no_cen{width:40px; height:28px;float:left;border:1px solid #dddddd;padding:0px;margin:0px;}
.no_ri{width:15px;height:28px;line-height:28px;border-right:1px solid #dddddd;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd; text-align:center;float:left;display:block;background-color:#e8e8e8;cursor:pointer;}
.no_dw{width:30px;height:30px; line-height:30px; float:left; text-align:center;}
.n_cl{width:40px; height:28px;line-height:28px;background-color:#ffffff; padding:0px; border:0px; color:#333333; text-align:center; font-size:16px;float:left;}
.location{ line-height:35px; margin-top:15px; color:#999999}
.location span{ font-size:18px; color:#a7a7a7; }
.location a{ color:#999999}
.line{border-top: 2px solid #FD3F49;}
.cpcon{ border:1px solid #cccccc; float:left; margin-top:15px; width:990px; padding-top:15px; padding-bottom:15px}
.ckan{ border:1px solid #cccccc; float:right; margin-top:15px; width:190px; overflow:hidden; height:465px}
.le_ps{border:1px solid #cccccc; float:right; margin-top:15px; width:190px; overflow:hidden;}
.ckan .titles,.le_ps .titles{ height:40px; text-align:center; font-size:15px; border-bottom:1px solid #cccccc; line-height:40px; font-size:14px; background-color:#f3f3f3; display:block}
.spec-scroll {MARGIN-TOP: 5px; WIDTH: 352px; CLEAR: both; margin-left:10px}
.spec-scroll .prev {FLOAT: left; MARGIN-RIGHT: 5px}
.spec-scroll .next {FLOAT: right}
.spec-scroll .prev {BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #ccc 1px solid; LINE-HEIGHT: 54px; WIDTH: 10px; DISPLAY: block; BACKGROUND: #ebebeb; HEIGHT: 54px; BORDER-TOP: #ccc 1px solid; CURSOR: pointer; BORDER-RIGHT: #ccc 1px solid; TEXT-DECORATION: none;}
.spec-scroll .next {
BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #ccc 1px solid; LINE-HEIGHT: 54px; WIDTH: 10px; DISPLAY: block;BACKGROUND: #ebebeb; HEIGHT: 54px; BORDER-TOP: #ccc 1px solid; CURSOR: pointer; BORDER-RIGHT: #ccc 1px solid; TEXT-DECORATION: none
}
.spec-scroll .items {
POSITION: relative; WIDTH: 321px; FLOAT: left; HEIGHT: 56px; OVERFLOW: hidden
}
.spec-scroll .items UL {
POSITION: absolute; LIST-STYLE-TYPE: none; WIDTH: 500px; HEIGHT: 56px; LIST-STYLE-IMAGE: none
}
.spec-scroll .items UL LI {
TEXT-ALIGN: center; WIDTH: 64px; FLOAT: left
}
.spec-scroll .items UL LI IMG {
BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; WIDTH: 50px; PADDING-RIGHT: 2px; HEIGHT: 50px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 2px; cursor:pointer;}
.spec-scroll .items UL LI IMG:hover {
BORDER-BOTTOM: #ff6600 2px solid; BORDER-LEFT: #ff6600 2px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; BORDER-TOP: #ff6600 2px solid; BORDER-RIGHT: #ff6600 2px solid; PADDING-TOP: 1px
}
.spec-scroll .items UL LI IMG.hover {
BORDER-BOTTOM: #ff6600 2px solid; BORDER-LEFT: #ff6600 2px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; BORDER-TOP: #ff6600 2px solid; BORDER-RIGHT: #ff6600 2px solid; PADDING-TOP: 1px
}
#preview{ width:350px; height:350px; margin-left:10px}
.clear{clear:both; height:0px; overflow:hidden }
.cpleft{ float:left; width:360px}
.cpview{ float:right; width:585px; display:inline; margin-right:20px}
.cpview .cptitle{ font-size:18px; font-family:"Microsoft YaHei"; margin-top:10px;font-weight:normal}
.cpview .bz{ color:#9b9b9b; padding-top:10px; line-height:20px;}
.shu{ color:#333333; margin-top:10px; font-size:14px;}
.stag{ color:#333333; margin-top:10px; font-size:14px;}.stag span{color:#FF0000;}
.pingjia{ margin-top:11px; overflow:hidden; height:22px;}
.pingjia div{ float:left; margin-right:5px}
.start{ padding-top:2px}
.fen{ color:#ff7300}
.tiao{ color:#317ee7;}
.jifen{margin-top:11px;}
.jifen .jf_shu{width:50px; height:24px; line-height:24px;color:#333333; float:left;font-size:14px;}
.jifen .j{display:block; background-color:#d50000; text-align:center; width:20px; height:20px; line-height:20px; padding:1px; color:#FFFFFF; float:left;}
.jifen .jf_n{width:100px; height:24px; line-height:24px; padding-left:5px; float:left; font-size:16px;}
.xiangqing{ width:50px; height:20px; position:relative; text-align:center;}
.xiangqing:hover { background-color:#229cdb; color:#FFFFFF}
.xiangqing:hover dl{ display:block}
.xiangqing dl{ display:block; width:200px; border:2px solid #229cdb; position:absolute; top:20px; left:-55px; padding:10px; display:none; color:#666666; background-color:#FFFFFF; overflow:hidden; margin:0px}
.left{ float:left}
.xiangqing dl p a:hover{ background-color:#ff6c00; color:#FFFFFF}
.xian{ border-bottom:1px solid #f0f0f0; margin-top:15px}
.pr_buy{margin-top:10px; height:60px; overflow:hidden;}
.pr_s{width:190px;font-size:14px;height:60px;line-height:60px;color:#9b9b9b; float:left;}.pr_s span{color:#FF0000;}
[class^="icon-"],[class*=" icon-"]{speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-dia{
position:relative;
display:inline-block;
}
.icon-dia:hover{
cursor:pointer;
}
.icon-dia:hover:before{
content:attr(data-tooltip);
background:#888;
color:#fff;
padding:.8em 1em;
position:absolute;
left:100%;
top:-70%;
width:200px;
border:1px solid #888;
border-radius: 5px;
margin-left:7px;
margin-top:-10px;
white-spack:pre;
}
.icon-dia:hover:after{
content:" ";
position:absolute;
left:80%;
width:0;
height:0;
margin-left:4px;
border-right:8px solid #888;
border-top:8px solid transpatrnt;
border-bottom:8px solid transparent;
}
.gwc_bt{width:140px;height:60px; float:left;}
.gwc_btx{
background:#ff3300;
border: none;
border-radius: 4px;
color: #fff;
cursor: pointer;
height: 30px;
font-size: 14px;
line-height: 30px;
letter-spacing: 0.05em;
text-align: center;
transition: background 0.3s ease-in-out;
width: 120px;
padding:0 0 0 0px;
margin-top: 15px;
margin-left: 10px;
float:left;
}
.gwc_btx:hover {
background: #D33C16;
}
.fav_bt{width:90px;height:28px; padding-left:10px; padding-top:16px; float:left;}
.fav_btx{
color: #ff3300;
cursor: pointer;
height: 30px;
font-size: 14px;
line-height: 30px;
letter-spacing: 0.05em;
text-align: center;
transition: background 0.3s ease-in-out;
width: 90px;
padding:0 0 0 0px;
margin-top: 15px;
float:left;
}
.baoz{ margin-top:50px; color:#666666; font-size:14px; text-align:right; padding-right:10px;}
.baoz .ico2{ background:url(https://image.99808.com/images/ico2.png) left center no-repeat; padding-left:25px; margin-left:5px}
.baoz .ico3{ background:url(https://image.99808.com/images/ico3.png) left center no-repeat; padding-left:25px; margin-left:5px}
.baoz .ico4{ background:url(https://image.99808.com/images/ico4.png) left center no-repeat; padding-left:25px; margin-left:5px}
.baoz .ico5{ background:url(https://image.99808.com/images/wenhao.jpg) left center no-repeat; padding-left:25px; color:#0479ca; margin-left:5px}
.back{
background: url(https://image.99808.com/images/ico1.png) left center no-repeat;
padding-left: 25px;
margin-left: 5px;
float: right;
margin-top: 0px;
color: #666666;
padding-right: 25px;
}.back a{color:#666666; text-decoration:none;}
.ckan li,.le_ps li{ text-align:center; margin-top:10px}
.ckan h2,.le_ps h2{ padding-left:18px; padding-right:18px}
.ckan h2 a,.le_ps h2 a{ color:#999999; font-size:12px; font-weight:100}
.ckan h3,.le_ps h3{ color:#d70000; font-size:13px}
.undis{ display:none}
.dis{ display:block}
.pright{ float:right; width:980px; margin-top:15px}
#cpqie{width:978px;height:40px; background-color:#fafafa; border:1px solid #e1e1e1;}
#gds_cc{width:980px;overflow:hidden; padding-top:15px;}
#gds_cc .dets{width:980px; line-height:22px;}
#cpqie li{width:108px; height:40px;float:left;}
#cpqie li a{width:108px; height:40px; text-align:center; line-height:40px; display:block;color:#333333; font-size:14px;}
#cpqie li.gd a{width:108px; height:40px; text-align:center; line-height:40px;display:block;color:#FFFFFF;background-color:#e60012;font-size:14px;}
.guige{border:1px solid #e1e1e1; padding:5px; overflow:hidden; padding-bottom:15px; margin-top:10px; background-color:#f7f7f7 }
.guige h2{ font-size:15px; padding-left:10px; padding-top:10px}
.guige li{ float:left; width:300px; margin-top:10px; margin-left:10px}
.wenda{border:1px solid #e1e1e1; padding:10px; margin-top:10px}
.wenda .wtop h6{ font-size:15px; padding:0px; margin:0px}
.wenda .wtop span{ float:right}
.wenda .wtop span a{ display:block; background-color:#e70012; padding-left:25px; padding-right:25px; line-height:25px; color:#FFFFFF}
.bigtxt{font-size:14px;font-family:Arial, Verdana, "Microsoft YaHei", "宋体";color:#3E3E3E;line-height: 22px;padding:0 0 0 10px;}
.numstr{width:74px;height:32px;}
.n_le{width:15px;height:30px;line-height:30px;border:1px solid #b3b3b3; text-align:center; float:left; display:block;cursor:pointer;background-color:#f0f0f0;}
.n_cen{width:40px;height:30px;border-top:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;float:left;}
.n_cl{width:40px;height:30px;line-height:30px;border:0px;text-align:center;}
.u-flyer{display: block;width: 50px;height: 50px;background-color:#000000;border-radius: 50px;position: fixed;z-index: 9999;}
.cart_button{
background:#cc3300;
border: none;
border-radius: 2px;
color: #fff;
cursor: pointer;
height: 40px;
font-size: 14px;
letter-spacing: 0.05em;
text-align: center;
transition: background 0.3s ease-in-out;
width: 980px;
padding:0 0 0 0px;
margin-top: 20px;
}
.cart_button:hover {
background: #D33C16;
}
.cart_list_info { width: 50px; height: 18px; font-size: 12px; line-height: 12px; margin: 0px; background-color: #CC3300; color: #ffffff;border-radius: 5px; text-align: center; vertical-align: middle;padding: 2px;}
.tp_area{
padding-left: 25px;
margin-left: 5px;
float: right;
margin-top: 0px;
color: #666666;
padding-right: 25px;
}
.gf_mark { width: 50px; height: 18px; font-size: 12px; line-height: 12px; margin: 0px; background-color: #FFFFFF; color: #CC3300;border-radius: 5px; text-align: center; vertical-align: middle;padding: 3px;border: 1px solid #CC3300;}
.tp_mark { width: 50px; height: 18px; font-size: 12px; line-height: 12px; margin: 0px; background-color: #FFFFFF; color: #006600;border-radius: 5px; text-align: center; vertical-align: middle;padding: 3px;border: 1px solid #006600;}
.tp_info {
width: 95%;
font-size: 14px;
line-height: 26px;
margin: 10px;
}
/*OL项目自动加编号*/
#shuomingtxt ol {
counter-reset: item;
list-style-type: none;
}
#shuomingtxt ol li {
display: flex;
counter-increment: item;
margin-bottom: 10px;
}
#shuomingtxt ol li::before {
content: counter(item) ".";
margin-right: 10px;
font-weight: bold;
}
/* 1. 触发链接的样式 (可选) */
#openWechatModal {
color: #007bff;
text-decoration: underline;
cursor: pointer;
font-size: 14px;
}
/* 2. 浮层背景 (遮罩层) */
.modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
}
/* 3. 浮层内容框 (白色的方块) */
.modal-content {
background-color: #fff;
padding: 25px;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
position: relative;
text-align: center;
/* * === 修改点 ===
* 将宽度从 300px 增加到 400px
* (350px 的图片宽度 + 25px 左内边距 + 25px 右内边距)
*/
width: 400px;
/* 在小屏幕上，确保它不会超出屏幕 */
max-width: 90%;
}
/* 4. 二维码图片样式 */
.modal-content img {
/* * 设置图片宽度为 350px
* 并设置 max-width: 100% 确保在更窄的容器中也能缩放
*/
width: 350px;
max-width: 100%; /* 响应式保证 */
height: auto;
margin-bottom: 15px;
}
/* 5. 关闭按钮 (右上角的 '×') */
.modal-close-btn {
position: absolute;
top: 10px;
right: 15px;
font-size: 28px;
color: #aaa;
cursor: pointer;
line-height: 1;
}
.modal-close-btn:hover {
color: #333;
}
/* 6. 用于控制浮层显示/隐藏的 CSS 类 */
.modal-overlay.show {
display: flex;
}
.modal-overlay.hide {
display: none;
}