a{color:#505050;text-decoration:none}
a:hover{color:#ef1f1f}
.icon,svg:not(:root){overflow:hidden}
.icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor}
.bg{background:#efefef}
.cbrand-box{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.cbrand-container{overflow:hidden;padding:15px 20px;border:1px solid #ddd;border-top:3px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#333;font-size:14px;line-height:2em}

.main-head-subject{margin:15px auto;width:1200px;height:58px;min-width:1200px}.main-head-subject .logo{float:left;overflow:hidden}.main-head-subject .logo,.main-head-subject .logo img{width:270px;height:58px}.main-head-subject .logo-r-desc{float:left;display:block;margin:10px 10px 0;padding:2px 0 2px 10px;border-left:2px solid #309128;color:#309128;text-decoration:none;font-weight:700;font-size:32px;font-family:微软雅黑,黑体}.main-head-subject .logo-r-search{float:right;margin-top:14px}.main-head-subject .logo-r-search .search-input{box-sizing: border-box;padding:0 5px;width:260px;height:36px;outline:0;border:3px solid #309128;border-right:none;background:url(../images/combrand/search_input_bg.jpg) no-repeat 0;vertical-align:middle;line-height:30px}.main-head-subject .logo-r-search .search-submit{width:84px;height:36px;outline:0;border:none;background-color:#309128;color:#fff;vertical-align:middle;text-align:center;font-size:16px;font-family:微软雅黑,黑体;line-height:36px;cursor:pointer}.main-head-subject .logo-r-ad{float:right;height:58px}.main-head-subject .logo-r-ad li{float:left;clear:none;display:inline;margin-left:10px;width:219px;height:58px}.main-head-subject .logo-r-ad li img{width:219px;height:58px}

.main-nav{padding:0;min-width:1200px;border-bottom:4px solid #277521;background-color:#309128}.main-nav .main-menu{float:left}.main-nav .main-menu li{float:left;font-size:16px;line-height:44px}.main-nav .main-menu li.line{overflow:hidden;margin:16px 0 0;padding:0;width:0;height:14px;border-left:1px solid #fff}.main-nav .main-menu li a{display:inline-block;padding:0 13px;color:#fff}.main-nav .main-menu li a:hover{background:#277521;text-decoration:none}

.cbrand-list-box{margin:0 0 0 -16px;padding-bottom:20px;text-align:center;font-size:14px;line-height:24px}
.cbrand-list-box>ul>li{float:left;overflow:hidden;margin:15px 0 0 16px;padding:10px;width:205.2px;height:80px;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;line-height:22px;-webkit-transition:all .2s linear}
.cbrand-list-box>ul>li:hover{border:1px solid #404040;-webkit-box-shadow:0 15px 30px rgb(0 0 0/10%);box-shadow:0 15px 30px rgb(0 0 0/10%);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.cbrand-list-box>ul>li>a{color:#777}
.cbrand-list-box>ul>li>a:hover{color:#ef1f1f}

.cbrand-top{position:relative;padding:30px 0 20px}
.cbrand-top .cbrand-logo{overflow:hidden;margin-right:20px;padding:5px;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 15px rgb(0 0 0/10%);-moz-box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:0 5px 15px rgb(0 0 0/10%)}
.cbrand-top .cbrand-logo img{width:120px;height:60px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.cbrand-top .cbrand-logo img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
.cbrand-top .cbrand-info{margin-right:20px;max-width:608px}
.cbrand-top .cbrand-info>h1{overflow:hidden;margin-bottom:8px;height:1.2em;color:#333;font-weight:700;font-size:30px;line-height:1.2em}
.cbrand-top .cbrand-info>h1>span{color:#666;font-weight:400;font-size:16px}
.cbrand-top .cbrand-info>h2{margin-bottom:6px;color:#7aaf1c;font-weight:700;font-size:16px}
.cbrand-top .cbrand-info>h2>a{display:inline-block;overflow:hidden;padding:0 10px;height:30px;border:1px dashed #309128;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;color:#309128;line-height:30px}
.cbrand-top .cbrand-info>h2>a:hover{border:1px dashed #309128;background:#309128;color:#fff}
.cbrand-top .cbrand-info .cbrand-icon-wrap{display:inline-block;line-height:0}
.cbrand-top .cbrand-info .cbrand-icon{position:relative;display:inline-block;width:19px;height:19px;background-image:url(http://www.1288.tv/_Public2016/images/cbrand_icon_1.png);background-position:50% 50%;background-size:contain;background-repeat:no-repeat}
.cbrand-top .cbrand-info .cbrand-icon-2{background-image:url(http://www.1288.tv/_Public2016/images/cbrand_icon_2.png)}
.cbrand-top .cbrand-info .cbrand-icon-wrap-small .cbrand-icon{width:16px;height:16px}
.cbrand-text,.cbrand-top .cbrand-info .cbrand-duration{display:inline-block;vertical-align:top;font-weight:400;font-size:13px;line-height:19px}
.cbrand-top .cbrand-info .cbrand-duration{padding-left:2px;height:19px;font-style:normal}
.cbrand-top .cbrand-info .cbrand-icon-wrap-small .cbrand-duration{padding-left:0;height:16px;font-size:12px;line-height:16px}
.cbrand-top .cbrand-attr-item{padding:20px 0 15px 15px;height:46px;border-left:1px dashed #e9e3e3;font-size:14px}
.cbrand-top .cbrand-attr-item .cbrand-icon{overflow:hidden;margin-right:10px;padding:0 20px;height:36px;max-width:110px;border:1px solid #dfdfdf;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#f9f9f9;-webkit-box-shadow:0 10px 15px rgb(0 0 0/10%);-moz-box-shadow:0 10px 15px rgba(0,0,0,.1);box-shadow:0 10px 15px rgb(0 0 0/10%);line-height:36px}
.cbrand-top .cbrand-attr-item .cbrand-icon span{color:#ec2424;font-size:28px;font-family:微软雅黑,黑体}
.cbrand-top .cbrand-qrcode{padding:4px;background:linear-gradient(#d7aa41,#d7aa41) 0 0,linear-gradient(#d7aa41,#d7aa41) 0 0,linear-gradient(#d7aa41,#d7aa41) 100% 0,linear-gradient(#d7aa41,#d7aa41) 100% 0,linear-gradient(#d7aa41,#d7aa41) 100% 100%,linear-gradient(#d7aa41,#d7aa41) 100% 100%,linear-gradient(#d7aa41,#d7aa41) 0 100%,linear-gradient(#d7aa41,#d7aa41) 0 100%;background-size:2px 10px,10px 2px;background-repeat:no-repeat;text-align:center}
.cbrand-top .cbrand-qrcode>img{width:72px}
.cbrand-top .cbrand-qrcode .cbrand-qrcode-hover{position:absolute;top:-20px;right:-30px;display:none;width:200px;height:200px;text-align:center}
.cbrand-top .cbrand-qrcode .cbrand-qrcode-hover>img{margin-top:18px;width:150px}
.cbrand-top .cbrand-qrcode:hover .cbrand-qrcode-hover{display:block}

.cbrand-nav{background:#309128;color:#fff}
.cbrand-nav dl{padding:6px 0;height:40px;line-height:40px}
.cbrand-nav dl>dd{float:left;margin-right:16px;font-size:18px}
.cbrand-nav dl>dd>a{display:block;padding:0 30px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;color:#fff}
.cbrand-nav dl>dd>a.active,.cbrand-nav dl>dd>a:hover{background:#fff;color:#309128}

.current-index{overflow:hidden;height:50px}
.current-index .current-nav{overflow:hidden;margin:12px auto 0}
.current-index .ico-home{display:inline-block;margin:0 5px 0 0;width:21px;height:20px;background:url(http://www.1288.tv/images/combrand/ico-home.jpg) no-repeat}
.current-index ul{float:left;display:inline;margin:6px 0 0}
.current-index ul li{float:left}
.current-index ul li a,.current-index ul li span{padding:0 5px;font-size:14px}

/*-----slideBox-----*/
.cbrand-banner{width:100%;overflow:hidden; position:relative;}
.cbrand-banner .cbrand-banner-one{text-align:center;width:1440px;position: relative; left: 50%; margin-left: -720px;}
.cbrand-banner .slideBox{ width:1440px; overflow:hidden; position:relative; top:0; left:50%; margin-left:-720px;  }
.cbrand-banner .slideBox .hd{ height:18px; overflow:hidden; position:absolute; left:50%; width:200px; margin-left:-100px; bottom:10px; z-index:1; }
.cbrand-banner .slideBox .hd ul{ overflow:hidden; zoom:1; width:200px; text-align:center; }
.cbrand-banner .slideBox .hd ul li{ display:inline; margin-right:2px; padding:9px; line-height:18px; background:url(http://www.1288.tv/_Public2016/images/nav_s.png) center no-repeat; cursor:pointer;}
.cbrand-banner .slideBox .hd ul li.on{ background-image:url(http://www.1288.tv/_Public2016/images/nav_s_a.png); }
.cbrand-banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.cbrand-banner .slideBox .bd li{ zoom:1; vertical-align:middle; text-align:center;}
.cbrand-banner .slideBox .bd li img{max-width:100%;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:9%; top:50%; margin-top:-35px; display:block; width:27px; height:61px; filter:alpha(opacity=30);opacity:0.3;   }
.slideBox .next{ left:auto; right:9%; background:url(http://www.1288.tv/_Public2016/images/btn_next.png) no-repeat;}
.slideBox .prev{ background:url(http://www.1288.tv/_Public2016/images/btn_prev.png) no-repeat;}
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}

.cbrand-pic-list{position:relative;overflow:hidden;width:100%}
.cbrand-pic-list .con{position:relative;left:50%;margin-left:-720px;width:1440px;text-align:center}
.cbrand-pic-list .con>img{vertical-align: bottom;}

.cbrand-navbar{text-align:center}
.cbrand-navbar>h2{display:block;color:#309128;font-weight:700;font-size:40px}
.cbrand-navbar>h2>a{color:#309128}
.cbrand-navbar>h3{position:relative;display:inline-block;color:#ccc;font-weight:400;font-size:16px}
.cbrand-navbar>h3:after,.cbrand-navbar>h3:before{position:absolute;top:50%;display:block;margin-top:-1px;width:2em;height:2px;background:#ccc;content:""}
.cbrand-navbar>h3:before{left:-3em}
.cbrand-navbar>h3:after{right:-3em}

.cbrand-container .tit{position:relative;z-index:2;margin-bottom:10px;height:30px;line-height:30px}
.cbrand-container .tit h2{position:relative;float:left;padding-left:15px;color:#309128;font-weight:700;font-size:20px}
.cbrand-container .tit h2:before{position:absolute;top:50%;left:0;display:inline-block;margin-top:-6px;border-color:transparent transparent transparent #309128;border-style:solid;border-width:7px 0 7px 7px;content:""}
.cbrand-container .tit .more{float:right;overflow:hidden;margin-left:10px;padding-right:22px;background-image:url(/images/subject/rightarrow-32-32.png);background-position:100%;background-size:18px 18px;background-repeat:no-repeat;color:#aaa;font-weight:400;font-style:normal;font-size:14px;line-height:28px}
.cbrand-container .tit .more-btn{float:right;overflow:hidden;margin:0 22px 0 10px;font-weight:400;font-style:normal;font-size:14px;line-height:28px;cursor: pointer;}
.cbrand-container .tit .more-btn:hover{background: #1cb100;color: #fff;}

.cbrand-container .cbrand-profile{position:relative;margin:-15px -20px 20px;padding:30px 30px 30px 0;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:#f1f1f1;background-image:linear-gradient(0deg,#f1f1f1,#fff);color:#000}
.cbrand-profile:after{position:absolute;right:30px;bottom:0;left:30px;display:block;margin-bottom:-10px;height:0;border-bottom:20px dotted #fff;content:""}
.cbrand-profile>li{margin:5px 0}
.cbrand-profile>li.logo{float:right;padding:0;text-indent:0}
.cbrand-profile>li.logo>a{display:block;padding:10px;width:120px;border:1px solid #eee;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#fff}
.cbrand-profile>li>span{display:inline-block;margin-right:1em;padding:0 1em 0 1.8em;width:5.21em;-webkit-border-radius:0 35px 15px 0;-moz-border-radius:0 35px 15px 0;border-radius:0 35px 15px 0;background-image:linear-gradient(90deg,#309128,#209128);color:#fff;text-indent:0}
.cbrand-intro .cbrand-cont{text-align:justify;line-height:2.2em}
.cbrand-container .cbramd-main-products{margin:20px 0 10px;border:1px solid #309128;border-radius:30px;color:#309128;line-height:1.6em}
.cbrand-container .cbramd-main-products,.cbrand-container .cbramd-main-products>em{-moz-border-radius:30px;font-size:16px;webkit-border-radius:30px;-ms-border-radius:30px}
.cbrand-container .cbramd-main-products>em{display:inline-block;margin:0 10px 0 0;padding:10px 16px;border-radius:30px;background:#309128;color:#fff;font-weight:700;font-style:normal;line-height:1.5em}

.cbrand-product-cate{padding:10px;border:1px solid #f9f9f9;border-radius:5px;background:#f9f9f9}
.cbrand-product-cate:hover{border:1px solid #f7f7f7;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);-moz-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.cbrand-product-cate>ul{overflow:hidden;margin:10px 0 0 -12px}
.cbrand-product-cate>ul>li{position:relative;float:left;margin:0 0 12px 12px;width:158px;height:30px;list-style:none}
.cbrand-product-cate>ul>li>a{display:block;overflow:hidden;padding:0 10px;height:30px;background-color:#f1f1f1;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:30px}
.cbrand-product-cate>ul>li>a.active{position:absolute;z-index:2;display:block;min-width:138px;background-color:#1fa400;color:#fff;}
.cbrand-product-cate>ul>li:hover a{position:absolute;z-index:2;display:block;min-width:138px;background-color:#309128;color:#fff}
.cbrand-product-cate>ul>li.r-b a:hover{right:0}

.cbrand-prodeuct-list{overflow:hidden;margin-right:-15px;padding:3px}
.cbrand-prodeuct-list .product-item{float:left;margin-bottom:20px;width:20%}
.cbrand-prodeuct-list .product-item .pro-link{display:block;overflow:hidden;margin-right:15px;border:1px solid #f0f0f0;border-radius:5px;background-color:#fff}
.cbrand-prodeuct-list .img-box{position:relative;overflow:hidden}
.cbrand-prodeuct-list .img-box .img{border-radius:10px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;flex-shrink:0}
.cbrand-prodeuct-list .product-item .pro-link .pro-name{display:-webkit-box;overflow:hidden;margin:10px;height:2.6em;color:#666;text-overflow:ellipsis;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.cbrand-prodeuct-list .product-item .pro-link .pro-name em{color:#ef1f1f;cursor:default}
.cbrand-prodeuct-list .product-item:hover .pro-link{box-shadow:1px 1px 4px #cdcdcd,-1px -1px 4px #cdcdcd}
.cbrand-prodeuct-list .product-item:hover .img-box:before{position:absolute;bottom:0;left:0;z-index:1;display:block;width:100%;height:30px;background-color:#ef1f1f;content:""}
.cbrand-prodeuct-list .product-item:hover .img-box .img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06);-ms-transform:scale(1.06)}
.cbrand-prodeuct-list .product-item:hover .pro-link .pro-name{color:#ef1f1f}
.cbrand-prodeuct-list .product-item .img-box .btn-text{display:none}
.cbrand-prodeuct-list .product-item:hover .img-box .btn-text{position:absolute;bottom:0;left:50%;z-index:2;display:block;margin-left:-60px;width:120px;height:30px;color:#fff;text-align:center;line-height:30px}
.cbrand-prodeuct-list .product-item img{display:block;width:221px;height:292px;max-width:100%}
.cbrand-prodeuct-list .product-item .pro-bottom{padding:8px 10px;color:#999}
.cbrand-prodeuct-list .product-item:hover .pro-bottom{color:#333}
.cbrand-prodeuct-list .product-item .store-name{float:left;display:inline-block;overflow:hidden;max-width:76%;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:12px}
.cbrand-prodeuct-list .product-item .pro-bottom .icons{margin-left:6px;height:18px;line-height:18px}
.cbrand-prodeuct-list .product-item .gtags-tips{padding-right:10px;color:#999}
.cbrand-prodeuct-list .product-item .gtags-tips .pro-location{float:right;overflow:hidden;max-width:36%;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.tips-flex{float:left;display:flex;padding:0 10px;height:22px;max-width:64%}
.tips-flex .text{display:flex;margin-right:.5rem;margin-bottom:.5rem;padding:0 .5rem;height:1.3rem;border-radius:3px;white-space:nowrap;font-size:10px;align-items:center;-webkit-text-size-adjust:none}
.tips-flex .bg-style1{background-color:#f2f2f2;color:#787878}
.tips-flex .bg-style2{background-color:#fbf0ea;color:#ff3600}
.tips-flex .bg-style3{background-color:#e3f8f3;color:#59c1a6}
.tips-flex .bg-style4{background-color:#cef2ff;color:#29b4e6}
.tips-flex .bg-style5{background-color:#ffe5d0;color:#f5781d}
.qi-icon-wrap{display:inline-block;line-height:0}
.qi-icon{position:relative;display:inline-block;width:19px;height:19px;background-image:url(http://www.1288.tv/images/search/qi_icon_1.07f67c3.png);background-position:50% 50%;background-size:contain;background-repeat:no-repeat}
.qi-icon-2{background-image:url(http://www.1288.tv/images/search/qi_icon_2.cc5f569.png)}
.qi-duration,.qi-text{display:inline-block;vertical-align:top;font-weight:400;font-size:13px;line-height:19px}
.qi-duration{padding-left:2px;height:19px;font-style:normal}
.qi-icon-wrap-small .qi-icon{width:16px;height:16px}
.qi-icon-wrap-small .qi-text{font-size:12px;line-height:16px}
.qi-icon-wrap-small .qi-duration{padding-left:0;height:16px;font-size:12px;line-height:16px}

.cbrand-news-list>ul>li{padding:15px 0;border-bottom:1px dotted #ddd}
.cbrand-news-list>ul>li .img-box{float:left;overflow:hidden;margin-right:20px;width:180px;height:130px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.cbrand-news-list>ul>li .img-box img{height:100%;max-width:auto;min-width:100%;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.cbrand-news-list>ul>li .img-box:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
.cbrand-news-list>ul>li .date{float:right;margin-top:5px;color:#999;font-size:12px;line-height:2em}
.cbrand-news-list>ul>li .tit{overflow:hidden;margin-bottom:10px;height:1.5em;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:20px;line-height:1.5em}
.cbrand-news-list>ul>li .desc{display:-webkit-box;display:box;overflow:hidden;margin-bottom:10px;height:50px;color:#999;text-align:justify;text-overflow:ellipsis;font-size:14px;line-height:24px;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.cbrand-news-list>ul>li .tag{margin-bottom:10px;height:22px;font-size:12px;line-height:22px}
.cbrand-news-list>ul>li .tag .iconfont{float:left;width:22px;height:22px;border:1px solid #309128;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;color:#309128;text-align:center;font-size:14px;line-height:22px}
.cbrand-news-list>ul>li .tag>span{float:left;display:inline-block;margin-left:5px;padding:2px 10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#309128;color:#fff;font-size:12px;line-height:20px}
.cbrand-news-list>ul>li .tag .date{float:right;color:#999;font-size:12px;line-height:2em}

.contact-box{overflow:hidden;margin-top:15px;padding:0 20px 20px}
.contact-box .contact-fl{float:left;overflow:hidden;max-width:68%}
.contact-box .cbrand-contact{color:#555;font-weight:700;font-size:18px}
.contact-box .cbrand-contact>li{margin:6px 0}
.contact-box .cbrand-contact>li.cname{margin-bottom:15px;font-size:36px;line-height:42px}
.contact-box .cbrand-contact>li.clytip{margin-top:18px;padding: 12px 18px;border:5px solid #ef1f1f;color: #ef1f1f; font-size: 18px; font-weight:normal;}
.contact-box .contact-fr{float:right;margin:13px -12px;text-align:center}
.contact-box .contact-fr>div>figure{margin-bottom:6px;padding:5px;background:linear-gradient(#d7aa41,#d7aa41) 0 0,linear-gradient(#d7aa41,#d7aa41) 0 0,linear-gradient(#d7aa41,#d7aa41) 100% 0,linear-gradient(#d7aa41,#d7aa41) 100% 0,linear-gradient(#d7aa41,#d7aa41) 100% 100%,linear-gradient(#d7aa41,#d7aa41) 100% 100%,linear-gradient(#d7aa41,#d7aa41) 0 100%,linear-gradient(#d7aa41,#d7aa41) 0 100%;background-size:1px 20px,20px 1px;background-repeat:no-repeat}
.contact-box .contact-fr>div>figure>img{width:160px;height:160px;vertical-align:middle}
.contact-box .contact-fr>div>h4{color:#999;font-weight:400;font-size:14px}

.message-box{margin:10px 20px 0}
.message-box .message-tit{margin-bottom:15px;padding:0 0 15px;border-bottom:1px dotted #999;line-height:18px}
.message-box .message-cont{padding:20px 0;}
.message-box .message-cont.pl50{padding-left:50px}
.message-box .message-cont .input-group{margin-bottom:20px}
.message-box .message-cont .input-group label,.message-box .message-cont .input-group p,.message-box .message-cont .input-group span{color:#666}
.message-box .message-cont .input-group label{margin-right:10px}
.message-box .message-cont .input-group span.group-suffix-tit{margin-left:10px}
.message-box .message-cont .input-group label>em,.message-box .message-cont .input-group span>em{color:red}
.message-box .message-cont .input-group span>strong{color:red}
.message-box .message-cont .input-group-submit,.message-box .message-cont .input-group.isagree{margin-left:70px}
.message-box .message-cont .input-group.isagree .agentservice,.message-box .message-cont .input-group>label>font{color:red;cursor:pointer}

.ivu-input{position:relative;padding:4px 12px;height:32px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff;background-image:none;color:#333;font-weight:500;font-size:14px;line-height:1.5;cursor:text;transition:border .1s ease-in-out,background .1s ease-in-out,box-shadow .1s ease-in-out}
.ivu-input.input-wd1{width:300px;}
.ivu-input.input-wd2{width:100px;letter-spacing:3px;}
.ivu-input::-moz-placeholder{color:#c5c8ce;opacity:1}
.ivu-input:-ms-input-placeholder{color:#c5c8ce}
.ivu-input::-webkit-input-placeholder{color:#c5c8ce}
.ivu-input:focus,.ivu-input:hover{border-color:#cacaca}
.ivu-input:focus{outline:0;box-shadow:0 0 0 2px hsla(0,0%,74.1%,.2)}
.ivu-form-item-error .ivu-input:hover{border-color:#f56355}
.ivu-text-area{position:relative}
.ivu-text-area>textarea{float:left;overflow:auto;margin:0 10px 0 0;padding:10px;width:303px;height:130px;border:1px solid #e0e0e0;border-radius:4px;background:url(http://www.1288.tv/images/moban4liuyan.gif) no-repeat 50%;text-align:left;font-size:14px;line-height:26px}
.ivu-text-area .ksly{position:absolute;top:0;left:400px;z-index:2;display:none;padding:8px;width:252px;border:1px solid #dadada;background:#fafafa;line-height:1.5}
.ivu-text-area .ksly .kslytit{margin-bottom:5px;padding-bottom:2px;border-bottom:1px dotted #999;color:#00a40a}

.ivu-btn{display:inline-block;margin-bottom:0;padding:0 15px;height:32px;border:1px solid #ef1f1f;border-radius:4px;background-color:#fff;background-image:none;color:#ef1f1f;vertical-align:middle;text-align:center;white-space:nowrap;font-weight:400;font-size:14px;cursor:pointer;transition:color .1s linear,background-color .1s linear,border .1s linear,box-shadow .1s linear;touch-action:manipulation;user-select:none}
.submit-btn{width:300px;height:45px;border-color:#ef1f1f;background-color:#ef1f1f;color:#fff;font-size:16px}
.submit-btn:hover{border-color:#f24c4c;background-color:#f24c4c;color:#fff}
.submit-btn-1{height:36px;border-color:#ef1f1f;background-color:#ef1f1f;color:#fff;font-size:16px}
.submit-btn-1:hover{border-color:#f60;background-color:#f60;color:#fff}

/*产品详情页*/
.product-box{display:flex;border:1px solid #ddd}
.product-box .product-info{overflow:auto;width:360px;background:#efefef}
.product-info .brand-logo{margin:30px auto 0;padding:20px;width:120px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#fff;text-align:center;-ms-border-radius:10px}
.product-info .brand-logo img{width:120px;height:60px}
.product-info .info{margin:20px 30px 10px;font-size:16px;line-height:1.5em}
.product-info .info li{margin:5px 0;padding-left:5em;text-indent:-5em}
.product-box .product-pics{margin-bottom:20px;width:838px;max-width:100%}
.product-title{margin:0 30px;padding:20px 0;border-bottom:1px solid #ddd}
.product-title h1{color:#111;font-size:36px;line-height:1.2em}
.product-title .info{margin-top:10px;color:#999;font-size:14px;line-height:1.5em}
.product-title .btn-message{float:right;display:inline-block;margin-top:0;margin-left:15px;padding:0 30px;height:40px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;background:#ef1f1f;color:#fff;text-align:center;font-size:16px;line-height:40px;-ms-border-radius:25px}
.product-title .btn-message i{font-size:22px;margin-right:5px}
.btn-message:hover{background:#f60;color:#fff}

.product-box .product-info .pro-evaluation{position:absolute;margin:10px 30px;font-size:16px;line-height:1.5em}
.product-info .pro-evaluation .evaluation-tit{position:relative;margin:10px auto;padding:0 1em;width:88px;color:#309128;text-align:center;font-weight:700;font-size:16px}
.product-info .pro-evaluation .evaluation-tit:after,.product-info .pro-evaluation .evaluation-tit:before{position:absolute;top:50%;left:0;display:inline-block;width:1em;height:2px;background:#309128;content:""}
.product-info .pro-evaluation .evaluation-tit:after{right:0;left:auto}
.product-info .pro-evaluation dl{display:flex;margin-top:10px;color:#333;font-size:14px;align-items:center}
.product-info .pro-evaluation dt{color:#333}
.product-info .pro-evaluation dl .bar-bg{margin:0 5px;width:208px;height:12px;border:1px solid #e3e3e3;border-radius:20px}
.product-info .pro-evaluation dl .bar-bg.color1{background:linear-gradient(90deg,#309128,#309128 var(--progress),transparent 0)}
.product-info .pro-evaluation dl .bar-bg.color2{background:linear-gradient(90deg,#5bd8ff,#5bd8ff var(--progress),transparent 0)}
.product-info .pro-evaluation dl .bar-bg.color3{background:linear-gradient(90deg,#7aaf1c,#7aaf1c var(--progress),transparent 0)}
.product-info .pro-evaluation dl .bar-bg.color4{background:linear-gradient(90deg,#0d6606,#0d6606 var(--progress),transparent 0)}
.product-info .pro-evaluation dl .bar-bg.color5{background:linear-gradient(90deg,#069bca,#069bca var(--progress),transparent 0)}
.product-info .pro-evaluation dl .bar-bg.color6{background:linear-gradient(90deg,#efa804,#efa804 var(--progress),transparent 0)}
.evaluation-bottom{display:flex;margin-top:20px;justify-content:center;align-items:center}
.evaluation-bottom .circular{display:flex;width:180px;height:180px;border-radius:50%;background:conic-gradient(#edffec 0,#edffec 100%);text-align:center;font-size:14px;align-items:center;flex-direction:column}
.evaluation-bottom .circular .fraction{margin:50px 0 22px;color:#1cb100;text-align:center;font-weight:800;font-size:50px}
.evaluation-bottom .circular .appraise,.evaluation-bottom .circular .participate{width:88px;border:1px solid #1cb100;text-align:center;font-size:14px;line-height:20px}
.evaluation-bottom .circular .appraise{border-top:none;background:#1cb100;color:#fff;cursor:pointer}
.evaluation-bottom .circular .appraise:hover{background:#ef1f1f;border:1px solid #ef1f1f;border-top:none;}

.pro-evaluation .evaluation-content{display:none;top:-100px;width:100%;padding:8px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:14px;background-color:#edffec;z-index:3;position:absolute}
.evaluation-content .evaluation-box{position:relative;padding:10px 25px}
.evaluation-content .pingce-iterm{line-height:30px;height:44px}
.evaluation-content .pingce-iterm .star_l{float:left;display:inline;text-align:right;width:60px;margin-right:5px}
/* rater star */
.rater-star{position:relative;float:left;margin:0;padding:0;background-position:0 0;background-repeat:repeat-x;list-style:none}
.rater-star-item,.rater-star-item-current,.rater-star-item-hover{position:absolute;top:0;left:0;background-repeat:repeat-x}
.rater-star-item{background-position:-100% -100%}
.rater-star-item-current,.rater-star-item-hover{background-position:0 -48px;cursor:pointer}
.rater-star-item-current.rater-star-happy,.rater-star-item-hover.rater-star-happy{background-position:0 -25px}
.rater-star-item-current.rater-star-full{background-position:0 -72px}
/* popinfo */
.popinfo{position:absolute;top:30px;display:none;margin-left:-14px;padding-top:8px;width:96px;background:url(http://www.1288.tv/images/proseries/infobox-bg.gif) no-repeat}
.popinfo .info-box{padding:0 5px;border:1px solid red;border-top:0;background:#fff;color:#f60}
.popinfo .info-box div{color:#333}
.rater-click-tips{overflow:hidden;margin-left:10px;padding-left:16px;width:125px;height:24px;background:url(http://www.1288.tv/images/proseries/stars.jpg) repeat-x;color:#333;font:12px/25px}
.rater-click-tips span{display:block;padding-right:5px;height:34px;background:#fff9dd url(http://www.1288.tvimages/infobox-bg-l-r.gif) no-repeat 100% 0;line-height:34px}
.rater-star-item-tips{overflow:hidden;height:24px;background:url(http://www.1288.tv/images/proseries/stars.jpg) no-repeat 0 0}
.cur.rater-star-item-tips{display:block}
.rater-star-result{float:left;padding-left:10px;color:#f60;font-weight:700}

.evaluation-content .pingce-txt{padding:0 30px}
.evaluation-content .pingce-txt .textarea{padding:5px;width:91%;height:6em;outline:0;border:1px solid #f0f0f0;color:#666;text-align:justify;font-size:13px;resize:none}
.evaluation-content .pingce-btn{margin:10px auto;text-align:center}
.evaluation-content .pingce-btn .pingce-close{font-size:24px;display:inline-block;margin-left:5px;width:26px;height:26px;border:1px solid #ddd;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;color:#999;text-align:center;text-decoration:none;font-size:18px;line-height:24px;cursor:pointer}
.evaluation-content .pingce-btn .pingce-close:hover{border:1px solid #1cb100;background:#1cb100;color:#fff;text-decoration:none}

.cbrand-container .pl-conts{padding:10px 20px 30px}
.cbrand-container .pl-conts li{border-bottom: 1px #dedede dashed;margin-top: 20px;font-size: 14px;line-height: 24px; color: #666;}
.cbrand-container .pl-conts li span{float: right; color: #999; font-size: 12px; vertical-align: bottom;}
.cbrand-container .pl-conts li.pl-nothing{margin:30px auto;border:none;text-align:center;font-size:20px}
.cbrand-container .pl-conts .pl-publish{margin:30px auto 0;width:300px;height:30px;border:2px solid #1bc100;color:#1cb100;font-size:16px;line-height:30px;cursor:pointer}
.cbrand-container .pl-conts .pl-publish:hover{background:#1cb100;color:#fff}


/* 产品detail页轮换*/
#awOnePageButton .view-slide { display: none; }
/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load { height: 470px;overflow: hidden; }
/* Container when content is shown as one page */
.showcase-onepage {  }
/* Container when content is shown in slider */
.showcase { position: relative; margin: auto; }
.showcase-content-container { background-color: #fff; }

/* Left Right Button */
.showcase-arrow-previous,
.showcase-arrow-next { position:absolute; background:url(http://www.1288.tv/images/proseries/arrows_black.png); width:30px; height:67px; top:220px; cursor: pointer; margin-top:20px;z-index: 99;}
.showcase-arrow-previous { left: 0; background-position: left center;}
.showcase-arrow-previous:hover { width:35px; left: 0; filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50}
.showcase-arrow-next { right: 2px; background-position: right center; }
.showcase-arrow-next:hover { width:35px; right: 2px; filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}

/* Button Wrapper */
.showcase-button-wrapper { clear: both; text-align: center; white-space:nowrap; overflow:hidden;}
.showcase-button-wrapper span { display:inline-block; font-family:Arial, Helvetica, sans-serif; margin:0 2px; width:30px; height:20px; line-height:20px; cursor: pointer; font-size: 12px; background:#1cb100; color:#fff; margin-top:20px; }
.showcase-button-wrapper span.active { background:#2ed50f; height:30px; line-height:30px; color: #fff; }

/* Content */
.showcase-content { text-align: center; }
.showcase-content img{ max-height:500px; vertical-align:middle; margin-bottom:15px; }
.showcase-content-wrapper { text-align: center; width:940px; height:550px; display: table-cell; vertical-align: middle; }
/* Styling the tooltips */
.showcase-plus-anchor { background-image: url('../images/proseries/plus.png'); background-repeat: no-repeat; }
.showcase-plus-anchor:hover { background-position: -32px 0; }
div.showcase-tooltip { background-color: #fff; color: #000; text-align: left; padding: 5px 8px;  }
/* Styling the caption */
.showcase-caption {  position: absolute; bottom: 0; left: 0; right: 0; text-align:center; width: 100%; font-size:16px; line-height:36px; height:36px; background:#2ca83c; color:#fff; font-weight:bold;}
.showcase-caption a{color:#fff}
.showcase-onepage .showcase-content { margin-bottom: 10px; }

/* Thumbnails */
.showcase-thumbnail-container { width:260px;}
.showcase-thumbnail-wrapper { overflow: hidden;  }
.showcase-thumbnail { height:74px; padding:5px; margin-bottom:1px; cursor: pointer; position: relative; background:#fbfaef; border-right:5px solid #1cb100 }
.showcase-thumbnail-caption { padding-left:15px; font-size:14px; float:left; white-space:normal; width:160px;}
.showcase-thumbnail-content { padding: 10px; text-align: center; padding-top: 25px; }
.showcase-thumbnail img{ float:left; border:1px solid #ddd; padding:1px; background:#fff; }
.showcase-thumbnail p{ padding:10px; line-height:24px; }
.showcase-thumbnail-cover { background-image: url(http://www.1288.tv/images/black-opacity-40.png); position: absolute; top: 0; bottom: 0; left: 0; right:0; }
.showcase-thumbnail:hover { background:#fff; border-right:5px solid #ffcc33 }
.showcase-thumbnail:hover .showcase-thumbnail-cover { display: none; }
.showcase-thumbnail.active { background:#fff; border-right:5px solid #ffcc33;}
.showcase-thumbnail.active .showcase-thumbnail-cover { display: none; }
.showcase-thumbnail-wrapper-horizontal { padding: 10px; }
.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail { margin-right: 10px; width: 116px; }
.showcase-thumbnail-wrapper-vertical { }
.showcase-thumbnail-wrapper-vertical .showcase-thumbnail {}

.showcase-thumbnail-button-forward,
.showcase-thumbnail-button-backward { background:#ccc; cursor: pointer; }

.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal { background-image: url(http://www.1288.tv/images/proseries/arrows_updown.png); background-repeat: no-repeat; display: block; padding-top:20px; height:0; overflow:hidden; }

.showcase-thumbnail-button-backward .showcase-thumbnail-vertical { background-position: center top; background-color:#2ca83c; }
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical { background-position: center top; background-color:#ffcc33; }
.showcase-thumbnail-button-forward .showcase-thumbnail-vertical { background-position: center -80px; background-color:#2ca83c; }
.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical { background-position: center -80px; background-color:#ffcc33; }

.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal { background-position: 0 -17px;}
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal { background-position: -17px -17px; }
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal { background-position: center -30px; }
.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal { background-position: center -30px; }

div.showcase-content { width: 940px; height: 550px; overflow: hidden; position: relative; display: table-cell; text-align: center; vertical-align: middle; background: none; }
div.showcase-content p { position: static; +position:absolute;top: 50%; margin: 0; }
div.showcase-content img { position: static; +position:relative;top: -50%; left: -50%; }
/* 单品轮换结束*/

.detail-item{padding:10px 20px 20px;border:1px solid #dedede;color:#333}
.detail-item img{max-width: 100%;}
.detail-item .pro-con-title{padding:20px 0;color:#060606;text-align:center;font-weight:700;font-size:16px}
.detail-item .pro-con-title .y{color:#ee702e}
.detail-item .pro-con-title .eng{color:#000;font-weight:400;font-size:12px;font-family:arial}
.detail-item p{padding:5px 0;line-height:30px;font-size: 14px;}

.cbrand-newsdetail-box{margin:15px 0 30px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.cbrand-newsdetail-box .newsdetail-left.nleft{float:left;width:860px}
.newsdetail-left>h1{color:#404040;font-size:32px;line-height:36px}
.newsdetail-left .news-info{margin-top:10px;padding-bottom:8px;border-bottom:1px solid #ddd;color:#888;font-size:14px;line-height:30px}
.newsdetail-left .news-info a.btn-msg>i{margin-right:5px;font-size:1.3em}
.newsdetail-left .news-info .btn-msg{top:3px;right:5px;float:right;display:block;width:100px;height:34px;border-radius:5px;background-color:#329128;color:#fff;text-align:center;line-height:34px}
.newsdetail-left .news-desc{margin-top:20px;padding:10px 15px;border:1px dotted #ddd;background-color:#fbfbfb;color:#333;font-size:14px;line-height:2em}
.newsdetail-left .news-conts{margin-top:1em;color:#404040;text-align:justify;text-justify:inter-ideograph;word-wrap:break-word;font:18px/34px Arial,Hiragino Sans GB,STHeiti,Helvetica Neue,Helvetica,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;font-size:18px;line-height:2em}
.newsdetail-left .news-conts p{margin:0 0 .8em}
.newsdetail-left .news-copyright{margin:20px 0;padding:10px;border:1px solid #ccc;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#888;font-size:14px}
.newsdetail-left .news-tageditor{margin-top:20px;color:#888;font-size:14px;line-height:24px}
.newsdetail-left .news-tageditor .news-tag{float:left}
.newsdetail-left .news-tageditor .news-tag>a,.newsdetail-left .news-tageditor .news-tag>span{float:left;display:inline-block;margin:2px;padding:0 10px;border:1px solid #ddd;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.newsdetail-left .news-tageditor .news-tag .n-tagtit{border:1px solid #329128;background-color:#329128;color:#fff;font-weight:700}
.newsdetail-left .news-tageditor .news-editor{float:right;padding:5px}
.newsdetail-left .news-tageditor .news-editor>span{margin-left:4px}

.page-content{margin-bottom:30px;}
.hb-paging-container{color:#666;}
.hb-paging-container ul{text-align:center;}
.hb-paging-container li{display:inline-block;margin-right:8px;height:40px;min-width:40px;border:none;border-radius:4px;background:#f9f9f9;list-style:none;vertical-align:middle;text-align:center;font-weight:500;font-family:Arial;line-height:40px;cursor:pointer;transition:border .1s ease-in-out,color .1s ease-in-out;user-select:none;}
.hb-paging-container li a{margin:0;padding:0;outline:0;background:0 0;color:#333;text-decoration:none;cursor:pointer;text-decoration: none; display: block;}
.hb-paging-container li a:hover,.hb-paging-container li:hover a{color:#ef1f1f;}
.hb-paging-container li.hb-paging-desc{padding:0 6px;}
.hb-paging-container li.hb-paging-desc span{color:#ed0000;}
.hb-paging-container li.hb-paging-no{padding:0 6px;}
.hb-paging-container li.current{border:1px solid #ef1f1f;background-color:#ef1f1f;color:#fff;}
.hb-paging-container li.hb-paging-ellipse{padding:0 6px;border:none;}
.hb-paging-container li.hb-paging-disabled,.hb-paging-container li.hb-paging-disabled:hover{border:none;background-color:#f6f6f6;color:#ddd;cursor:not-allowed;}

.left-side-nav{position:fixed;left:20px;bottom:10%;z-index:1;transition: background .3s ease;}

.right-side-nav{position:fixed;right:50px;bottom:10%;z-index:1;}
.right-side-nav-item{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:1px;width:36px;height:36px;background-color:#fff;color:#555;text-align:center}
.right-side-nav-column{padding-top:4px;line-height:1.2;cursor:pointer}
.right-side-nav-column.act,.right-side-nav-column:hover{background-color:#ef1f1f;color:#fff}
.right-side-nav-totop{padding-top:18px;background:#fff url(http://www.1288.tv/images/search/nav-back.png) no-repeat center 5px;color:#ef1f1f;line-height:1;cursor:pointer}

.footer-remind{position:fixed;bottom:0;left:0;z-index:10;overflow:hidden;width:100%;height:40px;background:#333;color:#fff;vertical-align:middle;text-align:center;font-weight:700;font-size:20px;line-height:44px;opacity:.9}
.footer-remind>div{display:inline-block;margin-right:10px}
.footer-remind .footer-remind-icon>i{width:30px;height:30px;border:2px solid #fff;border-radius:30px;text-align:center;font-size:24px}
.footer-remind .footer-btn-to-message,.footer-remind .footer-remind-icon>i{-webkit-border-radius:30px;-moz-border-radius:30px;background:#ef1f1f;color:#fff;line-height:30px}
.footer-remind .footer-btn-to-message{display:inline-block;padding:0 15px;border-radius:30px;font-weight:700;cursor:pointer}
.footer-remind .footer-btn-to-message:hover{border-color:#e91010;background-color:#e91010;}
.footer-remind .footer-btn-to-message>i{margin-right:10px}