/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
body{
        font-family: "Microsoft YaHei","Arial","Hiragino Sans GB",Sans-Serif;
        font-size:12px;
        width: 100%;
    }
    img {
        margin: 0;
        _width: auto;
        
    }
    img.full {
        width: 100%;
    }
    #main .mainBanner {
         padding: 0.1em 0 0.2em 0;
    }
    #main .mainBanner img {
        display: block;
    }
    #main .mainBlock{
        background: #f2f2f2;
        height: auto;
        position: relative;
    }
    #main .bg_w {
        background: #fff;
    }
    #main .bg_blue{
        background: #e1eef4;
    }
    .w960 {
        width: 100%;
        margin: 1% auto;
    }
    #main .w960 {
        position: relative;
    }
    #main .mainBlock .grid1 {
        width: 98%;
    }
    #main .mainBlock .grid2 {
        width: 47%;
    }
    #main .mainBlock .grid3 {
        width: 48%;
    }
    #main .mainBlock .grid4 {
        width: 23%;
    }
    #main .mainBlock .grid5 {
        width: 18%;
    }
    #main .mainBlock .grid6 {
        width: 150px;
    }
    .grid_mg{
        margin: 0.5% 0.7%;
    }
    .mainBlockTop {
        height: auto;
        overflow: hidden;
    }
    .mainBlockTop h3 {
        margin: 0.5em 0 0 0.2em;
        float: none;
        font-size: 2.6em;
        font-weight: normal;
        color: #fff
    }
    .mainBlockTop h3.blackColoe {
        color: #3a3a3a;
    }
    .mainBlockTop h3 img {
        margin: 0;
    }
    .mainBlockTop ul {
        list-style: none outside none;
        float: none;
        margin: 0.5em 0;
        font-size: 12px;
    }
    .mainBlockTop ul li {
        border-right: 1px solid #FFFFFF;
        display: inline-block;
        *display:inline;
        *zoom:1;
        padding: 0 6px;
    }
    .mainBlockTop ul.blackColoe li {
        border-right: 1px solid #000000;
    }
    .mainBlockTop ul li a {
        color: #FFFFFF;
        text-decoration: none;
    }
    .mainBlockTop ul li a:hover {
        text-decoration: underline;
    }
    .mainBlockTop ul.blackColoe li a {
        color: #3a3a3a;
    }
    .mainBlockContent {
    }
    .mainBlockContent div {
        position: relative;
        overflow: hidden;
    }
    .mainBlockContent .contentDes{
        bottom: 0;
        left: 0;
        height: 51px;
        width: 100%;
        background: #fff;
    }
    .mainBlockContent .contentDes .txt {
        padding: 0.2em 0.5em;
    }
    .mainBlockContent .contentDes h3 {
        font-size: 1em;
        margin: 0;
        color: #008DD1;
        /*white-space:nowrap;
        text-overflow:ellipsis;
        overflow:hidden;*/
    }
    .mainBlockContent .contentDes h3.black{
        color: #000;
    }
    .mainBlockContent .contentDes p {
        font-size: 0.8em;
        line-height: 1.3em;
        height: 2.6em;
        margin: 0;
        color: #6D6D6D;
        /*white-space:nowrap;
        text-overflow:ellipsis;
        overflow:hidden;*/
    }
    .mainBlockContent .price{
        position: absolute;
        top: 1px;
        left: 1px;
        color: #fff;
        font-size: 10px;
    }
    .mainBlockContent .price span {
        display: block;
        padding: 3px 10px 0 10px;
    }
    .mainBlockContent .price span strong{
        font-size: 14px;
        font-weight: normal;
    }
    .mainBlockContent .price.status{
        height: 28px;
        background: #008dd2;
    }
    .mainBlockContent .price.status_1{
        background: url("images/status_1_pic.jpg") right center no-repeat #008dd2;
        height: 28px;
        padding-right: 30px;
    }
    .mainBlockContent .price.status_2{
        background: url("images/status_2_pic.jpg") right center no-repeat #008dd2;
        height: 40px;
        padding-right: 30px;
    }
    .mainBlockContent .price.status_2 .yuan{
        font-size: 9px;
        text-decoration: line-through;
        padding-top: 3px;
    }
    .mainBlockContent .price.status_2 span{
        padding-top: 0px;
    }
    .mainBlockContent .price.status_3{
        background: url("images/status_3_pic.jpg") right center no-repeat #008dd2;
        padding-right: 30px;
        height: 28px;
    }
    .mainBlockContent .price.status_4{
        height: 28px;
        background: #008dd2;
    }
    #main #mainBlock02{
        height: auto;
        background: #fff;
    }
    #main #mainBlock02 .mainBlockTop{
        /*margin-bottom: 322px;*/
        position: relative;
        width: 960px;
        margin: 0 auto;
        z-index: 1;
    }
    #main .mainBlock .mainBlockBg{
        position: absolute;
        left: 0;
        top: 0;
    }
    
    #main .mainBlock #banner {
         margin: 270px 0 0px 0px;
        color: #fff;
    }
    #main .mainBlock #banner.nokv{
        margin-top: 0px;
    }
    #main .mainBlock #banner .grid1 {
        border: 1px solid #fff;
    }
    #main .mainBlock #banner h3 {
        font-size: 1.49em;
        font-weight: normal;
        line-height: 1em;
        margin: 1% 0 1% 0;
    }
    #main .mainBlock #banner h4 {
        font-size: 1.16em;
        font-weight: normal;
        line-height: 1.2em;
        margin: 0px;
        color: #6D6D6D;
    }
    #main .mainBlock #banner .price {
        font-size: 1.5em;
        line-height: 31px;
        background: #008dd2;
        height: 64px;
        padding: 16px 0 0 18px;
        color:    #fff;
    }
    #main .mainBlock #banner .price span strong {
        font-size: 1.3em;
        font-weight: normal;
        margin: 0px;
    }
    #main .mainBlock #banner .left {
        width: 70%;
    }
    #main .mainBlock #banner .right {
        width: 30%;
    }
    #main .mainBlock #banner .title{
        background: #fff;
        height: 72px;
        padding: 8px 0 0 5px;
    }
    #main .mainBlock #banner.blue .title {
        background: #008dd2;
    }
    #main .mainBlock #banner.blue .price {
        border-left: 1px solid #3fabdc;
    }
    #main .mainBlock #banner.blue h3, #main .mainBlock #banner.blue h4 {
        color: #fff;
    }
    #footer img {
        display: block;
    }
    #footer1{
        padding: 20px 0;
    }
    #footer2 h3 {
        margin: 0px;
    }
    #footer3 h3 {
        margin: 40px 0 12px 0;
    }
    #footer3 .grid4 {
        border-right: 1px solid #bfbfbf;
    }
    #footer3 .logo{
        padding: 9px 0 0 14px;
        float: left;
        width: 100px;
    }
    #footer3 .title{
        font-size: 12px;
        font-weight: normal;
        background: url("images/weibo_share_v.gif") no-repeat right 0 ;
        margin: 0px 0 15px 0;
        padding-right: 25px;
    }
    #footer3 .txt{
        float: left;
        padding-top: 20px;
    }
    #footer4 {
        padding-top: 44px;
    }
    #footer4 p {
        color: #939393;
        margin: 0px;
    }
    #footer_index {
        background: #000;
    }
    #footer_index .w960{margin-bottom: 0px;}
    #footer_index .footerTop h3{
        margin: 34px 0 0 0;
    }
    #footer_index .footerContent{
        border-bottom: 1px solid #9B9B9B;
        padding-bottom: 20px;
    }
    #footer_index .footerContent h3 {
        font-size: 12px;
        color: #fff;
        padding-top: 10px;
        margin: 0;
        font-weight: normal;
    }
    #footer_index .footerContent h3 a{
        color: #fff;
    }
    #footer_index .footerContent.pd_t {
        padding-top: 18px;
    }
    #footer_index .footerContent dt{
        padding-top: 2px;
        font-weight: normal;
        color: #fff;
    }
    #footer_index .footerContent dt a{
        color: #fff;
    }
    #footer_index .footerContent dd{
        color: #10A0D5;
        padding: 10px 0 0;
        margin: 0px;
    }
    #footer_index .footerContent dd a{
        color: #10A0D5;
    }
    #footer_index .footerNav {
        margin: 20px 0 0 4px;
        list-style: none outside none;
        font-size: 12px;
    }
    #footer_index .footerNav li {
        display: inline-block;
        *display:inline;
        *zoom:1;
        padding-right: 20px;
    }
    #footer_index .footerNav a {
        color: #fff;
    }
    #footer_index .footer_bottom {
        margin: 20px 0 40px 4px;
    }
    #footer_index .footer_bottom .footerNav{
        margin: 0;
    }
    #footer_index .footer_bottom .copyright{
        color: #fff;
    }
    #footer_index .icp {
        color: #696969;
        text-align: center;
        height: 5.8em;
    }
    #footer_index .cert {
        text-align: center;
    }
    #footer_index .cert img{
        display: inline !important
    }
    #newsList{
        list-style: none outside none;
        padding: 0;
        margin: 5px 0 0 0;
    }
    #newsList li{
        height: auto;
        line-height: 1.2em;
        padding-bottom: 8px;
        overflow: hidden;
        font-size: 1em;
    }
    #newsList li .date {
        color: #939393;
        float: none;
        display: block;
        width: auto;
    }
    #newsList li a {
        color: #000000;
    }
    .grid_h1 {
        height: auto;
    }
    .grid_h2 {
        height: auto;
    }
    .grid {
        border: 1px solid #e9e9e9;
    }
    .pd_t {
        padding-top: 12px;
    }
    /* 3 COLUMN GRID */
    .g1 {width:31.333%}
    .g2 {width:64.667%;}
    .g3 {width:98.0%}
.grid1 {
    width: 98%;
}
.grid2 {
    width: 47.5%;
}
.grid3 {
    width: 47%;
}
.grid4 {
    width: 23%;
}
.grid5 {
    width: 18%;
}
.grid6 {
    width: 152px;
}
/*hide add*/
#menu-btn{display: none;}
#menu-block{display: none;}
#logo{position: absolute; left: 0px;}
#logo,#logo a{display:block; height: 47px; width: 138px; float: left; margin: 25px 0px 0px 4px;}
#logo a{background: url(images/logo.png) no-repeat; text-indent: -1000px; overflow: hidden; margin: 0px;}
#headerNavGroup{color: #fff; margin-left: 130px;}
#headerNavGroup #userLoginBlock a{color: #26a8e2; padding: 0px 5px;}
#topNav{border-bottom: 1px solid #262626; height: 18px; line-height: 18px; padding: 8px 0px; margin-left: 30px;font-size: 0.9em;}
#topRightNav{ margin-right: -4px;}
#topRightNav li{ display: inline;}
#topRightNav li a{padding: 0px 8px; border-right: 1px solid #fff; color: #fff;display: inline-block; *display: inline; *zoom: 1;}
#topRightNav li a.last{border: 0px; color: #26A8E2;}
#headerNav{width: 100%; background: #000;}
#headerNav .content {height: 98px;margin: 0 auto;position: relative;width: 98%;z-index:3;}
#headerNav #nav-list{margin-top: 20px; margin-left: 5px; height: 42px;}   
#headerNav #nav-list li{color: #fff;}
#headerNav #nav-list li.sub{position: relative;}
#headerNav #nav-list li.sub.nav,#headerNav #nav-list li.sub.more{padding:0px;} /*11*/
#headerNav #nav-list li.sub .subContent{display: none; position: absolute; background-color: #fff;;}
#headerNav #nav-list li.sub .subContent a{color: #4c4c4c;}
#headerNav #nav-list li.hover >.subContent{display: block;}

#headerNav #nav-list>li{float: left; height: 42px; padding: 0px 1.5%; background: url(images/nav_line.jpg) right 8px no-repeat; line-height: 30px;}/*11*/
#headerNav #nav-list>li#searchBlock{} /*11*/
#headerNav #nav-list>li.last{padding: 0px;}
#headerNav #nav-list>li>.subContent{position: absolute; top: 42px; height: 485px; left: -121px;}/*11*/
#headerNav #nav-list>li>.subContent>ul{position: relative; padding: 10px 0px; margin: 0 6px;}
#headerNav #nav-list-01,#headerNav #nav-list-02,#headerNav #nav-list-03,#headerNav #nav-list-04{ font-size: 14px; color: #fff;}/*11*/
#headerNav #nav-list-01{background: url(images/dot_down_black.jpg) no-repeat 92px 15px; float: left; width: 90px; height: 42px; padding-left: 25px;}/*11*/
#headerNav #nav-list .nav.hover #nav-list-01{background: url(images/dot_down_blue.jpg) no-repeat 92px 15px;  color: #000;}/*11*/
#headerNav #nav-list .nav.hover { background: #fff; color: #000;}/*11*/
#headerNav #nav-list-02{width: 85px; height: 42px; float: left; }/*11*/
#headerNav #nav-list-03{float: left; width: 78px; height: 42px; text-align: center;}
#headerNav #nav-list .more.hover #nav-list-03, #headerNav #nav-list .more.hover{background: #fff; color: #000;}
#headerNav #nav-list li.sub_2{width: 224px; position: static; border-bottom: 1px solid #f5f5f5;}
#headerNav #nav-list li.sub_2.hover{width: 229px;}
#headerNav #nav-list li.sub_2>a{display: block; padding: 6px 25px; line-height: 16px; display: block; background: url(images/dot.jpg) 194px center no-repeat;}
#headerNav #nav-list li.sub_2>a:hover{color: #009cd5; background: #f9f9f9 url(images/dot2.jpg) 194px center no-repeat;}
#search-input{padding: 0px; margin: 0px; border: 0px; height: 26px; text-indent: 1em; color: #787878; width:11em;border-radius:0; font-family: "Microsoft YaHei"}
#btn-go{border-radius:0;width: 30px; height: 26px; display: block; background: url(images/top_tmp_05.jpg) right center no-repeat #fff; border: 0px;}
#headerNav #nav-list li.sub .secondSub{top: 0px; left: 229px; width: 590px; background: #F9F9F9; height: 485px;}
#headerNav #nav-list li.sub .secondSub h2 a {display: inline-block; *zoom:1; *display:inline;}
#headerNav #nav-list li.sub .secondSub h2{padding: 20px 0px 15px; margin: 0px 20px; border-bottom: 1px solid #bbbbbb; font-size:24px;}
#headerNav #nav-list li.sub .secondSub .subContentList{margin: 15px 20px;}
#headerNav #nav-list li.sub .secondSub .subContentList.pop_colum_2 .sub { width: 46%;}
#headerNav #nav-list li.sub .secondSub .subContentList .sub .d1 { float: left; width: 100%;}
#headerNav #nav-list li.sub .secondSub .subContentList .sub .d2 { float: left; width: 50%;}
#headerNav #nav-list li.sub .secondSub .subContentList .sub .d3 { float: left; width: 33%;}
#headerNav #nav-list li.sub .secondSub .subContentList .sub .d4 { float: left; width: 25%;}
#headerNav #nav-list li.sub .secondSub .subContentList .sub .d5 { float: left; width: 20%;}
#headerNav #nav-list li.sub .secondSub .subContentList .sub .d6 { float: left; width: 16%;}
#headerNav #nav-list li.sub .secondSub .subContentList.pop_colum_3 .sub { width: 175px;}
#headerNav #nav-list li.sub .secondSub .subContentList .sub{display: -moz-inline-stack; display: inline-table; zoom: 1; *display: inline; width: 100%;vertical-align: top;}
#headerNav #nav-list li.sub .secondSub .subContentList .sub a{margin-bottom: 6px; display: inline-block; zoom: 1; *display: inline; color: #828282;}
#headerNav #nav-list li.sub .secondSub .subContentList .sub a span{display: inline-block;}
#headerNav #nav-list li.sub .secondSub .subContentList .sub>a{margin-bottom: 9px; color: #4C4C4C; font-weight: bold;}
#headerNav #nav-list li.sub .secondSub .subContentList .sub ul {margin: 0;}
#headerNav #nav-list li.sub .secondSub.more{width: 960px; left: -528px; top: 42px; height: 580px;}
#headerNav #nav-list li.sub .secondSub.more .subContentList{ margin: 15px 5px;}
#headerNav #nav-list li.sub .secondSub.more .subContentList .sub{margin: 0; height: 540px; padding-left: 8px; width:126px;}
#headerNav #nav-list li.sub .secondSub.more .subContentList .sub.last { border: none; width: 108px;}
#headerNav #nav-list li.sub .secondSub.more .subContentList .sub ul { margin-bottom: 13px;}
#headerNav #nav-list li.sub .secondSub.more .subPhoneBlock {width: 930px; margin: 0 15px;}
#headerNav #nav-list li.sub .subLinkList{margin: 0px 20px 15px; border-top: 1px dotted #dfdfdf; padding-top: 15px;}
#headerNav #nav-list li.sub .subLinkList li{float: left; padding-right:20px;}/*20131023j*/
#headerNav #nav-list li.sub .subLinkList li a{display: block; padding-right: 15px; float: left; background: url(images/dot.jpg) right center no-repeat;}
#headerNav #nav-list li.sub .subPhoneBlock{border-top: 1px solid #BBBBBB; margin: 0px 20px; width: 620px; position: absolute; bottom: 0px;}
/*#headerNav.ipad #nav-list li.sub .secondSub .subContentList.pop_colum_4{background-image: none;}
#headerNav.ipad #nav-list li.sub .secondSub .subContentList.pop_colum_2{background-image: none;}
#headerNav.ipad #nav-list li.sub .secondSub .subContentList.pop_colum_3{background-image: none;}*/
#headerNav.ipad #nav-list li.sub .secondSub .subContentList.pop_colum_2 .sub{width: 190px;}
#headerNav.ipad #nav-list li.sub .secondSub .subContentList .sub{margin-right: 0px;}
#headerNav.ipad #nav-list li.sub .secondSub.more .subContentList .sub{border:none;}
#headerNav.ipad #nav-list li.sub .secondSub.more{left: -500px;}
#search-btn{display: none;}
#shopping-btn{display: none;}
/*kv style*/
#kv{position: relative; overflow: hidden;}
#kv .kvList li{float: left; width: 100%;}
#kvArea .pageList{display: none;}
/*search input*/
#s_input{padding-top: 3px;}
#kv .kv_button_block .left {background: url("images/btn-left.png") no-repeat; position: absolute; width: 66px; height: 66px; float: none; left: 0; top: 40%; }
#kv .kv_button_block .right {background: url("images/btn-right.png") no-repeat ; position: absolute; width: 66px; height: 66px; float: none; right: 0; top: 40%; }
#kv .kv_button_block .left:hover {background: url("images/btn-left-on.png") no-repeat;}
#kv .kv_button_block .right:hover {background: url("") no-repeat;}
/*shoppingCart*/
#shoppingCartArea{display: none;}
#shoppingCartArea{width: 475px; background-color: #fff; color: #000; padding: 10px; border: 1px solid #ccc; z-index:150;}
#shoppingCartArea .productImg{width: 50px; float: left; border:1px solid #b5b5b5;}
#shoppingCartArea .info{width: 410px; float: left; margin-left: 10px;}
#shoppingCartBlock{float: right; position: relative; display: inline; margin-top: -20px; color: #fff; z-index:150;}
#shoppingCartBlock>p{margin-bottom: 3px; margin-top: 3px;}
#shoppingCartBlock a{color: #999999;}
#shoppingCartArea{display: none; position: absolute; top: 50px; right: 0px;}
#shoppingCartBlock.hover #shoppingCartArea{display: block;}
#shoppingCartBlock.hoverNun #shoppingCartArea{display: none;}
#shoppingButtonLink{font-size: 0px;}
#shoppingButtonLink *{font-size: 12px;}
#scButton{float: right; background: url(images/shopping_left_bg.jpg) left top no-repeat; font-size: 0px;}
#shoppingCartButton{height: 26px; line-height: 26px; padding: 0px 25px 0px 30px; background: url(images/shopping_right_bg.jpg) right top no-repeat; display: inline-block; *display:inline; *zoom:1; cursor: pointer; font-size: 12px; color: #28a9e2;}
#shoppingCartButton strong{font-weight: bold; color: #1bb0e6;}
#gotoShopping{height: 26px; line-height: 26px; width:50px; float: right; color: #fff; text-align: center; background-color: #26a9e1; color: #fff;}
#gotoShopping:hover{text-decoration: none;}
#shoppingCartBlock a#gotoShopping{color: #fff;}
.cartListBlock .code8d{color: #999999;}
.cartListBlock .modelName{margin-right: 10px;}
.cartListBlock{padding: 10px 0px; border-bottom: 1px dotted #cacaca;}
#gotoCartLine{padding: 15px 0px 5px; text-align: right;}
#gotoCartLine .hasLine{border-bottom: 1px solid #666; padding-bottom: 5px; margin-bottom: 10px;}
#cartBreakLink{margin: 5px 0px;}
#breakLink-line{border-top:1px solid #000; margin-top: 5px; padding-top: 5px;}
.font-blue-w{font-weight: bold; color: #01a8dd;}
#cartTitle{text-align: right;}
#topLine .topLineLink a.shoppingLink{background: url() 0px 0px no-repeat; padding-left: 24px;}
#cartListNumber{text-align: center; padding: 0px 8px;}
.gotoTop {
  display: block;
  padding-top: 30px;
  text-align: right;
}
.gotoTop img{display: inline;margin-right: 20px;}
#main .mainBlock .grid2.right{margin-right: 23px;}
#main #mainBlock02 .mainBlockTop.nokv{
        margin-bottom: 0px;
    }