body{margin:0;height:100%;color: #666666;}
body,button,input,select,textarea{font:14px/150% 微软雅黑,Hiragino Sans GB,"\u5b8b\u4f53",sans-serif}
a, address, b, big, blockquote, body, center, cite, code, dd, del, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var {
    margin: 0;
    padding: 0;
}

address,cite,dfn,em,var{font-style:normal}
a{text-decoration:none;color: #666666;}
.fn-clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#photobox{width:100%;height:100%}
#modulebox{margin:0 auto;width:100%;height:100%}
#photobox #container{position:relative;overflow:auto;height:100%;font-size:12px}
.ku-slide-nav{z-index:10}
.user-wdx{font:14px/1.5 "微软雅黑","Helvetica Neue";width:640px; margin:0 auto;position: relative;overflow: hidden;background: #fff}
.user-wdx .ks-overlay-shown .poptrans-height{height:100%}
.user-wdx .ks-overlay-shown .poptrans-width{width:100%}
.user-wdx .ks-overlay-shown .poptrans-tor,.user-wdx .ks-overlay-shown .poptrans-tol{left:0}
.user-wdx .ks-overlay-shown .poptrans-tot,.user-wdx .ks-overlay-shown .poptrans-tob{top:0}
.user-wdx .select-box,.user-wdx .sns-waper{position:absolute;background:url(../images/transparent.gif);cursor:auto}
.user-wdx .ks-dialog,.user-wdx .ks-overlay{position:absolute;top:-9999px;left:-9999px;z-index:5}
.user-wdx .ks-resizable-handler{display:none}
.user-wdx .ks-overlay-hidden,.user-wdx .ks-popup-hidden{visibility:hidden}
.user-wdx .ks-overlay-shown .poptrans-height{height:100%}
.user-wdx .ks-overlay-shown .poptrans-width{width:100%}
.user-wdx .ks-overlay-shown .poptrans-tor,.user-wdx .ks-overlay-shown .poptrans-tol{left:0}
.user-wdx .ks-overlay-shown .poptrans-tot,.user-wdx .ks-overlay-shown .poptrans-tob{top:0}
.user-wdx .ks-overlay-mask-hidden{display:none}
.user-wdx .ks-overlay-shown{visibility:visible}
.user-wdx .ks-overlay-mask-shown{display:block}
.user-wdx .site-nav-fixed{position:fixed}
.user-wdx .next,.user-wdx .prev{z-index:99 !important;}
.user-wdx .ks-anypop,.user-wdx .ks-hotarea{cursor:pointer}
.user-wdx a.con-item,.user-wdx a.nav-item{overflow:hidden}
.user-wdx .oldprice{text-decoration:line-through}
.user-wdx .bottom-sprice{height:50px;font-size:16px}
.user-wdx .bottom-sprice .oldprice{display:block;font-size:12px}
.user-wdx .ks-anypop .bkg{position:relative;display:block;width:100%;height:100%;background-position:center center;background-repeat:no-repeat}
.user-wdx a.bkg{overflow:hidden}
.user-wdx .bkg img.on{display:none}
.user-wdx .oc{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:auto}
.user-wdx .ui-brand-btn{cursor:pointer}
.user-wdx .o-ff,.user-wdx .on{position:absolute;top:0;left:0;display:block}
.user-wdx .ku{-webkit-transition:all 1s ease-in;-moz-transition:all 1s ease-in;-o-transition:all 1s ease-in;transition:all 1s ease-in}
.user-wdx a.abs,.user-wdx a.ku{position:absolute;display:block;background-position:0 50%;text-decoration:none}
.user-wdx .bounce{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.user-wdx .poptrans-width{width:0}
.user-wdx .poptrans-height{height:0}
.user-wdx .poptrans-opacity{opacity:0}
.user-wdx .poptrans-tor{left:-100%}
.user-wdx .poptrans-tol{left:100%}
.user-wdx .poptrans-tot{top:100%}
.user-wdx .poptrans-tob{top:-100%}
.user-wdx .ks-active .poptrans-width,.user-wdx .k-pover:hover .k-cus .poptrans-width,.user-wdx .k-ctive:active .k-cus .poptrans-width{width:100%}
.user-wdx .ks-active .poptrans-tor,.user-wdx .ks-active .poptrans-tol,.user-wdx .k-pover:hover .k-cus .poptrans-tor,.user-wdx .k-pover:hover .k-cus .poptrans-tol,.user-wdx .k-ctive:active .k-cus .poptrans-tor,.user-wdx .k-ctive:active .k-cus .poptrans-tol{left:0}
.user-wdx .ks-active .poptrans-tot,.user-wdx .ks-active .poptrans-tob,.user-wdx .k-pover:hover .k-cus .poptrans-tot,.user-wdx .k-pover:hover .k-cus .poptrans-tob,.user-wdx .k-ctive:active .k-cus .poptrans-tot,.user-wdx .k-ctive:active .k-cus .poptrans-tob{top:0}
.user-wdx a.con-item,.user-wdx a.nav-item{overflow:hidden}
.user-wdx .con-item{position:relative}
.user-wdx .l-none{display:none;opacity:1!important}
.user-wdx .l-none.ks-active,.user-wdx .l-none.z{display:block}
.user-wdx .l-fade{transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;position: absolute!important;}
.user-wdx .l-fade.ks-active,.user-wdx .l-fade.z{opacity:1!important}
.user-wdx .blockdd{min-width:18px;min-height:18px}
.user-wdx .blockdd img{vertical-align:middle}
.user-wdx .blockdd .o-ff{position:absolute;bottom:0;left:0;display:none}
.user-wdx .blockdd:hover .o-ff{display:block}
.user-wdx .k-dd{height:22px;text-align:center;line-height:22px}
.user-wdx .k-dd .dd{display:inline-block}
.user-wdx .k-dd .dd .blockdd{float:left}
.user-wdx .k-dd .dd span{float:left;line-height:26px}
.user-wdx .popitem{position:relative;display:block}
.user-wdx .popitem a.pic{position:relative}
.user-wdx .popitem .mask{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;background-color:#000;}
.user-wdx .popitem .desc{overflow:hidden;height:42px}
.user-wdx .popitem .exinfo{position:relative;z-index:3}
.user-wdx a.popitem .exi_1,.user-wdx a.popitem .exi_3,.user-wdx a.popitem .exi_4{position:absolute;bottom:0;display:block;visibility:hidden;color:#FFF}
.user-wdx a:hover .exi_1,.user-wdx a:hover .exi_3,.user-wdx a:hover .exi_4,.user-wdx a:hover .mask{visibility:visible}
.user-wdx .ku-nav-toggle .nav-item{z-index:2}
.user-wdx .ku-nav-toggle .ks-active.nav-item{z-index:1;visibility:hidden}
.user-wdx .ku-nav-offshow .ks-active.nav-item .o-ff{visibility:visible}
.user-wdx .exi_4,.user-wdx .ext_4 .scount,.user-wdx .ext_4 .sprice{text-align:right}
.user-wdx .ext_4 img{position:absolute;bottom:5px;left:5px}
.user-wdx .ext_4 .scount{margin-left:80px}
.user-wdx .sprice .oldprice{float:right}
.user-wdx .exi_4 .sprice .oldprice{float:left}
.user-wdx .ext_4 .sprice{margin-left:80px;height:75px;font-size:30px}
.user-wdx .ext_4 .sprice .oldprice{float:none;display:block;margin-right:0;font-size:19px}
.user-wdx .followshop{width:67px;height:26px;background:url(http://img14.360buyimg.com/cms/jfs/t5857/78/4691107050/6759/57e5f905/595218b2N80a08cf7.gif) no-repeat scroll 0 0 transparent;cursor:pointer}
.user-wdx .ku-carousel-nav{position:absolute;z-index:4}
.user-wdx .exinfo .desc,.user-wdx .exinfo .scount,.user-wdx .exinfo .sprice{position:relative;padding:0 5px}
.user-wdx .popcomment{position:absolute;overflow:auto;width:300px;height:400px;border:1px solid #EEE;background:#FFF}
.user-wdx .ku-slide-nav{position:absolute;}
.user-wdx .ku-carousel-nav a.nav-item,.user-wdx .ku-slide-nav a.nav-item{position:relative}
.user-wdx .ku-carousel-nav:hover a.nav-item i,.user-wdx .ku-slide-nav:hover a.nav-item em{position:absolute;top:-1px;left:-1px;width:100%;height:100%;border:1px solid #000;background:#000;opacity:.3;filter:alpha(opacity=30)}
.user-wdx .ks-price:hover .open,.user-wdx .ku-carousel-nav a.nav-item:hover i,.user-wdx .ku-slide-nav a.nav-item:hover em{visibility:hidden}
.user-wdx .next,.user-wdx .prev{z-index:5;cursor:pointer}
.user-wdx .abs{position:absolute}
.user-wdx .prev{background:url(http://img10.360buyimg.com/cms/jfs/t5836/247/4698696452/460/1c9601c1/59521933Nb38e894a.gif) no-repeat center left transparent}
.user-wdx .next{background:url(http://img13.360buyimg.com/cms/jfs/t5716/347/4655375460/463/d0b643c7/59521956N796a5de7.gif) no-repeat center right transparent}
.user-wdx .attention_gray{display:block;padding:3px 2px 3px 16px;width:58px;height:18px;background:url(http://img12.360buyimg.com/cms/jfs/t5662/295/4648366291/1853/7d945975/5952199cNabb971da.png)}
.user-wdx .attention_green{display:block;padding:3px 2px 3px 16px;width:58px;height:18px;background:url(http://img13.360buyimg.com/cms/jfs/t6679/202/1476172378/2006/8eee0566/595219beNdc331acb.png)}
.user-wdx .attention_green2{display:block;padding:5px 12px 4px 24px;width:58px;height:18px;background:url(http://img13.360buyimg.com/cms/jfs/t6055/165/3477175093/2068/87144a3f/595219e5N1c09ef7f.png)}
.user-wdx .ui-brand-btn{width:74px;height:22px;color:#000}
.user-wdx .sns-aitaofollow{display:inline-block;width:88px;height:28px;background:url(http://img14.360buyimg.com/cms/jfs/t6457/284/1466688367/2056/98bc7a31/59521a1aN6c5f8e91.png) no-repeat}
.user-wdx .k-popp{position:absolute;top:0;left:0}
.user-wdx .k-pop{position:absolute;top:0;left:0}
.user-wdx .k-pop.ks-active{display:none}
.user-wdx .k-cus{opacity:1!important;visibility:hidden;}
.user-wdx .k-cus.ks-active{visibility:visible;}
.user-wdx .k-pover:hover .k-cus{visibility:visible;}
.user-wdx .k-ctive:active .k-cus{visibility:visible;}
.user-wdx .ku_area{position:relative}
.user-wdx .retractable .key.w120{width:120px}
.user-wdx .retractable .key.w150{width:150px}
.user-wdx .retractable .key:focus{width:100%}
.user-wdx .e-none .con-item{display:none;opacity:1!important}
.user-wdx .e-none .con-item.ks-active{display:block!important}
.user-wdx .masklayer .con-item{display:none}
.user-wdx .masklayer .con-item.ks-active{display:block!important}
.user-wdx .ks-none .con-item{opacity:1!important}
.user-wdx .neon .citem{display:none}
.user-wdx .neon .citem.ks-active{display:block!important}
.user-wdx .ks-none .citem{opacity:1!important}
.user-wdx .z .ztrans-rotate360{animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
.user-wdx .ks-wfdh{position:relative;float:left}
.user-wdx .s-img img{width:100%;height:100%}
.user-wdx .user_sidePanel .J-container{overflow:visible!important}
.user-wdx .user_sidePanel .ks_tb{top:auto!important}
.user-wdx .sns-widget img{display:block}
.user-wdx .jTwoLevel{position:relative}
.user-wdx button,.user-wdx input,.user-wdx textarea{vertical-align:middle}
.user-wdx table{border-collapse:collapse;border-spacing:0}
.user-wdx .fuH{height: 0;}
.user-wdx .fuH.ks-active{height: 100%;}
.user-wdx .fuW{width: 0;}
.user-wdx .fuW.ks-active{width: 100%;}
.user-wdx .ku-title .ku-panl{display: block!important;opacity:1!important;overflow:hidden;}
.user-wdx .ku-title.ks-active .ku-panl{overflow:visible;}
.user-wdx .atrans19.front{z-index:2}
.user-wdx .anypop{position:static;}
.user-wdx .subpanl:hover .htrans-hide,.user-wdx .z .ztrans-hide,.user-wdx:hover .htrans-hide{opacity:0;filter:alpha(opacity=0)}
.user-wdx .opacity0{opacity:0;filter:alpha(opacity=0)}
.user-wdx .opacity1{opacity:.1;filter:alpha(opacity=10)}
.user-wdx .opacity2{opacity:.2;filter:alpha(opacity=20)}
.user-wdx .opacity3{opacity:.3;filter:alpha(opacity=30)}
.user-wdx .opacity4{opacity:.4;filter:alpha(opacity=40)}
.user-wdx .opacity5{opacity:.5;filter:alpha(opacity=50)}
.user-wdx .opacity6{opacity:.6;filter:alpha(opacity=60)}
.user-wdx .opacity7{opacity:.7;filter:alpha(opacity=70)}
.user-wdx .opacity8{opacity:.8;filter:alpha(opacity=80)}
.user-wdx .opacity9{opacity:.9;filter:alpha(opacity=90)}
/*形状*/
#square {
    width: 100px;
    height: 100px;
    background: red;
}
#circle {
    width: 100px;
    height: 100px;
    background: red;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
#triangle {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid red;
}
#trapezoid {
    border-bottom: 100px solid red;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    height: 0;
    width: 100px;
}
#parallelogram {
    width: 100px;
    height: 100px;
    -webkit-transform: skew(20deg);
       -moz-transform: skew(20deg);
         -o-transform: skew(20deg);
    background: red;
}
#star-six {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid red;
    position: relative;
}
#star-six:after {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 100px solid red;
    position: absolute;
    content: "";
    top: 30px;
    left: -50px;
}
#star-five {
   margin: 50px 0;
   position: relative;
   display: block;
   color: red;
   width: 0px;
   height: 0px;
   border-right:  100px solid transparent;
   border-bottom: 70px  solid red;
   border-left:   100px solid transparent;
   -moz-transform:    rotate(35deg);
   -webkit-transform: rotate(35deg);
   -ms-transform:     rotate(35deg);
   -o-transform:      rotate(35deg);
}
#star-five:before {
   border-bottom: 80px solid red;
   border-left: 30px solid transparent;
   border-right: 30px solid transparent;
   position: absolute;
   height: 0;
   width: 0;
   top: -45px;
   left: -65px;
   display: block;
   content: '';
   -webkit-transform: rotate(-35deg);
   -moz-transform:    rotate(-35deg);
   -ms-transform:     rotate(-35deg);
   -o-transform:      rotate(-35deg);

}
#star-five:after {
   position: absolute;
   display: block;
   color: red;
   top: 3px;
   left: -105px;
   width: 0px;
   height: 0px;
   border-right: 100px solid transparent;
   border-bottom: 70px solid red;
   border-left: 100px solid transparent;
   -webkit-transform: rotate(-70deg);
   -moz-transform:    rotate(-70deg);
   -ms-transform:     rotate(-70deg);
   -o-transform:      rotate(-70deg);
   content: '';
}
#heart {
    position: relative;
    width: 100px;
    height: 90px;
    margin-top: 1px;
    margin-left: -4px;
}
#heart:before,
#heart:after {
    position: absolute;
    content: "";
    left: 50px;
    top: 0;
    width: 50px;
    height: 80px;
    background: red;
    -moz-border-radius: 50px 50px 0 0;
    border-radius: 50px 50px 0 0;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
       -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
         -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
}
#heart:after {
    left: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
       -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
         -o-transform-origin: 100% 100%;
            transform-origin :100% 100%;
}
#burst-12 {
    background: red;
    width: 80px;
    height: 80px;
    position: relative;
    text-align: center;
    margin-top: 10px;
    margin-left: 10px;
}
#burst-12:before, #burst-12:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 80px;
    width: 80px;
    background: red;
}
#burst-12:before {
    -webkit-transform: rotate(30deg);
       -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
         -o-transform: rotate(30deg);
}
#burst-12:after {
    -webkit-transform: rotate(60deg);
       -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
         -o-transform: rotate(60deg);
}
#cross {
  background: red;
  height: 100px;
  position: relative;
  width: 20px;
  margin-left: 40px;
}
#cross:after {
  background: red;
  content: "";
  height: 20px;
  left: -40px;
  position: absolute;
  top: 40px;
  width: 100px;
}
.userDefinedArea{margin:0 auto}
.pcnr img{display: block;border: 0;vertical-align: middle;}
.pcnr li{list-style-type:none;}
.panel-content {
  height: auto;
  width: 135px;
  background: #fff;
  position: fixed;
  top: 100px;
  left: 50%;
  margin-left: 345px;
  text-align: center;
  padding-bottom: 10px;
}
.panel-ts {
  width: 135px;
  position: fixed;
  top: 275px;
  left: 50%;
  margin-left: 345px;
  text-align: left;
  color: red;
  font-size: 13px;
  line-height: 16px;
}
.panel-tst {
  width: 155px;
  position: absolute;
  top: 290px;
  left: 50%;
  margin-left: 353px;
  text-align: left;
  color: red;
  font-size: 13px;
  line-height: 16px;
}
.wdx_lunbo .ku-slide-nav{
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  bottom: 0px;
}
.wdx_lunbo .ku-slide-nav span{
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: transparent;
  border-color: #fff;
  border-style: solid;
  border-width: 4px;
  margin-left: 25px;
}
.wdx_lunbo .ku-slide-nav span.ks-active{

  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  border-width: 0px;
}
.ks-price .o-ff, .ks-price:hover .open, .ku-trans-nav .ztouch.ks-active .on.touchide, .ku-trans-nav a.ks-active .on.touchide, .ui-brand-btn .o-ff, .ztouch .o-ff, .ztouch:hover .on.touchide, a .o-ff, a.nav-item:hover i, a:hover .on.touchide {
    visibility: hidden;
    display: block;
}