html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0; font:12px/1.5 Microsoft YaHei,SF UI Display,Helvetica Neue,Helvetica,Lucida Grande,PingFang SC,Source Han Sans CN,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:500;color:#adb7be; background:#333435;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
ul,ol,li{list-style:none}
img{border:0}
input {
-webkit-appearance: textfield;
background-color: white;
-webkit-rtl-ordering: logical;
cursor: text;
padding: 1px;
border-width: 2px;
border-style: inset;
border-color: initial;
border-image: initial;
border: 0;
}
body>input[type="file"]{left:-100px;top:-100px}
html,body{position:relative}
h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt{margin:0;padding:0}
a{color:#8495a0;text-decoration:none}
a:hover{color:#ccc}
strong{font-weight:600}
.text-left{text-align:left}
.text-center{text-align:center !important}
.text-right{text-align:right}
.icon {display: inline-block;fill: currentColor;height: 24px;margin-right: 16px;stroke: currentColor;stroke-width: 0;width: 24px;}
.icon-v6-all{width:1em;height:1em;fill:#5C5C5C}
.icon-v6-scale{width:1em;height:1em;fill:#fff}
.icon-v6-search{width:1em;height:1em;fill:#fff}
.icon-v6-share{width:1em;height:1em;fill:#fff}
.k1286{ width:1286px; margin:0 auto; overflow:hidden;}
#header .actions .btn:hover .dropdown{display:block}
#header .actions .btn .dropdown{display:none;cursor:default;position:absolute;top:100%;left:50%;z-index:100;padding:15px 0 0 0;width:196px;text-align:left;font-weight:400;text-transform:none;box-sizing:border-box;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
#header .actions .btn .dropdown .wrapper{padding:30px 0;background:#484848;border-radius:4px}
#header .actions .btn .dropdown:before{position:absolute;top:5px;left:50%;content:'';border:solid transparent;width:0;height:0;pointer-events:none;border-color:rgba(72,72,72,0);border-bottom-color:#484848;border-width:5px;margin-left:-5px}
#header .actions .btn .dropdown .nombre{display:block;padding:0 20px 25px 20px;color:#fff;font-size:13px;font-weight:400;line-height:1;text-align:left}
#header .actions .btn .dropdown .navs li{display:block;margin:0 0 20px 0;padding:0 20px;line-height:1}
#header .actions .btn .dropdown .navs li.border{padding-bottom:0;border-bottom:1px solid #555}
#header .actions .btn .dropdown .navs li.border-top{padding-top:0}
#header .actions .btn .dropdown .navs li:last-of-type{margin:0}
#header .actions .btn .dropdown .navs a{color:#AFAFAF;font-size:12px}
#header .actions .btn .dropdown .navs a:hover{color:#fff}
#header .actions .btn .dropdown .navs i{position:relative;left:0;padding:0 10px 0 0;font-size:17px;width:17px;line-height:1;color:#636363}
#header .actions .btn.notifications{height:14px;padding:7px 0;width:14px}
#header .actions .btn.notifications i{font-size:14px}
#header .actions .btn.notifications .faded{opacity:0}
#header .actions .btn.notifications .ui8-loader{position:relative}
#header .actions .btn.notifications .unread{-webkit-transform:translateY(-4px);transform:translateY(-4px)}
#header .actions .btn.notifications .dropdown{box-sizing:inherit;left:-200%;width:320px}
#header .actions .btn.notifications .dropdown:before{left:80%}
#header .actions .btn.notifications .dropdown .wrapper{max-height:300px;overflow:auto;padding:30px 0}
#header .actions .btn.notifications .dropdown .wrapper::-webkit-scrollbar{display:none}
#header .actions .btn.notifications .dropdown .notification{display:block;margin:0 0 20px 0;padding:0 20px 20px;font-size:12px;line-height:1;border-bottom:1px solid #555}
#header .actions .btn.notifications .dropdown .notification .created_at{display:block;padding:5px 0 0 0}
#header .actions .btn.notifications .dropdown .notification p{margin:0;padding:0;line-height:1.55;white-space:pre-wrap}
#header .actions .btn.notifications .dropdown .notification a{color:#fff}
#header .actions .btn.notifications .dropdown .notification a:hover{color:#AFAFAF}
#header .actions .btn.notifications .dropdown .notification.view-none{text-align:center}
#header .actions .btn.notifications .dropdown .notification.view-more{padding:0 20px}
#header .actions .btn.notifications .dropdown .notification.view-more a{display:block;color:#fff;margin:0 0 -10px 0}
#header .actions .btn.notifications .dropdown .notification:last-of-type{margin:0;padding-bottom:0;border:none}
#header .actions .btn.notifications.has-notifications .icon-bell{color:#fff}
#header .actions .btn.notifications.has-notifications:before{position:absolute;top:0;right:0;margin:-4px -4px 0 0;content:'';width:9px;height:9px;background:#2F8BE6;border-radius:50%}
#header .actions .account{float:left;margin-right:20px;position:relative}
#v6-background{background:#232323;height:0;left:0;position:absolute;top:0;transition:all 0.4s ease-out;width:100%;z-index:-1}
#v6-background.show{height:78px; height:98px;}
.header{box-sizing:border-box;position:fixed;top:0;left:0;right:0;padding:20px 0;font-size:12px;letter-spacing:.4px;z-index:96;}
.header .icon{margin:0;padding:0}
.header .lock{height:21px;width:15px;float:left;margin:0 20px 0 0;background-size:cover}
.header__center{height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header__left{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header__right{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header__logo{margin-right:12px}
.header__group{position:relative}
.header__group:before,.header__group:after{background:transparent;bottom:-5px;height:16px;position:absolute;width:16px}
.header__group:before{border-bottom-right-radius:8px;box-shadow:6px 6px 0 #2c2c2c;left:-16px}
.header__group:after{border-bottom-left-radius:8px;box-shadow:-6px 6px 0 #2c2c2c;right:-16px}
.header__group.active:before,.header__group.active:after{content:''}
.header__group_cats.active:before{content:none}
.header__group_cats .header__cat{padding:20px 31px 20px 19px}
.header__group_cats .header__cat:after{content:'';position:absolute;top:50%;right:0;width:1px;height:38px;margin-top:-19px;background:#424242}
.header__cat i{ font-size:16px;}
.header__group_cats .header__dropdown{border-top-right-radius:8px;width:262px}
.header__group_user .header__dropdown{border-top-right-radius:8px;width:192px}
.header__group_user .header__dropdown .header__link > a{color:#8495a0}
.header__group_user .header__dropdown .header__link > a:hover{color:#fff}
.header__group_user.active:before{content:none}
.header__group_notify{}
.header__group_notify .header__dropdown{border-radius:8px;left:auto;right:-64px;width:372px}
.header__group_cart .header__dropdown{background-color:#5b52d7;border-radius:4px;left:-563px;letter-spacing:0;max-height:482px;min-height:62px;width:750px}
.header__group_cart .header__dropdown::-webkit-scrollbar{display:none}
.header__group_cart .header__dropdown:after{background-color:inherit;border-radius:3px;content:'';height:24px;position:absolute;right:149px;top:-7px;-webkit-transform:rotate(-315deg);transform:rotate(-315deg);width:24px}
.header__group_cart .header__dropdown.promo-applied{height:512px;max-height:512px}
.header__group_cart .header__dropdown.promo-applied .product-list,.header__group_cart .header__dropdown.promo-applied .checkout-form{height:512px !important}
.header__group_cart .header__dropdown.empty{box-sizing:border-box;left:-103px;padding:19px 16px;width:289px}
.header__group_cart .header__dropdown input::-webkit-input-placeholder{color:#787a81;font-weight:400;word-spacing:0 !important}
.header__group_cart .header__dropdown input:-ms-input-placeholder{color:#787a81;font-weight:400;word-spacing:0 !important}
.header__group_cart .header__dropdown input::placeholder{color:#787a81;font-weight:400;word-spacing:0 !important}
.header__group_cart .header__dropdown input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset;-webkit-text-fill-color:#2c2c2c}
.header__group_cart .header__dropdown .close{display:none;position:absolute;right:20px;top:20px}
.header__group_cart .header__dropdown .close svg{fill:#fff;height:16px;width:16px}
.header__group_cart .header__dropdown .checkout .checkout-form .checkout-header,.header__group_cart .header__dropdown .checkout .checkout-form .checkout-inputs,.header__group_cart .header__dropdown .checkout .checkout-form .checkout-footer{width:100%}
.header__group_cart .header__dropdown .checkout .checkout-form .icon-cc-icon{height:12px;margin-right:8px;vertical-align:top;width:16px}
.header__group_cart .header__dropdown .checkout .checkout-form .icon-paypal{height:14px;vertical-align:top;width:51px}
.header__group_cart .header__dropdown .checkout .checkout-form .checkout-header{margin-bottom:30px}
.header__group_cart .header__dropdown .checkout .checkout-form .checkout-header .total{font-size:18px;font-weight:500;line-height:38px}
.header__group_cart .header__dropdown .checkout .checkout-form .checkout-header .payment-selector{float:right}
.header__group_cart .header__dropdown .checkout .checkout-form .checkout-header .selector-buttons{display:inline-block}
.header__group_cart .header__dropdown .checkout .checkout-form .checkout-header .pay-with{font-size:13px;font-weight:300;line-height:38px;opacity:.5}
.header__group_cart .header__dropdown .checkout .checkout-form .checkout-header button{background-color:transparent;border:none;border-radius:100px;box-shadow:inset 0 -1px 1px 0 rgba(0,0,0,0.38),inset 0 1px 1px 0 rgba(255,255,255,0.14);font-size:11px;font-weight:600;height:38px;line-height:12px;margin-left:12px;padding:0 14px;text-transform:uppercase}
.header__group_cart .header__dropdown .checkout .checkout-form .checkout-header button.selected{background-color:rgba(32,32,32,0.09);box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.46),inset 0 0 1px 0 rgba(255,255,255,0.42)}
.registe_login{ height:60px;}
.registe_login a{text-align:center;color:#fff;transition:.3s; display:block; float:left;}
.ptdl{ line-height:60px;}
.qqdl{
border-radius: 3px;
margin-left: 22px;
text-align: center;
background-color: #4b505a;
padding: 7px 16px;
position: relative;
display: inline-block;
color: #fff;
font-size: 16px;
vertical-align: middle;
margin-top:12px;
}
.registe_login .qqdl:hover{ background:#3571db;}
.zc_t{background-color: #407de9; width:80px; height:38px;border-radius: 3px; line-height:38px; margin-top:12px;margin-left: 15px;}
.registe_login .zc_t:hover{ background:#3571db;}
.header__group_cart .header__dropdown .checkout .checkout-form .checkout-footer .charge-message{font-size:13px;font-weight:300;line-height:38px}
.header__group_cart .header__dropdown .checkout .checkout-form .checkout-footer .charge-total{font-weight:800}
.header__group_cart .header__dropdown .checkout .checkout-form .checkout-footer button{background-image:linear-gradient(to bottom, #2aa461, #279a5b);border:none;border-radius:100px;box-shadow:0 10px 14px 0 rgba(0,0,0,0.25);float:right;font-size:11px;font-weight:bold;height:38px;text-align:center;text-transform:uppercase;width:88px}
.header__group_cart .header__dropdown .checkout .checkout-form .checkout-footer img{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-timing-function:linear;animation-timing-function:linear;float:right;height:38px;width:38px}
.header__group.active .header__cat{background:#2c2c2c;box-shadow:0 5px 0 0 #2c2c2c}
.header__group.active .header__cat:after{display:none}
.header__group.active .header__title{color:#fff}
.header__group.active .header__dropdown{display:block}
.header__group_cart.active:before,.header__group_cart.active:after{content:none !important}
.header__group_cart.active .header__cat{background:none;box-shadow:none}
.header__cat{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;height:68px;padding:20px;border-radius:8px 8px 0 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}
.notify__content {margin-bottom: 4px; padding-bottom:20px;}
.header__cat2{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;height:68px;padding:20px 0px 20px 20px;border-radius:8px 8px 0 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}
.header__cat:hover .header__title{color:#fff}
.header__cat:hover .header__custom .icon{color:#adb7be;fill:#adb7be}
.header__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#adb7be;transition:color .2s}
.header__title:after{content:'';margin-left:10px;width:0px;height:0px;border-style:solid;border-width:4px 3px 0 3px;border-color:#fff transparent transparent transparent}
.header__ava{width:28px;height:28px;border-radius:4px;background-position:50% 50%;background-size:cover;background:#7e88ff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
header__ava img{width:28px;height:28px;border-radius:4px;}
.header__custom{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;height:28px;width:28px;font-size:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2}
.header__custom .icon{color:#fff;font-size:14px;fill:#fff;transition:fill .2s}
.header__notify{position:absolute;top:3px;right:-2px;width:6px;height:6px;background:#ff577a;border-radius:50%}
.header__counter{width:20px;height:20px;margin:-16px 0 0 -4px;background:#353535;border-radius:50%;font-size:11px;color:#fff;font-weight:700;text-align:center;line-height:20px;z-index:-2}
.header__name{/*display:-webkit-box;display:-ms-flexbox;display:flex;*/margin:0 20px;padding:15px 0 15px;border-bottom:1px solid #202020;box-shadow:0 1px 0 0 #353535;font-size:14px;color:#fff}
.header__name a, .header__name a:hover{color:#fff}
.header__name i{font-size: 12px;color: #ccc;padding-top: 5px;display: block;}
.header__name .xf{position: absolute;right: 10px;top: 10px;color: #fff;height: 20px;line-height: 20px;border-radius: 15px;padding: 0 8px;font-size: 12px;text-decoration: none;background: #f8645c;}
.header__dropdown{display:none;position:absolute;top:calc(100% + 5px);left:0;background:#2c2c2c;border-radius:0 0 8px 8px}
.header__close{background:none;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin:11px 0 4px auto;padding:22px}
.header__close.mob-show{display:none}
.header__close .icon{font-size:12px;fill:#fff}
.header__menu{padding:12px 0 16px}
.header__menu .header__link > a{height:auto;padding:10px 20px 11px;font-size:12px}
.header__list{position:relative;padding:20px 0 16px}
.header__type{display:-webkit-box;display:-ms-flexbox;display:flex;padding:16px 20px 17px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header__type:hover .header__icon .icon,.header__type.active .header__icon .icon{fill:#fff}
.header__type:hover .header__theme,.header__type.active .header__theme{color:#fff}
.header__type:hover .header__number,.header__type.active .header__number{color:#2f8be6}
.header__icon{margin-right:19px;}
.header__icon .icon{color:#5C5C5C;font-size:16px;fill:#5C5C5C;transition:fill .2s; margin-top:4px;}
.header__theme{padding-right:20px;font-size:12px;color:#8495a0;transition:color .2s}
.header__number{margin-left:auto;font-size:11px;color:#5b5b5b;transition:color .2s}
.header__line{opacity:0;position:absolute;top:0;width:2px;height:24px;margin-top:13px;-webkit-transform:translateY(20px);transform:translateY(20px);background:#2f8be6;transition:all .2s}
.header__line.visible{opacity:1}
.header__nav{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:10px}
.header__link > a{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;height:68px;padding:20px;color:#adb7be;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transition:color .2s}
.header__link > a:hover{color:#fff}
.header__link > a:hover .icon{color:#adb7be;fill:#adb7be}
.header__link > a .icon{display:block;font-size:14px;color:#fff;stroke:#fff;transition:fill .2s}
.header__btn{margin-left:20px;padding-left:22px;padding-right:22px}
.header__scroll{color:#8495a0;margin-top:2px;max-height:338px;padding:0 20px;overflow:auto}
.header__scroll::-webkit-scrollbar{width:6px}
.header__scroll::-webkit-scrollbar-track{box-shadow:inset 0 0 4px rgba(0,0,0,0.3);height:90%}
.header__scroll::-webkit-scrollbar-thumb{background-color:rgba(47,139,230,0.6);border-radius:3px}
.header__burger{background:none;border:0;margin:-20px 0 -20px -20px;padding:20px;font-size:0}
.header__burger .icon{font-size:14px;fill:#fff}
.header ol.steps{float:left;list-style:none;counter-reset:step;margin-left:8px}
.header ol.steps li{counter-increment:step;display:block;float:left;line-height:28px;color:#484848;position:relative;margin:0 60px 0 0;padding:0 0 0 38px}
.header ol.steps li .check-floater,.header ol.steps li .check{display:none;position:absolute;top:2px;left:8px}
.header ol.steps li:before,.header ol.steps li:after{display:block;content:" ";position:absolute}
.header ol.steps li:before{content:counter(step);font-size:14px;font-weight:700;line-height:24px;color:#484848;text-align:center;height:24px;width:24px;left:0;top:0;border:2px solid #484848;border-radius:2px}
.header ol.steps li:after{width:38px;height:1px;background:#484848;right:-48px;top:14px}
.header ol.steps li:last-child:after{display:none}
.header ol.steps li.available:hover{color:#fff;cursor:pointer}
.header ol.steps li.available:hover:before{color:#fff}
.header ol.steps li.complete{color:#AFAFAF}
.header ol.steps li.complete .check{display:block}
.header ol.steps li.complete .check,.header ol.steps li.complete:before{font-family:'ui8';font-size:10px;font-weight:400;content:'';color:#AFAFAF}
.header ol.steps li.complete:hover{cursor:pointer;color:#fff}
.header ol.steps li.complete:hover:before{color:#fff}
.header ol.steps li.active{color:#fff}
.header ol.steps li.active:before{border-color:#2F8BE6;color:#2F8BE6}
.catalog__foot{margin-top:40px;text-align:center}
.kanghdwidth{box-sizing: border-box;margin: 0 auto; max-width: 1286px;}
.header__link{position: relative;}
.header__link a i {margin-left: 10px;}
.header__link:hover .dropdown{display:block}
.header__link .dropdown{display:none;cursor:default;position:absolute;top:65%;left:50%;z-index:100;padding:15px 0 0 0;width:126px;text-align:center;font-weight:400;text-transform:none;box-sizing:border-box;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
.header__link .dropdown .wrapper{padding:30px 0;background:#2c2c2c;border-radius:4px}
.header__link .dropdown:before{position:absolute;top:5px;left:50%;content:'';border:solid transparent;width:0;height:0;pointer-events:none;border-color:rgba(72,72,72,0);border-bottom-color:#2c2c2c;border-width:5px;margin-left:-5px}
.header__link .dropdown .nombre{display:block;padding:0 20px 25px 20px;color:#fff;font-size:13px;font-weight:400;line-height:1;text-align:left}
.header__link .dropdown .navs li{display:block;margin:0 0 20px 0;padding:0 20px;line-height:1}
.header__link .dropdown .navs li.border{padding-bottom:0;border-bottom:1px solid #555}
.header__link .dropdown .navs li.border-top{padding-top:0}
.header__link .dropdown .navs li:last-of-type{margin:0}
.header__link .dropdown .navs a{color:#AFAFAF;font-size:12px}
.header__link .dropdown .navs a:hover{color:#fff}
.header__link .dropdown .navs i{position:relative;left:0;padding:0 10px 0 0;font-size:17px;width:17px;line-height:1;color:#636363}
.Bannerbg{ background:url(../images/home_bg.png) repeat center top; margin:0 auto; box-sizing: border-box;height: auto !important;padding: 0px 0px 30px 0px;position: relative;}
.seachbox{color:#cbcbcb; width:800px; margin:0 auto; text-align:center; padding-top:118px; padding-bottom:22px;}
.seachWP form{ position: relative;width: 800px; max-width: 100%; margin: 0 auto;}
.search-keyword{font-size: 14px;width:100%;height:48px;border-radius: 4px;background-color: rgba(255,255,255,0.3); background:#353535;color:#cbcbcb;padding-left: 30px;}
.search-submit{position: absolute;top: 12px; right: 0px;border: 0; color:#fff; background:url(../images/searchicon.png) no-repeat;cursor:pointer;}
.popular-searches h3{ display:inherit; padding-bottom:20px;}
.s-tags{margin:0 auto; text-align:left; padding-left:24px; padding-bottom:10px; padding-top:10px;}
.s-tags a{ color:#666;display: inline-block;min-width:15px;}
.s-tags a:hover{ text-decoration:none; color:#fff;}
.swiper-container {
width: 1286px;
height: 100%;
margin-left: auto;
margin-right: auto;
box-shadow:100px 200px 200px rgba(0,0,0,0.01);
}
.swiper-slide {
text-align: center;
font-size: 18px;
border-radius:5px;
/*background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;*/
}
.swiper-slide img{border-radius:5px; background-position:center center;}
/*小图切换*/
.lb2{background-color:#262626; width: 1286px; margin:26px auto 0px auto; height:90px;border-radius: 4px; padding-top:10px; padding-left:10px;}
.pb-small-lable { height: 100px;}
.xtudian1{ margin-left:-50px;}
.pbsmll_mag a.lbckimg1{display:block; background:url(../images/lbckimg1.jpg) no-repeat;display: block;width: 150px;height: 80px;text-align: center; line-height: 80px;font-size: 18px;color: #fff; border-radius: 4px;}
.pbsmll_mag a.lbckimg2{display:block; background:url(../images/lbckimg2.jpg) no-repeat;display: block;width: 150px;height: 80px;text-align: center; line-height: 80px;font-size: 18px;color: #fff; border-radius: 4px;}
.pbsmll_mag a.lbckimg3{display:block; background:url(../images/lbckimg3.jpg) no-repeat;display: block;width: 150px;height: 80px;text-align: center; line-height: 80px;font-size: 18px;color: #fff; border-radius: 4px;}
.pbsmll_mag a.lbckimg4{display:block; background:url(../images/lbckimg4.jpg) no-repeat;display: block;width: 150px;height: 80px;text-align: center; line-height: 80px;font-size: 18px;color: #fff; border-radius: 4px;}
.pbsmll_mag a.lbckimg5{display:block; background:url(../images/lbckimg5.jpg) no-repeat;display: block;width: 150px;height: 80px;text-align: center; line-height: 80px;font-size: 18px;color: #fff; border-radius: 4px;}
.pbsmll_mag a.lbckimg6{display:block; background:url(../images/lbckimg6.jpg) no-repeat;display: block;width: 150px;height: 80px;text-align: center; line-height: 80px;font-size: 18px;color: #fff; border-radius: 4px;}
.pbsmll_mag a.lbckimg7{display:block; background:url(../images/lbckimg7.jpg) no-repeat;display: block;width: 150px;height: 80px;text-align: center; line-height: 80px;font-size: 18px;color: #fff; border-radius: 4px;}
.pbsmll_mag a.lbckimg8{display:block; background:url(../images/lbckimg8.jpg) no-repeat;display: block;width: 150px;height: 80px;text-align: center; line-height: 80px;font-size: 18px;color: #fff; border-radius: 4px;}
.pbsmll_mag a.lbckimg9{display:block; background:url(../images/lbckimg9.jpg) no-repeat;display: block;width: 150px;height: 80px;text-align: center; line-height: 80px;font-size: 18px;color: #fff; border-radius: 4px;}
.pbsmll_mag a.lbckimg10{display:block; background:url(../images/lbckimg10.jpg) no-repeat;display: block;width: 150px;height: 80px;text-align: center; line-height: 80px;font-size: 18px;color: #fff; border-radius: 4px;}
.pbsmll_mag a.lbckimg11{display:block; background:url(../images/lbckimg11.jpg) no-repeat;display: block;width: 150px;height: 80px;text-align: center; line-height: 80px;font-size: 18px;color: #fff; border-radius: 4px;}
.pbsmll_mag a.lbckimg12{display:block; background:url(../images/lbckimg12.jpg) no-repeat;display: block;width: 150px;height: 80px;text-align: center; line-height: 80px;font-size: 18px;color: #fff; border-radius: 4px;}
.pbsmll_mag a.lbckimg13{display:block; background:url(../images/lbckimg13.jpg) no-repeat;display: block;width: 150px;height: 80px;text-align: center; line-height: 80px;font-size: 18px;color: #fff; border-radius: 4px;}
.pbsmll_mag a.lbckimg14{display:block; background:url(../images/lbckimg14.jpg) no-repeat;display: block;width: 150px;height: 80px;text-align: center; line-height: 80px;font-size: 18px;color: #fff; border-radius: 4px;}
.pbsmll_mag a.lbckimg15{display:block; background:url(../images/lbckimg15.jpg) no-repeat;display: block;width: 150px;height: 80px;text-align: center; line-height: 80px;font-size: 18px;color: #fff; border-radius: 4px;}
.pbsmll_mag a.lbckimg16{display:block; background:url(../images/lbckimg16.jpg) no-repeat;display: block;width: 150px;height: 80px;text-align: center; line-height: 80px;font-size: 18px;color: #fff; border-radius: 4px;}
.pb-small-lable::after{
content: '';
width: 60px;
height: 100px;
position: absolute;
right: 0;
top: -10px;
z-index: 2;
display: block;
background: #000;
background: -moz-linear-gradient(right, #000 0, rgba(0, 0, 0, .5) 100%);
background: -webkit-gradient(linear, left, right, color-stop(0, #000), color-stop(100%, rgba(0, 0, 0, .1)));
background: -webkit-linear-gradient(right, #000 0, rgba(0, 0, 0, .5) 100%);
background: -o-linear-gradient(right, #000 0, rgba(0, 0, 0, .5) 100%);
background: -ms-linear-gradient(right, #000 0, rgba(0, 0, 0, .5) 100%);
background: -webkit-gradient(linear, right top, left top, from(white), to(rgba(0, 0, 0, .5)));
background: -webkit-gradient(linear, right top, left top, color-stop(0, #000), to(rgba(0, 0, 0, .5)));
background: linear-gradient(to left, #000 0, rgba(0, 0, 0, .1) 100%);
}
/* ---- Waterfalls flow grid ---- */
/*.pbl_title h2{ display:block; font-size:28px; color:#fff; line-height:50px;}
.pbl_title{ text-align:center; display:block; padding-top:30px; padding-bottom:8px;}
.item-box { width: 1286px; margin: 20px auto 20px auto; overflow: hidden;}
.item-box ul {width: 1312px;overflow: hidden;}
.item-box ul li{float:left;margin-bottom:25px;background:#48484A;width:302px;border-radius: 5px;}
.item-box ul li a{display:block;width:302px;overflow:hidden;}
.item-box ul li img{width:302px;display:block;-moz-transition:all .5s ease 0;-o-transition:all .5s ease 0;-webkit-transition:all .5s ease 0;transition:all .5s;border-top-left-radius: 5px;
border-top-right-radius: 5px;}
.item-box ul li a:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.item-box ul li .item-tit{line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;}
.item-box ul li .item-tit a{font-weight: 400; white-space: nowrap; font-size:14px;text-overflow: ellipsis;overflow: hidden; font-weight:bold;}
#page{width:1286px; margin:0 auto;position: relative;}*/
/* ---- Waterfalls flow grid end---- */
.pbl_title h2{ display:block; font-size:28px; color:#fff; line-height:50px;}
.pbl_title{ text-align:center; display:block; padding-top:30px; padding-bottom:8px;}
#page{width:1614px; margin:0 auto;position: relative;}
.item-box { width: 1614px; margin: 20px auto 20px auto; overflow: hidden;}
.item-box ul {width: 1640px;overflow: hidden;}
.item-box ul li{float:left;margin-bottom:25px;background: #48484A url(../images/loading.png) no-repeat 90% 90%/32px 32px; min-height:180px;background-position:center center;width:302px;border-radius: 5px;}
.item-box ul li a{display:block;width:302px;overflow:hidden;}
.item-box ul li img{width:302px;display:block;-moz-transition:all .5s ease 0;-o-transition:all .5s ease 0;-webkit-transition:all .5s ease 0;transition:all .5s;border-top-left-radius: 5px;
border-top-right-radius: 5px;}
.item-box ul li a:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.item-box ul li .item-tit{line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;}
.item-box ul li .item-tit a{font-weight: 400;color:#fff; white-space: nowrap; font-size:14px;text-overflow: ellipsis;overflow: hidden; font-weight:bold;}
#listpage{width:1286px; margin:0 auto;position: relative;}
.item-boxlist { width: 1286px; margin: 20px auto 20px auto; overflow: hidden;}
.item-boxlist ul {width: 1312px;overflow: hidden;}
.item-boxlist ul li{float:left;margin-bottom:25px; background: #48484A url(../images/loading.png) no-repeat 90% 90%/141px 34px; min-height:180px;background-position:center center; width:302px;border-radius: 5px;}
.item-boxlist ul li a{display:block;width:302px;overflow:hidden;}
.item-boxlist ul li img{width:302px;display:block;-moz-transition:all .5s ease 0;-o-transition:all .5s ease 0;-webkit-transition:all .5s ease 0;transition:all .5s;border-top-left-radius: 5px;
border-top-right-radius: 5px;}
.item-boxlist ul li a:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.item-boxlist ul li .item-tit{line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;}
.item-boxlist ul li .item-tit a{font-weight: 400; color:#fff; white-space: nowrap; font-size:14px;text-overflow: ellipsis;overflow: hidden; font-weight:bold;}
/* ---- Waterfalls flow grid end---- */
@media screen and (max-width: 1500px) {
#page{width:1286px; margin:0 auto;position: relative;}
.item-box { width: 1286px; margin: 20px auto 20px auto; overflow: hidden;}
.item-box ul {width: 1312px;overflow: hidden;}
}
/*----专题----*/
.mod_two {
line-height: 1.3;
box-sizing: border-box;
letter-spacing: .4px;
padding: 20px 0 68px;
background: #2f3032 url(../images/confetti_wqhed2_o20.png) repeat 50% 50%/1286px 601px;
}
.sace_list{ padding-top:28px;}
.zhuan_tbox{ width:1320px;}
.sace_list li{ float:left; width:302px; height:302px; position:relative;border-radius: 5px; margin-right:26px; overflow:hidden;}
.sace_list li .zt_textbox{ width:100%; bottom: 0; top:0; position: absolute; z-index: 1; background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 70%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0.7) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0) 70%, rgba(0,0,0,0.7) 90%,, rgba(0,0,0,0.7) 100%)); background-image: linear-gradient(top, rgba(0,0,0,0) 70%, rgba(0,0,0,0.7) 90%,, rgba(0,0,0,0.9) 100%));border-radius: 5px;}
.sace_list ul li img{width:302px;display:block;-moz-transition:all .5s ease 0;-o-transition:all .5s ease 0;-webkit-transition:all .5s ease 0;transition:all .5s;border-radius: 5px;}
.sace_list ul li a:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.biaoti_text{ padding-top:200px; font-size:22px; font-weight: bold; color:#fff; padding-left:20px; padding-bottom:20px;}
.biaoti_text a{ color:#fff;display:block;}
.biaoti_text p{ color:#8495a0; font-size:14px;}
.bqwz_box{ margin-left:20px; margin-top:20px;}
.bqwz_box a{ border:1px solid #e2e2e2;background-color: rgba(255,255,255,0.3);color:#e2e2e2; font-size:12px; float:left;border-radius: 5px; padding:5px; margin-right:10px; display:block;}
.bqwz_box a:hover{ background:#fff; color:#333;}
/*----专题----*/
/*-------------------------固定尺寸组-------------------------*/
.mxyj_Mockups{ clear:both; margin:0 auto; width:1286px; padding-top:28px;}
.mxyj_Mockups div{overflow:hidden; height:100%; }
.u_wpp .tuijiantupian{ max-width:1328px; padding:0;}
.u_wpp{ width:1320px;}
.mk_loop{ float:left; width:302px; height:218px; margin: 0 26px 32px 0;border-radius: 5px;}
.img-permalink{position:absolute;top:0;left:0;width:100%;height:100%;z-index: 1;}
.view {overflow: hidden; position: relative; text-align: center; cursor: default; }
.view .mask, .view .content { position: absolute; overflow: hidden; top: 0px; left: 0px; }
.view img { display: block; position: relative; }
.third-effect .mask { opacity: 0; overflow: visible; background: rgba(0,0,0,0.7); transition: all 0.4s ease-in-out 0s; width:100%;border-radius: 5px;}
.third-effect img{ width:302px; height:218px;border-radius: 5px;}
.third-effect:hover .mask { opacity: 1; background: rgba(0,0,0,0.7);width:100%; border-radius: 5px;}
/*.third-effect:hover a.info { opacity: 1; transition-delay: 0.3s; }*/
.group{position: absolute;top: 50%;left: 50%;z-index: 1;margin: -15px 0 0 -48px;height: 32px;text-align: center; }
/*.group a.info { position: relative; top: 10px; opacity: 0; transition: opacity 0.5s ease-in-out 0s; }*/
.group .info{margin: 0 4px;text-align: center;vertical-align: top;-webkit-transition: none;transition: none;box-shadow: 0 2px 15px rgba(0,0,0,0.25);}
.btn-white {width: 38px;color: #333;background-color: #fff; height:32px;}
.btn-med { padding:4px 0;}
.info{cursor: pointer;position: relative;display: inline-block;height: 32px;font-size: 14px;line-height: 32px;text-align: center; font-weight: normal;white-space: nowrap;text-transform: uppercase;border-radius: 3px; outline: none;border: none;overflow: hidden;vertical-align: middle;}
.group .info:hover{background-color: #2980e2;color: #fff;}
.looptitle{padding-top:10px;}
.ci_title{float: left; width:300px;display: block;color: #fff;font-size: 14px;line-height: 28px; font-weight: 400; white-space: nowrap; text-overflow: ellipsis;overflow: hidden; font-weight:bold;}
.ci_price{ position: relative;top: 0;right: 0; float: right;padding: 6px;color: #2F8BE6;width: 48px;color: #2F8BE6; font-size: 12px;line-height: 1;text-align: center;background: #2A2A2A; border-radius: 4px; display:none;}
.ci_meta{ font-size:12px; color:#8f8f8f; clear:both; display:none;}
.ci_meta a{font-size:12px; color:#8f8f8f;}
.v_but6{ clear:both; width:110px;margin:0 auto; }
.v_but6 a{ display:block; width:110px; }
.buttonky {float: left;width:230px; height:50px;line-height:50px;display: block;border: none;background: none;color: inherit;vertical-align: middle;position: relative;z-index: 1;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale; text-align:center; border-radius:4px; }
.buttonky > span {vertical-align: middle;}
.button--nina { width:110px; background: #437bde; color: #fff; overflow: hidden;-webkit-transition: background-color 0.3s; transition: background-color 0.3s;}
.button--nina.button--inverted { background: linear-gradient(-45deg, rgba(145, 112, 219, 0.9) 0%, rgba(137, 114, 228, 0.9) 10%, rgba(114, 119, 255, 0.9) 40%, rgba(104, 154, 255, 0.9) 100%);text-transform: uppercase;color: #fff; width:110px;}
.button--nina > span {display: inline-block;opacity: 0;color: #fff;-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.button--nina::before {content: attr(data-text);position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.button--nina:hover {background-color: #437bde;}
.button--nina:hover::before {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.button--nina:hover > span {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.button--nina:hover > span:nth-child(1) {-webkit-transition-delay: 0.045s;transition-delay: 0.045s;}
.button--nina:hover > span:nth-child(2) {-webkit-transition-delay: 0.09s;transition-delay: 0.09s;}
.button--nina:hover > span:nth-child(3) {-webkit-transition-delay: 0.135s;transition-delay: 0.135s;}
.button--nina:hover > span:nth-child(4) {-webkit-transition-delay: 0.18s;transition-delay: 0.18s;}
.button--nina:hover > span:nth-child(5) {-webkit-transition-delay: 0.225s;transition-delay: 0.225s;}
.button--nina:hover > span:nth-child(6) {-webkit-transition-delay: 0.27s;transition-delay: 0.27s;}
.button--nina:hover > span:nth-child(7) {-webkit-transition-delay: 0.315s;transition-delay: 0.315s;}
.button--nina:hover > span:nth-child(8) {-webkit-transition-delay: 0.36s;transition-delay: 0.36s;}
.button--nina:hover > span:nth-child(9) {-webkit-transition-delay: 0.405s;transition-delay: 0.405s;}
.button--nina:hover > span:nth-child(10) {-webkit-transition-delay: 0.45s;transition-delay: 0.45s;}
/*-------------------------固定尺寸组-------------------------
/*END---v6design.com*/
.footer{ background:#202020; padding:30px 0px 25px 0;}
.pull-left{ float:left; width:700px; font-size:12px;color:#6b6b6b;}
.copypsd{ padding-top:10px;}
.pull-left a{ color:#6b6b6b; margin-right:10px;}
.pull-right{ float:right; width:100px;}
.pull-right a{ display:block; background:#262626;border-radius:3px; width:100px; float:left; text-align:center; color:#6b6b6b; padding:4px 0;transition: .3s;}
.pull-right a:hover{background:#3974dc; color:#fff;}
.youlink{ clear:both; border-top:1px solid #292929; margin-top:15px; padding-top:15px;}
.link_label span{ color:#575757; float:left; font-size:12px; display:block; margin-right:10px;}
.link_label li { float:left; }
.link_label li a{ color:#575757; margin:0px 10px 0px 0px; display:block; font-size:12px; white-space: nowrap;}
/*liST-*/
.listBG{ height:300px; position:relative; background-size:cover; margin-bottom:40px;}
.aclistBG{ height:300px; position:relative; background-size:cover;}
.list-imgBG{ height:100px; position:relative; background-size:cover; margin-bottom:40px;}
.list_background{-webkit-filter:grayscale(100%) brightness(20%);background:#000;background-position:center top;background-repeat:no-repeat;background-size:cover;filter:grayscale(100%) brightness(20%);height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%;z-index:0}
.wp_fluid{ padding-top:150px; width:1286px; margin:auto; position:relative;}
.banner-title{ text-align:center;}
.banner-title h2{ color:#fff; font-size:30px;}
.screentab-mbx{ float:left;height:48px;line-height: 48px;padding:0px 30px;color:#fff;border-radius: 4px;background-color:#262626;display: inline-block;margin-right: 6px;color:#999;bottom:-100px;position:absolute;left:0;z-index:5; }
.seachbox_list{color:#cbcbcb; width:300px; float:right;text-align:center;bottom:-100px;position:absolute;z-index:5; right:0;}
.search-submit-list i.fa-search{ font-size:16px; margin-right:8px; padding-top:2px;}
.seachWP_list form{ position: relative;width: 300px; max-width: 100%; margin: 0 auto;}
.search-keyword-list{font-size: 12px;width:278px;height:48px;border-radius: 4px; background:#262626;color:#cbcbcb; padding-left:12px;}
.search-submit-list{position: absolute;top: 12px; right: 0px;border: 0; color:#fff; background:url(../images/searchicon.png) no-repeat;cursor:pointer;}
.category-flbox{border-radius: 4px;background-color: #262626;margin-top:10px;margin-bottom: 30px;}
.kang-filters{ overflow:hidden; height:100%; padding:10px;}
.kang-filters li{ float:left;}
.kang-filters li a{ display:block; margin:5px 16px; color:#9a9a9a; font-size:14px;}
.kang-filters li a:hover{color:#f7d26e;}
.kang-filters li a.thisclasskang{ color:#f7d26e;}
.flscene{ font-size:14px; color:#f7d26e;margin:20px 15px 20px 35px; }
/*content page*/
.content{ width:1286px; margin:0 auto; padding-top:30px; clear:both;}
.article_left{ float:left; width:860px;}
.article_left img{border-radius: 5px;}
.article_right{ float:right; width:398px;background: #2C2C2C;border-radius: 5px;}
.member_info{ background:#2C2C2C; border-radius:3px; }
.author_u{border-bottom:1px solid #2e2e2e; padding:25px 20px; overflow:hidden; height:100%;}
.author_u span{ display:block; float:left;}
.tximg{ width:38px;}
.tximg img{ width:38px; height:38px; border-radius:2px;}
.u_name{ padding-left:10px; line-height:38px;}
.u_name small{ font-weight:normal; font-size:14px; color:#8495a0;}
.jifenbg{ background:#2A2A2A; padding:20px;border-bottom:1px solid #2e2e2e; font-size:13px;}
.jifenbg span{ color:#2F8BE6; background: #2A2A2A;border-radius: 4px;}
.jifenbg a{color:#8495a0;text-decoration:underline;}
.gsinfo{padding:15px 20px; color:#8495a0; line-height:28px; font-size:13px;border-bottom:1px solid #2e2e2e;}
.dw_keep{ padding:20px 0px 20px 20px; overflow:hidden; height:100%;}
.dw_but li{ float:left; width:170px;}
.dw_but li a{ display:block; background-color:#2b8c54; border-radius:3px; height:46px; line-height:46px; text-align:center; color:#fff; width:170px;}
.dw_but li a:hover{ background-color:#26824d;}
.keep_but{width:170px; float:left; margin-left:18px;}
.c_b a{ display:block; background-color:#407de9; border-radius:3px; height:46px; line-height:46px; text-align:center; color:#fff; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; width:170px; }
.c_b a:hover{ background-color:#3c76dd;}
.shareWP{background:#2C2C2C; border-top:1px solid #2e2e2e; padding:20px; overflow:hidden; height:100%; border-radius:3px; color:#8495a0;}
.shere-L,.shere-C{ float:left;}
.shere-R{ float:right;position: relative; padding-left:20px;}
.shere-R > .jbicon:before{ display:block; content:""; position:absolute; background:url(../images/icon.png) no-repeat; background-position:0 -201px;color:#8495a0; left:0; top:5px; width:14px; height:16px;}
.similar_mian{ clear:both;margin:0px auto 50px 0px; padding-top:38px;}
.similartitle{ font-size:18px; padding-top:40px;}
.smbox{margin:0 auto; padding-bottom:20px;}
/*.coimg{ overflow:hidden; width:860px;display: table-cell; vertical-align: middle;text-align: center; background:#2e2e2e;}
.coimg img{ height:auto !important;border:1px solid #333435; width:780px;}*/
.coimg{ overflow:hidden; width:860px;display: table-cell; vertical-align: middle;text-align: center; background:#2e2e2e;}
/*.coimg img{ vertical-align: middle; max-width: 780px; max-height:100%; width: expression(this.width >780 && this.height < this.width ? 780: true); border:1px solid #333435; }*/
.coimg img{max-width:780px;width:780px;width:expression(document.body.clientWidth>780?”780px”:”auto”);overflow:hidden;}
.acboximg{ padding-top:38px;}
.sucaishuoming{ padding:40px; text-align:left;}
.sucaishuoming-box{ line-height:24px; padding-top:10px; font-size:14px;}
.coimg_pm{ overflow:hidden; width:700px;}
.coimg_pm{ }
.photo-tag{ width:798px;overflow:hidden; height:100%;padding:20px 0px 0px 0px;}
.photo-tag span{ display: block; float:left;font-size:12px;}
.photo-tag a{ display:block; float:left; margin-left:12px;}
.photo-tag a{display:inline-block;padding:2px 8px;margin:0 0 8px 12px;font-size:12px;color:#8495a0;border:1px solid #8495a0;border-radius:20px;}
.photo-tag a:hover{color:#3c76dd;border-color:#3c76dd;}
/*content page*/
/*推荐图片*/
#tuijiantupian_tmpl{display:none;}
.tuijiantupian{padding:30px 70px 20px 70px; background:#f7f8fa;}
.listtjtext{ padding-bottom:20px;}
.listtjtext h3{font-size:24px;font-weight:normal;line-height:40px; text-align:center;}
.listtjtext p{font-size:14px;color:#999;line-height:28px; text-align:center;}
.homefl{margin:0 auto; text-align:center; padding-top:10px;}
.homefl a{display: inline-block;min-width:15px;text-align: center;margin-right: 5px; margin-left:5px; font-size:14px;}
.homefl a:hover{ text-decoration:underline; color:#316bc6;}
/*.tuijiantupian a:hover img{opacity:.9;filter:alpha(opacity=90);}*/
.flex-images{margin-bottom:25px;}
.jzgd{width:130px;height:42px;background:#50c881;border-radius:3px;color:#fff;line-height:42px;text-align:center;margin:0 auto; cursor:pointer;}
.collect-icon{ position:absolute; top:-44px; left:10px;z-index:3; width:100px; height:34px;-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;}
.collect-icon a:hover{ display:inline-block; width:43px; height:34px; background-color:#000;background-color:rgba(0,0,0,0.8);filter:alpha(opacity=80); border-radius:2px; margin-right:4px;}
.tuijiantupian .item .Collect{ position:absolute; top:-44px; left:8px;z-index:3; width:60px; line-height: 34px;-webkit-transition: all 0.3s; transition: all 0.3s; -moz-transition:all 0.3s;}
.tuijiantupian .item:hover .Collect{top: 10px;}
.tuijiantupian .item .Collect a{ display: block; height: 34px; line-height:34px;color:#fff;text-align: center; background: #000\9;border-radius: 2px; background: rgba(0,0,0,.5);-webkit-transition: all 0.3s; transition: all 0.3s; -moz-transition:all 0.3s;}
.tuijiantupian .item .Collect a:hover{background: #000\9;background: rgba(0,0,0,.8);}
.tuijiantupian .item .downimg{ position:absolute; top:-44px; right:8px;z-index:3; width:60px; line-height: 34px;-webkit-transition: all 0.3s; transition: all 0.3s; -moz-transition:all 0.3s;}
.tuijiantupian .item:hover .downimg{top: 10px;}
.tuijiantupian .item .downimg a{ display: block; height: 34px; line-height:34px;color:#fff;text-align: center; background: #000\9;border-radius: 2px; background: rgba(0,0,0,.5);-webkit-transition: all 0.3s; transition: all 0.3s; -moz-transition:all 0.3s;}
.tuijiantupian .item .downimg a:hover{background: #000\9;background: rgba(0,0,0,.8);}
.tuijiantupian .item .photo-title{ position: absolute;right: 10px;left: 0px;bottom: -40px; width: 100%; height: 46px; line-height: 46px;-webkit-transition: all 0.3s; transition: all 0.3s; -moz-transition:all 0.3s;}
.tuijiantupian .item .photo-title a{ color:#fff ; font-size: 14px;}
.tuijiantupian .item .photo-title .photo-tag-text{ margin-left: 10px; line-height:46px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; color:#fff;}
.tuijiantupian .item:hover .photo-title{bottom:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);width: 100%}
/*.fengye.class*/
.m-page {
padding:30px 0 80px 0;
clear:both;
text-align: center;
height: 38px;
line-height: 38px;
}
.m-page li {
display: inline;
}
.m-page a{
display: inline-block;
padding: 0px 16px;
height: 38px;
line-height:38px;
font-size:14px;
overflow: hidden;
text-align: center;
border: 1px #4b505a solid;
background:#4b505a;
color: #adb7be;
margin-left: 5px;
vertical-align: top;
border-radius:3px;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s;
}
.m-page a:hover, .m-page li.thisclass{
display: inline-block;
padding: 0px 16px;
height: 38px;
line-height:38px;
font-size:14px;
overflow: hidden;
text-align: center;
border: 1px #427ce4 solid;
color: #b0b8bd;
margin-left: 5px;
vertical-align: top;
border-radius:3px;
background-color: #427ce4;
color: #fff;
}
/*indexpage*/
.indexb-page {
padding:30px 0 80px 0;
clear:both;
text-align: center;
height: 38px;
line-height: 38px;
}
.pagelist li {
display: inline;
}
.pagelist a{
display: inline-block;
padding: 0px 16px;
height: 38px;
line-height:38px;
font-size:14px;
overflow: hidden;
text-align: center;
border: 1px #4b505a solid;
background:#4b505a;
color: #adb7be;
margin-left: 5px;
vertical-align: top;
border-radius:3px;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s;
}
.pagelist a:hover, .pagelist strong{
display: inline-block;
padding: 0px 16px;
height: 38px;
line-height:38px;
font-size:14px;
overflow: hidden;
text-align: center;
border: 1px #427ce4 solid;
color: #b0b8bd;
margin-left: 5px;
vertical-align: top;
border-radius:3px;
background-color: #427ce4;
color: #fff;
}
/*.arcsearchview.class*/
.so-page{ padding-top:30px; padding-bottom:50px; text-align:center; margin:0 auto;}
.so-page table{text-align:center; margin:0 auto;}
.so-page td a{
height: 30px;
line-height:30px;
font-size:12px;
text-align: center;
background:#4b505a;
color: #adb7be;
border: 1px #4b505a solid;
margin-left: 5px;
border-radius:3px;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s;
padding:2px 12px;
margin-left:10px;
display:block;
float:left;
}
.so-page td a:hover{
height: 30px;
line-height:30px;
font-size:12px;
text-align: center;
border: 1px #427ce4 solid;
color: #fff;
margin-left: 10px;
border-radius:3px;
padding:2px 12px;
margin-left:10px;
background-color: #427ce4;
display:block;
}
.so-page .curckthass{
height: 30px;
line-height:30px;
font-size:12px;
text-align: center;
border: 1px #427ce4 solid;
color: #fff;
margin-left: 5px;
border-radius:3px;
padding:2px 12px;
margin-left:10px;
background-color: #427ce4;
display:block;
}
.tag-page {
padding-top:30px;
clear:both;
text-align: center;
height: 38px;
line-height: 38px;
}
.tag-page li{display:inline;}
.tag-page li a {
display: inline-block;
padding: 0px 16px;
height: 38px;
line-height:38px;
font-size:14px;
overflow: hidden;
text-align: center;
border: 1px #4b505a solid;
background:#4b505a;
color: #adb7be;
margin-left: 10px;
vertical-align: top;
border-radius:3px;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s;
}
.tag-page li a:hover{
background-color: #427ce4;
border: 1px #427ce4 solid;
color: #fff;
}
.tag-page li.thisclass{
display: inline-block;
padding: 0px 16px;
height: 38px;
line-height:38px;
font-size:14px;
overflow: hidden;
text-align: center;
border: 1px #427ce4 solid;
color: #b0b8bd;
margin-left: 10px;
vertical-align: top;
border-radius:3px;
background-color: #427ce4;
color: #fff;
}
/*.arcsearchview.class*/
.k1240{ margin:0 auto;}
.pagelist{ padding-top:30px; text-align:center; margin:0 auto;}
.pagelist table{text-align:center; margin:0 auto;}
.pagelist td{ margin:0px 8px;}
.pagelist td a{
height: 30px;
line-height:30px;
font-size:12px;
text-align: center;
background:#4b505a;
border: 1px #4b505a solid;
color: #adb7be;
margin-left: 5px;
border-radius:3px;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s;
padding:2px 12px;
margin-left:5px;
display:block;
float:left;
}
.pagelist td a:hover{
height: 30px;
line-height:30px;
font-size:12px;
text-align: center;
border: 1px #427ce4 solid;
color: #fff;
margin-left: 5px;
border-radius:3px;
padding:2px 12px;
margin-left:5px;
background-color: #008cdd;
display:block;
}
.pagelist .curckthass{
height: 30px;
line-height:30px;
font-size:12px;
text-align: center;
border: 1px #427ce4 solid;
color: #fff;
margin-left: 5px;
border-radius:3px;
padding:2px 12px;
margin-left:5px;
background-color: #008cdd;
display:block;
}
/*.fengye.class end*/
/* top－－－－but*/
.cd-top {
display: inline-block;
height: 30px;
width: 30px;
position: fixed;
bottom: 40px;
right: 20px;
border-radius:3px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
/* image replacement properties */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: rgba(77, 135, 240, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.cd-top.cd-is-visible {
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
opacity: .5;
}
.no-touch .cd-top:hover {
background-color: #4d87ef;
opacity: 1;
}
.r_titlems{ padding-bottom:30px; padding-top:30px;}
.indexmod_news{ width:1286px; margin:0 auto; padding-bottom:60px;}
.indexmodbox{ width:1320px;}
.news_mokuai{ overflow:hidden; height:100%; width:1286px; padding-top:20px; margin:0 auto; }
.news_mokuai li{width:402px; float:left;display: inline;position:relative;transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out; overflow:hidden;border-radius: 5px; background:#474a51; margin-bottom:20px; margin-right:26px;}
.news_mokuai li:hover .title a{color:#fff}
.news_mokuai li a.thumb_xiaok{display: block;width:402px;height:226px;position:relative;overflow: hidden;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.news_mokuai li a.thumb_xiaok img{display:block;width:402px;margin-bottom:10px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;-webkit-filter: contrast(1.2);filter: contrast(1.2);border-top-left-radius: 5px;border-top-right-radius: 5px;}
.news_mokuai li a.thumb_xiaok:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}
.news_mokuai li a{color:#ccc;}
.news_mokuai li a:hover{column-rule: #fff;}
.news_mokuai li a.thumb_xiaok span{display:inline-block;font-size:12px;position:absolute;color:#fff;}
.news_mokuai li .title{line-height:20px;font-size:14px;height:32px;overflow:hidden; padding-top:12px; text-overflow: ellipsis;white-space: nowrap; padding-left:10px;}
.news_mokuai li span.time{bottom:5px;left:10px}
.news_mokuai li span.view{bottom:5px;right:10px}
.news_mokuai li p.show .fa.icon{border-radius:50%;padding:15px;color:#fff;font-size:40px;position:absolute;left:50%;top:50%;margin-left:-30px;margin-top:-30px;opacity:0;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;transition: all 0.25s linear;-webkit-transform: scale(0.2);-ms-transform: scale(0.2);transform: scale(0.2)}
.news_mokuai li p.show{opacity:0;background:rgba(0,0,0,0.3);position:absolute;top:0;left:0;height:226px;width:402px;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
.news_mokuai li a.thumb_xiaok:hover p.show{opacity:1}
.news_mokuai li .infofix{color:#ccc;font-size:12px;padding-left:10px; padding-bottom:15px; overflow:hidden; height:100%;}
.news_mokuai li .likefr{ float:right; padding-right:10px;}
.news_mokuai li .likefr i{ padding-right:6px;}
.news_mokuai li .catefl{ float:left;}
.news_mokuai li .catefl i{ padding-right:6px;}
.indexmod_news2{margin:0 auto; padding-bottom:60px;}
.modback{ background: #2f3032 url(../images/confetti_wqhed2_o20.png) repeat 50% 50%/1286px 601px;}
.disabled { pointer-events:none; background-color:#ccc!important; }
.qt-model { position:fixed; display:none; top:0; bottom:0; left:0; right:0; z-index:2000; }
.qt-model .model-bg { height:100%; background:#000; opacity:.4; filter:alpha(opacity=40); }
.qt-model .model-content { width:410px; min-height:410px; background-color:#fff; position:absolute; top:50%; left:50%; border-radius:8px; margin:-300px -205px; }
.qt-model .model-logo { width:140px; height:48px; background:url(../images/loginlogo.png) no-repeat; margin:42px auto 30px; }
.qt-model .model-close { position:absolute; font-size:34px; color:#e0e0e0; right:10px; top:-5px; }
.qt-model .model-btn-close { display:block; width:120px; height:40px; background-color:#43b937; font-size:16px; text-align:center; line-height:40px; color:#fff; border-radius:3px; margin:0 auto; }
.model-content .login-alert { line-height:80px; font-size:18px; text-align:center; margin-bottom:50px; }
.model-content .login-title { text-align:center; position:relative; width:270px; height:32px; margin:0 auto; }
.model-content .login-title span { position:relative; width:170px; line-height:normal; display:inline-block; background-color:#fff; font-size:14px; color:#999; text-align:center; z-index:2; }
.model-content .login-title:after { position:absolute; content:' '; width:270px; height:1px; border-top:1px solid #ededed; top:10px; left:0; }
.model-content .text-target { text-align: center; font-size: 16px; text-decoration: none; color:#666666; }
.model-content .text-target a:hover { color:#dd3a40; }
.model-content .login-others { width:382px; padding: 30px 0 40px; margin:0 auto; font-size:0; }
.model-content .login-others .other-logo { margin-right:21px; width:73px; height:73px; display:inline-block; background:url(../images/loginV1.png) no-repeat; }
.model-content .login-others .other-logo.logo-qq { background-position:0 -83px; }
.model-content .login-others .other-logo.logo-wechat { background-position:-82px -83px; }
.model-content .login-others .other-logo.logo-weibo { background-position:-162px -83px; margin-right:0; }
.model-content .login-others .other-logo:hover { text-decoration:none; background-position-y:-168px; }
.model-content .login-text { width:270px; font-size:14px; text-align:center; color:#999; margin:26px auto 0; padding-bottom: 20px; }
.model-content .login-right { position:absolute; right:16px; bottom:24px; text-align:right; }
.model-content .input-inline { width:270px; height:40px; border:1px solid #d7d7d7; position:relative; margin:8px 0 10px 69px; }
.model-content .input-inline .img-captcha { position:absolute; top:0; left:120px; width:150px; }
.model-content .input-inline .img-captcha .img-change { width:100px; height:40px; }
.model-content .input-inline .img-captcha .text-green { display:inline-block; height:40px; line-height:40px; vertical-align:bottom; margin-left:10px; }
.model-content .input-inline .warning-text { display:none; position:absolute; left:0; top:45px; width:180px; font-size:12px; }
.model-content .input-inline .warning-icon { display:inline-block; width:16px; height:16px; background:url(loginV1.png) no-repeat -35px -57px; vertical-align:-3px; margin-right: 4px; }
.model-content .model-submit, .model-content .model-reg { display:block; width:270px; line-height:40px; font-size:16px; color:#fff; height:40px; border-radius:3px; background:#3571db; text-align:center; margin:20px auto 10px; }
.model-content .back-login { font-size:15px; position:absolute; top:16px; left:16px; }
.myinline {
display: inline-block;
margin: 0 27px;
width: 73px;
text-align: center;
}
.myinline span {
display: block;
font-size: 13px;
color: #999;
margin-top: 15px;
}
.rmzt { overflow:hidden; margin:20px auto; }
.rmzt ul { width:1286px; overflow:hidden; height:300px; }
.rmzt li { float:left; margin-right:30px; width:302px; position:relative;}
.home-topic>li:hover .bg-shadow { height: 340px }
.home-topic>li:hover .tit-name { margin-top: 116px; border-bottom: 4px solid #fff }
.home-topic>li>img { width: 100%; height: 100% }
.home-topic .bg-shadow { position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 70px; height: 340px\9\0; -webkit-transition: .6s;
-o-transition: .6s;
transition: .6s;
opacity: .4 \9\0; background: #000 \9\0; -webkit-filter: none \9\0; filter: none \9\0; -ms-filter: none \9\0 }
.home-topic .tit-name-wrap { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; text-align: center }
.home-topic .tit-name-wrap>.tit-name { display: inline-block; width: auto; height: 48px; line-height: inherit; padding: 10px 8px; margin: 186px auto 0; margin: 96px auto 0\9\0; letter-spacing: 2px; -webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.home-topic .tit-name-wrap>.tit-name>span { float: left; height: 24px; line-height: 36px; border-bottom: 0; padding-bottom: 0 }
.home .pop-tit .tit-name { float: left; width: 240px!important }
.home-topic .tit-name-wrap { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; text-align: center }
.home-topic .tit-name-wrap>.tit-name { display: inline-block; width: auto; height: 48px; line-height: inherit; padding: 10px 8px; margin: 186px auto 0; margin: 96px auto 0\9\0; letter-spacing: 2px; -webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.home-topic .tit-name-wrap>.tit-name>span { float: left; height: 24px; line-height: 36px; border-bottom: 0; padding-bottom: 0 }
.home .pop-tit .tit-name { float: left; width: 240px!important }
.bt-body .videobig-box .show-image, .bt-body .videobig-box .video-box-hand, .bt-body .videodesign .videobig-box .video-play { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0 }
.bt-body .videobig-box .shade-box.big .video-title { width: 90% }
.home-topic .tit-name-wrap>.tit-name { margin-top: 250px; font-size: 17px; color:#fff; font-weight:500; }
.rmzt ul { height:310px; }
.tabnr li a:hover { color:#DD3A40; }
.indexmod_news{ }
.gradient-hor-og { background: #ffae12; background: -moz-linear-gradient(left, #ffae12 0, #f07d17 100%); background: -webkit-gradient(linear, left, right, color-stop(0, #ffae12), color-stop(100%, #f07d17)); background: -webkit-linear-gradient(left, #ffae12 0, #f07d17 100%); background: -o-linear-gradient(left, #ffae12 0, #f07d17 100%); background: -ms-linear-gradient(left, #ffae12 0, #f07d17 100%); background: -webkit-gradient(linear, left top, right top, from(#ffae12), to(#f07d17)); background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffae12), to(#f07d17)); background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffae12), to(#f07d17)); background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffae12), to(#f07d17)); background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffae12), to(#f07d17)); background: linear-gradient(to right, #ffae12 0, #f07d17 100%); filter:progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ffae12, endColorstr=#f07d17);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#ffae12, endColorstr=#f07d17)" }
.gradient-ver-og { background: #ffae12; background: -moz-linear-gradient(top, #ffae12 0, #f07d17 100%); background: -webkit-gradient(linear, top, bottom, color-stop(0, #ffae12), color-stop(100%, #f07d17)); background: -webkit-linear-gradient(top, #ffae12 0, #f07d17 100%); background: -o-linear-gradient(top, #ffae12 0, #f07d17 100%); background: -ms-linear-gradient(top, #ffae12 0, #f07d17 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ffae12), to(#f07d17)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffae12), to(#f07d17)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffae12), to(#f07d17)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffae12), to(#f07d17)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffae12), to(#f07d17)); background: linear-gradient(to bottom, #ffae12 0, #f07d17 100%); filter:progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffae12, endColorstr=#f07d17);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffae12, endColorstr=#f07d17)" }
.gradient-ver-wb { opacity: .4 \9\0; background: #000; background: -moz-linear-gradient(top, rgba(0, 0, 0, .4) 0, transparent 100%); background: -webkit-gradient(linear, top, bottom, color-stop(0, rgba(0, 0, 0, .4)), color-stop(100%, transparent)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, .4) 0, transparent 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, .4) 0, transparent 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, .4) 0, transparent 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .4)), to(transparent)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .4)), to(transparent)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .4)), to(transparent)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .4)), to(transparent)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .4)), to(transparent)); background: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0, transparent 100%); filter:progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#000000, endColorstr=#ffffff) alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#000000, endColorstr=#ffffff) alpha(opacity=50)" }
.gradient-ver-bw { background: #000; background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%); background: -webkit-gradient(linear, bottom, top, color-stop(0, rgba(0, 0, 0, .4)), color-stop(100%, transparent)); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%); background: -o-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%); background: -ms-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(transparent)); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent)); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent)); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent)); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent)); background: linear-gradient(to top, rgba(0, 0, 0, .4) 0, transparent 100%); filter:progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#000000, endColorstr=#ffffff);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#000000, endColorstr=#ffffff)" }
.gra-ver-yl { background: #fac364; background: -moz-linear-gradient(top, #fac364 0, #cc953d 100%); background: -webkit-gradient(linear, top, bottom, color-stop(0, #fac364), color-stop(100%, #cc953d)); background: -webkit-linear-gradient(top, #fac364 0, #cc953d 100%); background: -o-linear-gradient(top, #fac364 0, #cc953d 100%); background: -ms-linear-gradient(top, #fac364 0, #cc953d 100%); background: -webkit-gradient(linear, left top, left bottom, from(#fac364), to(#cc953d)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fac364), to(#cc953d)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fac364), to(#cc953d)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fac364), to(#cc953d)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fac364), to(#cc953d)); background: linear-gradient(to bottom, #fac364 0, #cc953d 100%); filter:progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fac364, endColorstr=#cc953d);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#fac364, endColorstr=#cc953d)" }
.pb-head { position: relative; height: 125px; padding-top: 33px; z-index: 8 }
.bt-list li { float: left; height: 302px; margin-right: 26px; position: relative; -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden; margin-bottom: 30px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .15); box-shadow: 0 0 4px rgba(0, 0, 0, .15) }
.bt-list li:nth-child(4n) {
margin-right: 0
}
.seachbox{ width:500px;}
.clearfix{ float:none; clear:both;}
.friend_ship{ width:1286px; margin:0 auto; padding-bottom:10px;}
.friend_title { height: 40px; line-height: 40px; font-size: 12px; color: #2e2e2e; font-family: '微软雅黑', '宋体'; overflow: hidden; border-bottom:1px solid #535353; margin-bottom:10px; }
.friend_title a { float: left; margin-right: 20px; color:#535353; }
.friend_title a.on { color:#7F7F7F; }
.friend_content li { float: left; margin-right: 25px; font-size: 12px; line-height: 25px; height: 25px; }
.friend_content li a:hover { color: #f7d26e; }
/**********************/
._1oc6ULAo {
height: 100%;
display: block;
z-index: 1;
float: left;
position: relative;margin-right: 10px;
}
._3B9Qjkt9 {
height: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
position: relative;
-webkit-transition: all .2s ease;
transition: all .2s ease;
color: #505050;
padding: 0 23px;
}
._3B9Qjkt9:before {
width: 0;
height: 0;
border-top: 5px solid #407de9;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
bottom: -4px;
left: 50%;
-webkit-transform: translateX(-50%) scale(0);
transform: translateX(-50%) scale(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
z-index: 1;
}
._3B9Qjkt9:after, ._3B9Qjkt9:before {
content: "";
position: absolute;
-webkit-transition: -webkit-transform .2s ease;
transition: -webkit-transform .2s ease;
transition: transform .2s ease;
transition: transform .2s ease, -webkit-transform .2s ease;
}
._3B9Qjkt9:after, ._3B9Qjkt9:before {
content: "";
position: absolute;
-webkit-transition: -webkit-transform .2s ease;
transition: -webkit-transform .2s ease;
transition: transform .2s ease;
transition: transform .2s ease, -webkit-transform .2s ease;
}
._3B9Qjkt9:after {
width: 100%;
height: 2px;
background-color: #407de9;
bottom: 0;
left: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
._3B9Qjkt9:hover:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
._3B9Qjkt9:hover:before {
-webkit-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
}
._397hreFv {
fill: currentColor;
height: 1em;
}
.X8KkQMnq {
height: 20px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin-right: 7px;
margin-top: 3px;
}
._1MEjBSpd {
padding: 0;
font-size: 12px;
color: #ccc;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
._2TVS9dk3 {
list-style: none;
margin: 0;
padding: 0;
text-transform: none;
position: absolute;
top: 56px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-transform: scaleY(0);
transform: scaleY(0);
opacity: 0;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0
z-index:100;;
}
._1oc6ULAo:focus ._2TVS9dk3, ._1oc6ULAo:hover ._2TVS9dk3, ._2mJlEClB ._2TVS9dk3 {
-webkit-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
}
._1sGsOp8r {
position: absolute;
top: 0;
left: 100%;
min-width: 400px;
height: 100%;
z-index: -1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
opacity: 0;
background-color: #404040;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.vo2zpUY4 {
padding: 30px 0 15px;
min-width: 280px; min-width:180px;
background-color: #292929;
}
._2XqWsW6g {
letter-spacing: 0;
font-size: 10px;
line-height: 14px;
letter-spacing: .075em;
text-transform: uppercase;
display: block;
line-height: 1em;
margin-bottom: 15px;
color: #7c7c7d;
letter-spacing: .14em;
padding: 0 30px;
}
._2XqWsW6g, ._3Y8Ogjru {
font-weight: inherit;
font-style: inherit;
font-weight: 600;
}
._3ok-YihH:before {
content: "";
width: 1px;
background: -webkit-linear-gradient(top, transparent 20px, #484848 0, #484848 calc(100% - 20px), transparent calc(100% - 20px));
background: linear-gradient(180deg, transparent 20px, #484848 0, #484848 calc(100% - 20px), transparent calc(100% - 20px));
margin-right: -31px;
margin-left: 30px;
}
._2XqWsW6g, ._3Y8Ogjru {
font-weight: inherit;
font-style: inherit;
font-weight: 600;
}
._3Y8Ogjru {
list-style: none;
margin: 0;
padding: 0;
letter-spacing: 0;
font-size: 13px;
line-height: 20px;
letter-spacing: .025em;
width: 100%;
}
._1BaMfKX4:first-of-type {
margin-top: -5px;
}
._2AtoUIfS {
padding: 6px 30px;
color: #aeaeaf;
display: block;
}
._2AtoUIfS:before {
content: "";
width: 7px;
height: 7px;
background-color: #383838;
border: 1px solid #484848;
margin-left: -4px;
display: inline-block;
border-radius: 50%;
margin-right: 10px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
._2AtoUIfS:focus, ._2AtoUIfS:hover, .cFbcoVQo ._2AtoUIfS {
color: #fff;
text-decoration: underline;
}
._2AtoUIfS:focus:before, ._2AtoUIfS:hover:before, .cFbcoVQo ._2AtoUIfS:before {
/*background-color: #0057ff;
border-color: #0057ff;*/
background-color: #407de9;
border-color: #407de9;
}
._3qAIG2Ww {
position: absolute;
top: 0;
left: 100%;
background-color: #404040;
background-image: url('browse-menu--background.png');
background-position: 100%;
background-repeat: no-repeat;
background-size: 250px auto;
min-width: 400px;
padding: 30px 30px 65px;
min-height: 472px;
}
._1BaMfKX4 ._3AulicOj {
visibility: hidden;
opacity: 0;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
._1BaMfKX4:focus ._3AulicOj, ._1BaMfKX4:hover ._3AulicOj, .cFbcoVQo ._3AulicOj {
visibility: visible;
opacity: 1;
-webkit-transition: all .1s ease-in-out .2s;
transition: all .1s ease-in-out .2s;
}
.SdvCfKae {
font-weight: inherit;
font-style: inherit;
letter-spacing: 0;
font-size: 10px;
line-height: 14px;
font-weight: 600;
letter-spacing: .075em;
text-transform: uppercase;
display: block;
line-height: 1em;
margin-bottom: 15px;
color: #7c7c7d;
letter-spacing: .14em;
}
._3vfrqt3J {
list-style: none;
margin: 0;
padding: 0;
display: block;
}
._3fEK4i_z {
font-weight: inherit;
font-style: inherit;
letter-spacing: 0;
font-size: 10px;
line-height: 14px;
font-weight: 600;
letter-spacing: .075em;
text-transform: uppercase;
position: absolute;
bottom: 30px;
letter-spacing: .14em;
color: #fff;
line-height: 11px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
._1RSlJJO-, ._3vfrqt3J a {
padding: 15px 0;
width: 32%;
display: block;
float: left;
color: #fff;
}
.cKdSPeBX {
color: #fff;
}
.cKdSPeBX:hover, ._3vfrqt3J a:hover {
text-decoration: underline;
}
._3ok-YihH {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
._23rfEdWb {
font-weight: inherit;
font-style: inherit;
letter-spacing: 0;
font-size: 10px;
line-height: 14px;
font-weight: 600;
letter-spacing: .075em;
font-size: 9px;
text-transform: uppercase;
display: inline-block;
line-height: normal;
background-color: #f93d66;
color: #fff;
border-radius: 6px;
padding: 2px 4px;
}
._2z0VnGyS {
border-width: 0;
position: relative;
background: inherit;
padding: 0;
}
._1eH36uVn {
background-color: #fff;
margin-left: 5px;
}
._1eH36uVn {
background-color: #fff;
margin-left: 5px;
}
._2z0VnGyS:before {
background: -webkit-linear-gradient(left, #6d47d9, #f93d66);
background: linear-gradient(90deg, #6d47d9, #f93d66);
border-radius: 6px;
z-index: 1;
}
._2z0VnGyS:after, ._2z0VnGyS:before {
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
}
._23XlgirZ {
position: relative;
display: inline-block;
z-index: 3;
color: #fff;
padding: 2px 5px;
}
._2z0VnGyS:after {
background: inherit;
margin: 2px;
border-radius: 4px;
z-index: 2;
}
._2aiYEL1D {
position: absolute;
top: 0;
left: 100%;
background-color: #404040;
background-image: url('browse-menu--background.png');
background-position: 100%;
background-repeat: no-repeat;
background-size: 250px auto;
cursor: default;
min-height: 500px;
min-width: 400px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
padding: 30px 30px 15px;
}
._21xgEZ1h {
background-color: #383838;
}
._2AtoUIfS em {
float: right;
font-weight: 300;
font-size: 12px;
color: #fff;
display: none;
}
._2AtoUIfS:hover em {
display: block;
}
._3iyHGrsv {
background-color: #383838;
}
.search{ margin-left:20px;}
.fr.login a.vip_introduce {
color: #ccc;
font-size: 14px;
position: absolute;
left: -75px;
top: 21px;
width: 100px;
}
.fr.login a.vip_introduce i {
background-position: -606px -60px;
}
.header .login {
margin-right: 14px;
position: relative;
width:160px;
}
.fr.login a.vip_introduce i {
width: 18px;
height: 15px;
display: inline-block;
vertical-align: middle;
background: url(index_icons1.png) no-repeat;
background-position: -606px -60px;
}
.search {
width: 600px;}
@media screen and (min-width: 1500px){
.listmain .search {
width: 910px;
}
}
._1MEjBSpd:after {
content: '';
margin-left: 10px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 4px 3px 0 3px;
border-color: #fff transparent transparent transparent;
}
._1oc6ULAo:after {
content: '';
position: absolute;
top: 50%;
right: 0;
width: 1px;
height: 38px;
margin-top: -19px;
background: #424242;
}
/*********************/
.friend_content a{ color:#929191;}
.friend_content a:hover{ color:#f7d26e;}
.pull-right{ text-align:center;}
.pull-right a.qqqun{ margin-top:10px; border:1px solid #7d7d7d; background:none; width:96px;}
.main .input-inline input, .model-content .input-inline input {
border: 0;
outline: none;
font-size: 14px;
line-height: 40px;
width: 268px;
height: 38px;
text-indent: 8px;
}
#fkid .layui-layer-btn .layui-layer-btn0{background-color:#407de9;border-color:#407de9;}
#fkid .layui-layer-btn a {
height: 28px;
line-height: 28px;
margin: 5px 5px 0;
padding: 0 15px;
border: 1px solid #dedede;
background-color: #fff;
color: #333;
border-radius: 2px;
font-weight: 400;
cursor: pointer;
text-decoration: none;
}
#fkid .layui-layer {
-webkit-overflow-scrolling: touch;
top: 150px;
left: 0;
margin: 0;
padding: 0;
background-color: #fff;
-webkit-background-clip: content;
border-radius: 2px;
box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
#fkid .layui-layer-title {
padding: 0 80px 0 20px;
height: 42px;
line-height: 42px;
border-bottom: 1px solid #eee;
font-size: 14px;
color: #333;
overflow: hidden;
background-color: #F8F8F8;
border-radius: 2px 2px 0 0;
}
#fkid .layui-layer-btn-l {
text-align: left;
}
#fkid .layui-layer-btn .layui-layer-btn0 {
color: #fff;
}
#fkid .layui-layer-btn {
text-align: left;
padding: 0 15px 12px;
pointer-events: auto;
user-select: none;
-webkit-user-select: none;
}
#detail_report {display:inline-block; color:#999; float:left; border:none; padding:0; font-size:13px;}
#detail_report:hover{color:#666}
#detail_report i{background:url(index_icons.png) no-repeat -168px -272px; display:inline-block; vertical-align:middle; width:20px; height:20px ; margin-right:3px;}
#show-detail{ padding-bottom:20px;}
/*举报*/
.detail_report{background:#fff;width:368px;padding:10px 18px 8px;}
.detail_report li{ line-height:36px; font-size:16px; color:#666; }
.detail_report li label{cursor:pointer;}
.detail_report li input[type="radio"]{ margin-right:5px; }
.detail_report .report_form{ margin:10px 0 0 0 ;}
.detail_report .report_form textarea{ width:360px; height:80px; border-radius:3px; border:1px solid #ddd; padding:10px;}
.myinline{display:inline-block;margin:0 27px;width:73px;text-align:center;}
.myinline span{display:block;font-size:13px;color:#999;margin-top:15px;}
.toolbar .qiandaou a i {
background-position: -25px -185px;
}
.m-page a:hover, .m-page span.cpage {
display: inline-block;
padding: 0px 16px;
height: 38px;
line-height: 38px;
font-size: 14px;
overflow: hidden;
text-align: center;
border: 1px #427ce4 solid;
color: #b0b8bd;
margin-left: 5px;
vertical-align: top;
border-radius: 3px;
background-color: #427ce4;
color: #fff;
}
/*************/
.result-wrapper .classify-nav {
height: 46px;
line-height: 45px;
padding: 0;
background-color: #262626;
}
.result-wrapper .classify-nav ul {
height: 56px;
padding-top: 9px
}
.classify-nav .nav-list {
width: 90px;
text-align: center;
border-right: 1px solid #262626;
font-size: 14px;
color: #666;
float: left;
position: relative
}
.classify-nav .nav-list a {
width: 100%;
height: 100%;
display: inline-block;
text-align: center
}
.classify-nav .nav-list ol {
position: absolute;
background-color: #262626;
z-index: 3;
border-top: 1px solid #262626;
display: none
}
.classify-nav .nav-list:hover ol {
display: block
}
.classify-nav .nav-list ol li {
width: 120px;
height: 42px;
margin-left: 0;
text-align: center
}
.classify-nav .nav-list ol.colorcard li {
width: 428px;
height: 40px;
}
.classify-nav .nav-list ol li a {
padding: 0;
text-align: center;
line-height: 42px;
font-size: 14px
}
.classify-nav .nav-list ol.colorcard li a {
line-height: 0
}
.classify-nav .nav-list ol li:hover {
background-color: #262626;
background-image: none
}
.classify-nav .nav-list ol li:hover a {
color: #f7d26e
}
.classify-nav .nav-list span {
color: #999
}
.classify-nav .nav-list i {
display: inline-block;
width: 14px;
height: 16px;
background: url(../images/common2.png) -127px -22px no-repeat
}
.classify-nav .nav-list.on i {
background-position: -222px -24px
}
.flow-box {
padding-top: 82px
}
.qt-footer-default {
background-color: #fff
}
.classify-colorCard .color-tag {
width: 418px;
height: 28px;
padding: 0;
padding-left: 18px;
}
.classify-nav .nav-list ol.colorcard .color-tag li {
width: 28px;
height: 18px
}
.result-wrapper .colorcard .classify-colorCard {
padding: 0
}
.result-wrapper .bread-crumbs .crumbs-handle>a {
height: 20px;
line-height: 20px
}
.result-wrapper .classify-main {
margin-top: 6px
}
.result-wrapper .classify-inline li {
margin-bottom: 10px
}
.classify-nav .setting-position {
font-size: 14px;
color: #888;
padding-left: 52px;
padding-right: 12px
}
.setting-border {
display: inline-block;
border: 1px solid #e8e8e8;
padding: 3px 0;
height: 36px;
line-height: 28px
}
.result-wrapper .classify-nav .page-btn {
width: 34px;
height: 24px;
line-height: 24px;
color: #888
}
.result-wrapper .classify-nav .page-btn:hover {
color: #f7d26e
}
.setting-border .page-up {
border-right: 1px solid #e8e8e8
}
.setting-border .page-down {
margin-left: -4px
}
.result-wrapper .classify-nav .classify-pages.addcolor {
color: #888
}
.yang-unfold {
width: 65px;
display: block;
float: left;
font-size: 12px;
position: absolute;
top: 9px;
right: 0;
display: none
}
.yang-unfold i {
width: 20px;
height: 20px;
vertical-align: -5px;
margin-left: 7px;
background: url(../images/yang-toggles.jpg) no-repeat 0 -21px;
display: inline-block
}
.yang-unfold i.yang-click {
background-position-y: 0
}
#cate_type {
height: auto;
width: auto
}
#cate_type a:hover {
color: #f7d26e
}
.yang-append-con1 {
margin-top: 20px;
position: relative;
z-index: 1;
overflow: hidden
}
.yang-append-con1 a {
padding-top: 8px;
line-height: 19px;
height: 25px;
display: block;
float: left;
margin-right: 30px;
font-size: 13px
}
.yang-append-con1 a:hover {
color: #f7d26e
}
.yang-append-con2 {
position: absolute;
top: 9px;
left: 10px
}
.yang-class {
max-width: 1488px;
min-width: 940px;
height: 40px;
overflow: hidden;
position: relative
}
.yang-class ul {
float: left;
padding-left: 40px;
max-width: 1480px;
min-width: 960px;
padding-right: 160px;
margin-bottom: 10px
}
.yang-class ul li {
float: left;
height: 30px;
margin-left: 26px;
position: relative;
z-index: 1
}
.yang-class ul li.on a {
color: #f7d26e
}
.yang-class ul li span {
width: 100%;
height: 40px;
display: block;
position: absolute;
z-index: 10;
top: 0;
left: 0;
cursor: pointer
}
.yang-check i {
background: url(../images/icon25.png) 1px -110px
}
.yang-class ul li a {
font-size: 14px;
line-height: 38px
}
.yang-class ul li i {
width: 16px;
height: 16px;
display: block;
float: left;
border: 1px solid #d3d3d3;
margin-top: 11px;
margin-right: 5px
}
.yang-class ul li:hover a {
color: #f7d26e
}
.yang-class ul li:hover i {
border: 1px solid #f7d26e
}
.yang-class strong {
font-weight: 700;
display: block;
height: 25px;
font-size: 14px;
position: absolute;
left: 10px;
top: 9px
}
.yang-class-p1 {
position: absolute;
height: 32px;
top: 7px;
right: 10px;
width: 140px;
z-index: 10;
overflow: hidden
}
.yang-class-p1 a {
width: 62px;
height: 26px;
line-height: 24px;
display: block;
border: 1px solid #ddd;
font-size: 14px;
color: #535353;
text-indent: 24px
}
.yang-class-p1 a.yang-class-a1 {
background: url(../images/icon25.png) no-repeat 6px -38px;
float: left;
display: none;
transition: background-position-y .25s;
-moz-transition: background-position-y .25s;
-webkit-transition: background-position-y .25s;
-o-transition: background-position-y .25s
}
.yang-class-p1 a.yang-class-a1:hover {
background-position-y: -55px;
border: 1px solid #f7d26e;
color: #f7d26e
}
.yang-class-p1 a.yang-class-a2 {
background: url(../images/icon25.png) no-repeat 6px 5px;
float: right;
transition: background-position-y .25s;
-moz-transition: background-position-y .25s;
-webkit-transition: background-position-y .25s;
-o-transition: background-position-y .25s
}
.yang-class-p1 a.yang-class-a2:hover {
background-position-y: -18px;
border: 1px solid #f7d26e;
color: #f7d26e
}
.yang-class-p1 a.yang-class-a5 {
background-position-y: -70px
}
.yang-class-p1 a.yang-class-a5:hover {
background-position-y: -87px
}
.yang-class-p2 {
width: 160px;
clear: left;
margin: 0 auto;
height: 45px;
display: none
}
.yang-class-a3 {
width: 68px;
height: 30px;
display: block;
float: left;
text-align: center;
line-height: 28px;
font-size: 14px;
color: #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
background: -webkit-linear-gradient(left, #1beb71, #10c65b);
background: -moz-linear-gradient(left, #1beb71, #10c65b);
background: -webkit-gradient(linear, left top, right top, from(#1beb71), to(#10c65b));
background: linear-gradient(left, #1beb71, #10c65b)
}
.yang-class-a6 {
background: #e5e5e5;
color: #ccc;
cursor: default
}
.yang-class-a4 {
width: 68px;
height: 30px;
border: 1px solid #f7d26e;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
float: left;
text-align: center;
line-height: 28px;
font-size: 14px;
color: #f7d26e;
background: #f0fff5;
margin-left: 20px
}
.yang-class {
max-width: 1488px;
min-width: 940px;
height: 40px;
overflow: hidden;
position: relative
}
.yang-class ul {
float: left;
padding-left: 40px;
max-width: 1480px;
min-width: 960px;
padding-right: 160px;
margin-bottom: 10px
}
.yang-class ul li {
float: left;
height: 30px;
margin-left: 26px;
position: relative;
z-index: 1
}
.yang-class ul li.on a {
color: #f7d26e
}
.yang-class ul li span {
width: 100%;
height: 40px;
display: block;
position: absolute;
z-index: 10;
top: 0;
left: 0;
cursor: pointer
}
.yang-check i {
background: url(../images/icon25.png) 1px -110px
}
.yang-class ul li a {
font-size: 14px;
line-height: 38px
}
.yang-class ul li i {
width: 16px;
height: 16px;
display: block;
float: left;
border: 1px solid #d3d3d3;
margin-top: 11px;
margin-right: 5px
}
.yang-class ul li:hover a {
color: #f7d26e
}
.yang-class ul li:hover i {
border: 1px solid #f7d26e
}
.yang-class strong {
font-weight: 700;
display: block;
height: 25px;
font-size: 14px;
position: absolute;
left: 10px;
top: 9px
}
.yang-class-p1 {
position: absolute;
height: 32px;
top: 7px;
right: 10px;
width: 140px;
z-index: 10;
overflow: hidden
}
.yang-class-p1 a {
width: 62px;
height: 26px;
line-height: 24px;
display: block;
border: 1px solid #ddd;
font-size: 14px;
color: #535353;
text-indent: 24px
}
.yang-class-p1 a.yang-class-a1 {
background: url(../images/icon25.png) no-repeat 6px -38px;
float: left;
display: none;
transition: background-position-y .25s;
-moz-transition: background-position-y .25s;
-webkit-transition: background-position-y .25s;
-o-transition: background-position-y .25s
}
.yang-class-p1 a.yang-class-a1:hover {
background-position-y: -55px;
border: 1px solid #f7d26e;
color: #f7d26e
}
.yang-class-p1 a.yang-class-a2 {
background: url(../images/icon25.png) no-repeat 6px 5px;
float: right;
transition: background-position-y .25s;
-moz-transition: background-position-y .25s;
-webkit-transition: background-position-y .25s;
-o-transition: background-position-y .25s
}
.yang-class-p1 a.yang-class-a2:hover {
background-position-y: -18px;
border: 1px solid #f7d26e;
color: #f7d26e
}
.yang-class-p1 a.yang-class-a5 {
background-position-y: -70px
}
.yang-class-p1 a.yang-class-a5:hover {
background-position-y: -87px
}
.yang-class-p2 {
width: 160px;
clear: left;
margin: 0 auto;
height: 45px;
display: none
}
.yang-class-a3 {
width: 68px;
height: 30px;
display: block;
float: left;
text-align: center;
line-height: 28px;
font-size: 14px;
color: #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
background: -webkit-linear-gradient(left, #1beb71, #10c65b);
background: -moz-linear-gradient(left, #1beb71, #10c65b);
background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(#1beb71), to(#10c65b));
background: linear-gradient(left, #1beb71, #10c65b)
}
.yang-class-a6 {
background: #e5e5e5;
color: #ccc;
cursor: default
}
.yang-class-a4 {
width: 68px;
height: 30px;
border: 1px solid #f7d26e;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
float: left;
text-align: center;
line-height: 28px;
font-size: 14px;
color: #f7d26e;
background: #f0fff5;
margin-left: 20px
}
.title-text i {
color: #10C55B
}
.img-emoticon .img-emoticon-image img {
margin: 0!important
}
.classify-nav .setting-position {
font-size: 14px;
color: #888;
padding-left: 52px;
padding-right: 12px
}
.setting-border {
display: inline-block;
border: 1px solid #e8e8e8;
padding: 3px 0;
height: 36px;
line-height: 28px
}
.result-wrapper .classify-nav .page-btn {
width: 34px;
height: 24px;
line-height: 24px;
color: #888
}
.result-wrapper .classify-nav .page-btn:hover {
color: #f7d26e
}
.setting-border .page-up {
border-right: 1px solid #e8e8e8
}
.setting-border .page-down {
margin-left: -4px
}
.result-wrapper .classify-nav .classify-pages.addcolor {
color: #888
}
.fl {
float: left;
}
.classify-nav .setting-position {
font-size: 14px;
color: #888;
padding:0;
margin:0;
padding-left: 52px;
padding-right: 12px;
line-height:46px;
}
.setting-border {
display: inline-block;
border: 1px solid #e8e8e8;
padding: 3px 0;
height: 36px;
line-height: 28px
}
.result-wrapper .classify-nav .page-btn {
width: 34px;
height: 24px;
line-height: 24px;
color: #888
}
.result-wrapper .classify-nav .page-btn:hover {
color: #f7d26e
}
.setting-border .page-up {
border-right: 1px solid #e8e8e8
}
.setting-border .page-down {
margin-left: -4px
}
.result-wrapper .classify-nav .classify-pages.addcolor {
color: #888
}
.links-ship {
margin-top: 40px;
border-top: 1px solid #e3e3e3
}
.links-ship .nav-ship {
padding-top: 15px
}
.links-ship .nav-ship h3 {
margin-right: 15px
}
.links-ship .nav-ship h3.on a, .links-ship .nav-ship h3:hover a {
color: #888
}
.links-ship .nav-ship a {
color: #cbcaca;
font-size: 14px
}
.links-ship .ship-box {
margin-top: 20px
}
.links-ship .ship-box ul {
display: none;
overflow: hidden
}
.links-ship .ship-box ul:first-child {
display: block
}
.links-ship .ship-box li {
float: left;
margin-right: 15px;
margin-bottom: 10px
}
.links-ship .ship-box a {
color: #cbcaca
}
.links-ship .ship-box a:hover {
color: #f7d26e
}
.classify-colorCard ul {
padding: 5px 0 0 11px
}
.color-tag li {
float: left;
display: inline;
padding: 1px
}
.classify-colorCard ul a {
background-repeat: no-repeat;
-webkit-transition: all .1s;
transition: all .1s;
overflow: hidden;
display: block;
background-image: url(../images/color.png);
width: 28px;
height: 18px;
margin: 0;
padding: 0
}
.rgb_c1 {
background-position: -32px 0
}
.rgb_c2 {
background-position: -64px 0
}
.rgb_c3 {
background-position: -97px 0
}
.rgb_c4 {
background-position: -129px 0
}
.rgb_c5 {
background-position: -160px 0
}
.rgb_c6 {
background-position: -192px 0
}
.rgb_c7 {
background-position: -224px 0
}
.rgb_c8 {
background-position: -256px 0
}
.rgb_c9 {
background-position: -289px 0
}
.rgb_c10 {
background-position: -320px 0
}
.rgb_c11 {
background-position: -352px 0
}
.rgb_c12 {
background-position: -384px 0
}
.rgb_0:hover, .rgb_0on {
background-position: 0 -22px
}
.rgb_c1:hover, .rgb_c1on {
background-position: -32px -22px
}
.rgb_c2:hover, .rgb_c2on {
background-position: -64px -22px
}
.rgb_c3:hover, .rgb_c3on {
background-position: -97px -22px
}
.rgb_c4:hover, .rgb_c4on {
background-position: -129px -22px
}
.rgb_c5:hover, .rgb_c5on {
background-position: -160px -22px
}
.rgb_c6:hover, .rgb_c6on {
background-position: -192px -22px
}
.rgb_c7:hover, .rgb_c7on {
background-position: -224px -22px
}
.rgb_c8:hover, .rgb_c8on {
background-position: -256px -22px
}
.rgb_c9:hover, .rgb_c9on {
background-position: -289px -22px
}
.rgb_c10:hover, .rgb_c10on {
background-position: -320px -22px
}
.rgb_c11:hover, .rgb_c11on {
background-position: -352px -22px
}
.rgb_c12:hover, .rgb_c12on {
background-position: -384px -22px
}
.classify-main { width:1286px; margin:0 auto;}
.result-wrapper .classify-nav li {
margin-left: 10px;
border-radius: 3px;
}
.result-wrapper .classify-nav li a {
line-height: 1;
display: block;
width: 100%;
height: 100%;
padding: 8px 10px;
font-size: 13px;
color: #999;
}
.result-wrapper .classify-nav li.on a,.result-wrapper .classify-nav li a:hover{ color:#f7d26e;}
.fr{ float:right;}
.result-wrapper .classify-nav .classify-pages {
margin-right: 26px;
}
.text-green, .text-green-b {
color: #f7d26e!important;
font-style:normal;
}
.text-blue-b, .text-green-b, .text-orange-b {
font-weight: 700!important;
}
.result-wrapper .classify-nav .page-down, .result-wrapper .classify-nav .page-up {
display: inline-block;
width: 34px;
height: 25px;
vertical-align: -4px;
text-align: center;
line-height: 24px;
font-size: 25px;
}
.result-wrapper .classify-nav .page-down, .result-wrapper .classify-nav .page-up {
display: inline-block;
width: 34px;
height: 25px;
vertical-align: -4px;
text-align: center;
line-height: 24px;
font-size: 25px;
}
#guanggao{ width: 300px;position: fixed;left:5px;top:300px;z-index: 999;float: left; padding-bottom:50px; }
/*通用-右下角浮动置顶 background:#353535;box-shadow: 0 0 6px rgba(168,168,168,0.38); */
.toolbar{ width: 56px;position: fixed;right:34px;bottom:118px;z-index: 301; padding-top:10px; }
.toolbar li a{ width: 54px; font-size: 12px; color: #747474; padding:0 0 5px 0;display: block;text-align: center; position:relative; }
.toolbar li a i{ display:block; width:36px; height:36px; margin:0 auto 5px auto; background:url(index_icons.png) no-repeat; }
.toolbar .kefu a i{ background-position:-76px -182px; }
.toolbar .feedback a i{ background-position:-131px -181px; }
.toolbar .feedback:hover .feedback_box{ display:block;}
.toolbar .back_top a i{ background-position:-183px -182px; }
.toolbar .kefu_box{ width: 140px;height: 160px; position: absolute;top: 20px; left: -140px; background: #fff; border-radius:3px; display:none; }
.toolbar .kefu_box .title{ background:#f6f6f6; border-bottom:1px solid #eee; text-align:left; padding-left:20px; font-size:14px; color:#666; height:36px; line-height:36px; border-radius:3px 3px 0 0 }
.toolbar .kefu_box .kefu_btn{ display:block; width:100px; border:1px solid #ddd; text-align:center;line-height:32px; height:32px; padding:0; border-radius:3px;margin:20px auto 15px auto;}
.toolbar .kefu_box .kefu_btn:hover{border:1px solid #407de9; background:linear-gradient(to right,#407de9 0,#407de9 100%); color:#fff; }
.toolbar .kefu_box .kefu_btn em{ background:url(index_icons.png) no-repeat -345px -414px; margin-right:5px; width:20px; height:29px; display:inline-block; vertical-align:middle; }
.toolbar .kefu_box p{ display:block; clear:both;line-height:18px; color:#999; text-align:left; margin:0 20px;}
.toolbar li:hover .kefu_box{ display:block;}
.toolbar .active_flop{ width:118px; height:60px; background:url(small_pic.png) no-repeat; display:inline-block; position:absolute; top:-80px; right:-24px;-webkit-animation: flop .8s ease infinite 80ms alternate;animation: flop .8s ease infinite 80ms alternate;}
.toolbar .kefu .kefu_box{top: 33px;}
@keyframes flop{from{-webkit-transform:translate(0,8px);transform:translate(0,8px)}to{-webkit-transform:translate(0,-8px);transform:translate(0,-8px)}}
.toolbar .qiandaou a i {
background-position: -22px -181px;
}
/*用户反馈*/
.feedback_box{ width:400px;padding:28px 18px 0;background: #fff;}
.feedback_box dt{ font-size:14px; color:#666; margin-bottom:10px;}
.feedback_box dd{margin-bottom:10px;}
.feedback_box dd textarea{ border:1px solid #ddd; border-radius:3px; min-height:120px; width:400px; padding:10px;}
.feedback_box .feed_input{ width:400px; height:40px; line-height:40px; border:1px solid #ddd; border-radius:3px; font-size:12px; color:#999; padding:0 10px;}
.feedback_box dd a{ height:32px; line-height:32px; padding:0 15px; display:inline-block; margin:5px 10px 0 0;}
.feedback_box .feed_btn{ border-radius:3px; color:#fff; border:1px solid #ffa921; background:#ffa921;}
.feedback_box .cancel_btn{ background:#fff7ea; border:1px solid #f3bc79; border-radius:3px; color:#666}
.pull-right{ font-size:12px; width:120px; text-align:left;}
.search-keyword{ height:40px;}
.search-submit{ top:8px;}
.search-keyword{ width:480px;}
.kang-filters { position:relative;}
.kang-filters.hid{ overflow:hidden; height:30px;}
a.look-more{ line-height:31px; position:absolute; right:10px; bottom:0; height:40px; width:30px; text-align:right;font-size:13px;}
.s-tags{ padding-top:7px;}
.search-submit{ height:20px;width:20px; top:14px;}
.header{ z-index:9999;}