/* 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;
        display: block !important;
    }
    img.full {
        width: 100%;
    }
    #main img{width: 100%;}
    #main .mainBanner {
        padding: 0.1em 0 0.2em 0;
    }
    #main .mainBanner .w960 .grid2{width: 98%;}
    #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: 98%;
        background-color: white;
    }
    #main .mainBlock .grid3 {
        width: 48%;
    }
    #main .mainBlock .grid4 {
        width: 47%;
        background-color: white;
    }
    #main .mainBlock .grid5 {
        width: 182px;
    }
    #main .mainBlock .grid6 {
        width: 150px;
    }
    .grid_mg{
        margin: 1% 0.8%;
    }
    .mainBlockTop {
        height: auto;
        overflow: hidden;
    }
    .mainBlockTop h3 {
        margin: 0.5em 0 0 0.2em;
        float: none;
        font-size: 2.6em;
        font-weight: normal;
    }
    .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 #000;
        display: inline-block;
        *display:inline;
        *zoom:1;
        padding: 0 6px;
    }
    .mainBlockTop ul.blackColoe li {
        border-right: 1px solid #000000;
    }
    .mainBlockTop ul li a {
        color: #000;
        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: 55px;
        width: 100%;
        background: #fff;
    }
    .mainBlockContent .contentDes .txt {
        padding: 0.2em 0.5em;
        padding-right: 0.8em;
    }
    .mainBlockContent .contentDes h3 {
        font-size: 1.2em;
        margin: 0;
        color: #008DD1;
    }
    .mainBlockContent .contentDes h3.black{
        color: #000;
    }
    .mainBlockContent .contentDes p {
        font-size: 0.9em;
        line-height: 1.3em;
        height: 2.6em;
        margin: 0;
        color: #6D6D6D;
        overflow: hidden;
    }
    .mainBlockContent .price{
        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;
        margin-top: 15px;
    }
    #main #mainBlock02 .mainBlockTop{
        margin-bottom: 0;
    }
    #main .mainBlock .mainBlockBg{
        left: 0;
        top: 0;
        margin-bottom: -100px;
    }
    #main .mainBlock #banner {
        margin: 0px 0 7px 0px;
        color: #fff;
    }
    #main .mainBlock #banner h3 {
        font-size: 1.49em;
        font-weight: normal;
        line-height: 1em;
        margin: 1% 0 1% 0;
        color: #fff;
        height: 1em;
        overflow: hidden;
    }
    #main .mainBlock #banner h4 {
        font-size: 1.16em;
        font-weight: normal;
        line-height: 1.2em;
        margin: 0px;
        color: #fff;
    }
    #main .mainBlock #banner .price {
        font-size: 1.0em;
        line-height: 42px;
        background: #008dd2;
        height: 64px;
        padding: 16px 0 0 8px;
        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: #008DD2;
        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;
    }
    .gotoTop{
        display: none;
    }
    #footer img {
        display: block;
    }
    #footer2 .w960{width: 96%;}
    #footer .w960{width: 98%;}
    #footer1{
        padding: 12px 0;
    }
    #footer2 h3 {
        margin: 0px;
    }
    #footer3 h3 {
        margin: 32px 0 4px 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: 0;}
    #footer_index .grid4 {
        width: 48%;
    }
    #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: 98%;
}
.grid3 {
    width: 48%;
}
.grid4 {
    width: 232px;
}
.grid5 {
    width: 47%;
}
.grid6 {
    width: 152px;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6{margin: 6px 1% 0;}

#search-btn{display: block; position: absolute; right: 10px; top: 10px; height: 42px; width: 40px;}
#search-btn img{width: 100%;}
#shopping-btn{display: block; position: absolute; right: 50px; top: 10px; height: 42px; width: 40px;}
#shopping-btn img{width: 100%;}
#menu-btn{display: block; position: absolute; right: 90px; top: 10px; height: 42px; width: 40px;}
#menu-btn img{width: 100%;}
#menu-block{display: none; position: absolute; top: 60px; z-index: 10000;}
#menu-block ul{display: none; width: 100%; background: #000; position: absolute; top: 0px; margin: 0px;}
#menu-block ul li{border-bottom: 1px solid #2b2b2b; padding: 1em 1em;}
#menu-block ul li.title{text-align: center; position: relative; font-weight: bold;}
#menu-block ul li a{color: #fff;}
#menu-block ul li a.backNav{position: absolute; left: 1em; top: 0.5em; font-weight: normal;}
#logo{position: absolute; left: 0px; background: url(images/mobile_logo.jpg) no-repeat; background-size: cover; width: 135px; height: 60px;margin-top: 0px;}
#logo a{display: none; text-align: left; text-indent: -1000px; overflow: hidden; width: 135px; height: 10%; float: left;}
#headerNavGroup{color: #fff; margin-left: 158px; display: none;}
#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;}
#topRightNav li{display: inline-block; *display: inline; *zoom: 1;}
#topRightNav li a{padding: 0px 8px; border-right: 1px solid #fff; color: #fff;}
#topRightNav li a.last{border: 0px;}
#headerNav{width: 100%; background: #000;}
#headerNav .content{width: 100%; margin: 0px auto; height: 60px; position: relative;}
#headerNav #nav-list{margin-top: 20px; height: 42px; display: none;}
/*kv style*/
#kv{position: relative; overflow: hidden;}
#kv .kvList li{float: left; width: 100%;}
#kvArea .pageList{display: none;}
#kv .kv_button_block .left {background: url("images/btn-left.png") no-repeat; background-size: cover; position: absolute; width: 33px; height: 33px; float: none; left: 0; top: 40%;}
#kv .kv_button_block .right {background: url("images/btn-right.png") no-repeat ; background-size: cover; position: absolute; width: 33px; height: 33px; float: none; right: 0; top: 40%;}
#kv .kv_button_block .left:hover {background: url("images/btn-left-on.png") no-repeat ; background-size: cover; }
#kv .kv_button_block .right:hover {background: url("images/btn-right-on.png") no-repeat ; background-size: cover;}