/*common start*/
    .w {
        text-decoration: none;
        width: 1200px;
        cursor: auto;
        filter: auto;
        margin: auto;
    }
    .margin-t10 {
        margin-top: 10px;
    }
    .margin-t20{
        margin-top: 20px;
    }
    .margin-t30{
        margin-top: 30px;
    }
    .w10 { width:10px;}
    .w20 { width:20px;}
    .w30 { width:30px;}
    .w40 { width:40px !important;}
    .w50 { width:50px !important;}
    .w60 { width:60px !important;}
    .w65 { width:65px !important;}
    .w70 { width:70px !important;}
    .w80 { width:80px !important;}
    .w90 { width:90px;}
    .w96 {width: 96px;}
    .w100 { width:100px;}
    .w110 { width:110px;}
    .w120 { width:120px !important;}
    .w130 { width:130px;}
    .w150 { width:150px !important;}
    .w160 { width:160px;}
    .w180 { width:180px;}
    .w200 { width:200px !important;}
    .ml10{margin-left: 10px;}
    .ml20{margin-left: 20px;}
    .G_linear {
        -moz-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    
/*common end*/

/*component start*/
    /* 按钮
    -------------------------------------------*/
    .xx-btn-mini { font: normal 12px/20px "Microsoft Yahei"; color: #777; background-color: #F5F5F5; text-align: center; vertical-align: middle; display: inline-block; height: 20px; padding: 0 10px; margin-right: 2px; border-style: solid; border-width: 1px; border-color: #DCDCDC #DCDCDC #B3B3B3 #DCDCDC; cursor: pointer;}
    .xx-btn:hover.xx-btn-mini { text-decoration: none; color: #333; background-color: #E6E6E6;border-color: #CFCFCF #CFCFCF #B3B3B3 #CFCFCF;}
    .xx-btn { font: normal 14px/20px "Microsoft Yahei"; color: #777; background-color: #F5F5F5; text-align: center; display: inline-block; height: 20px; padding: 4px 16px; border: solid 1px; border-color: #DCDCDC #DCDCDC #B3B3B3 #DCDCDC; cursor: pointer;}
    .xx-btn:hover.xx-btn { text-decoration: none; color: #333; background-color: #E6E6E6; border-color: #CFCFCF #CFCFCF #B3B3B3 #CFCFCF;}
    .xx-btn-mini i, .xx-btn i { margin-right: 4px;}
    .xx-btn-blue, .xx-btn-acidblue, .xx-btn-green, .xx-btn-orange, .xx-btn-red, .xx-btn-black,
    .xx-btn:hover.xx-btn-blue, .xx-btn:hover.xx-btn-acidblue, .xx-btn:hover.xx-btn-green, .xx-btn:hover.xx-btn-orange, .xx-btn:hover.xx-btn-red, .xx-btn:hover.xx-btn-black { color: #FFF ; text-shadow: 0 -1px 0 rgba(0,0,0,0.10);}
    .xx-btn-blue { background-color: #006DCC; border-color: #0062B7 #0062B7 #005299 #0062B7;}
    .xx-btn-acidblue { background-color: #49AFCD; border-color: #429DB8 #429DB8 #37839A #429DB8;}
    .xx-btn-green { background-color: #5BB75B; border-color: #52A452 #52A452 #448944 #52A452;}
    .xx-btn-orange { background-color: #FAA732; border-color: #E1962D #E1962D #BB7D25 #E1962D;}
    .xx-btn-red { background-color: #DA4F49; border-color: #C44742 #C44742 #A33B37 #C44742;}
    .xx-btn-black { background-color: #363636; border-color: #313131 #313131 #282828 #313131;}
    .xx-btn.disable {cursor: not-allowed;}
    .xx-btn:hover.xx-btn-blue { background-color: #0044CC; border-color: #003DB7 #003DB7 #003399 #003DB7;}
    .xx-btn:hover.xx-btn-acidblue { background-color: #2F96B4; border-color: #2A87A2 #2A87A2 #237087 #2A87A2;}
    .xx-btn:hover.xx-btn-green { background-color: #51A351; border-color: #499249 #499249 #3D7A3D #499249;}
    .xx-btn:hover.xx-btn-orange { background-color: #F89406; border-color: #DF8505 #DF8505 #BA6F04 #DF8505;}
    .xx-btn:hover.xx-btn-red { background-color: #BD362F; border-color: #AA312A #AA312A #8E2823 #AA312A;}
    .xx-btn:hover.xx-btn-black { background-color: #222222; border-color: #1F1F1F #1F1F1F #191919 #1F1F1F;}
    .xx-btn:hover.xx-btn.disable{ background-color: #F5F5F5; color: #777; border-color: #CFCFCF #CFCFCF #B3B3B3 #CFCFCF;}

    /* 翻页样式 */
    .pagination{ padding: 2px; float: right; }
    .pagination ul{ margin: 0; padding: 0; font-size: 12px; text-align: left;}
    .pagination ul li {display: inline;list-style-type: none;float: left;padding:0 !important;margin: 0 !important;border:none !important;cursor: default;}
    .pagination li span{font-size: 12px; color: #999; list-style-type: none; display: inline; float: left; padding: 0px 5px; margin: 0px 2px; border: 1px solid #CCC;}
    .pagination li a span , .pagination li a:visited span{ color: #6C92AD; text-decoration: none; border-color: #6C92AD; cursor:pointer;}
    .pagination li a:hover span, .pagination li a:active span{background-color: #f5f5f5;cursor:pointer;}
    .pagination li span.currentpage{color:#FFF;font-weight: bold;background-color: #cfcfcf;border-color: #ccc;}

    /*面包屑导航*/
    .site-crumbs-bar{
        height: 22px;
        padding: 8px 0;
        *word-spacing: -1px/*IE6,7*/;
        text-align: left;
    }

    .site-crumbs-bar span {
        font-size: 12px;
        line-height: 20px;
        font-family: "microsoft yahei";
        color: #9c9c9c;
        display: inline-block;
        *display: inline/* IE6,7*/;
        height: 20px;
        zoom: 1;
    }
    .site-crumbs-bar span.arrow {
        font-family: SimSun;
        font-style: normal;
    }
/*component end*/






/*.site-top start*/
    .site-top {
        width: 100%;
        height: 30px;
        line-height: 30px;
        background: #F1F1F1
    }

    .site-top .w {
        background: #F1F1F1
    }

    .site-top li {
        float: left;
        height: 30px;
        padding: 0 2px;
    }
    .site-top-manage{
    	padding-top: 2px;
    	padding-right: 4px;
    	padding-bottom: 2px;
    	padding-left: 4px;
    	margin-top: 5px;
    	display: block;
    	height: 14px;
    	color: #fff;
    	line-height: 14px;
    	background-color: #b22d00;
    	border-radius: 3px;
    }
    .site-top-manage:hover{
    	color: #fff;
    	background: #f93030;
    }
    .site-top li#ttbar-navs {
        padding: 0 1px 0 2px
    }

    .site-top li#ttbar-navs.hover,.site-top li#ttbar-navs:hover {
        padding: 0 0 0 1px
    }

    .site-top li.dorpdown {
        z-index: 13
    }

    .site-top li.dorpdown:hover {
        padding: 0 1px
    }

    .site-top li.dorpdown:hover .dt {
        background: #fff;
        border: solid #ddd;
        border-width: 0 1px
    }

    .site-top li.hover {
        padding: 0 1px
    }

    .site-top li.hover .dt {
        background: #fff;
        border: solid #ddd;
        border-width: 0 1px
    }

    .site-top li.spacer {
        width: 1px;
        height: 12px;
        margin-top: 9px;
        padding: 0;
        background: #ddd;
        overflow: hidden
    }

    .site-top .dt {
        float: left;
        padding: 0 8px
    }

    .site-top .dd {
        line-height: 24px
    }

    .site-top .dorpdown-layer {
        top: 30px;
        background: #fff;
        border: 1px solid #ddd;
        *left: 1px
    }

    .site-top .ci-right {
        top: 12px;
        right: 8px;
        height: 7px;
        overflow: hidden;
        font: 400 15px/15px consolas;
        color: #6A6A6A;
        transition: transform .1s ease-in 0s;
        -webkit-transition: -webkit-transform .1s ease-in 0s
    }

    .site-top .ci-right s {
        position: relative;
        top: -7px;
        text-decoration: none
    }

    .site-top li:hover .ci-right {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg)
    }

    .site-top .dd-spacer {
        position: absolute;
        top: -7px;
        height: 10px;
        background: #fff;
        overflow: hidden
    }

    .site-top .style-red {
        color: #C81623
    }

    .site-top #ttbar-login {
        margin-right: 10px
    }

    .site-top #ttbar-login .link-login {
        font-family: "verdana,瀹嬩綋"
    }


    .site-top .dt,.site-top .dt {
        width: 49px;
        padding-right: 25px
    }

    .site-top .dd,.site-top .dd {
        width: 82px;
        padding-bottom: 8px
    }

    .site-top #ttbar-atte .item,.site-top #ttbar-serv .item {
        padding-left: 15px
    }

    .site-top #ttbar-atte .dd-spacer,.site-top #ttbar-serv .dd-spacer {
        left: 0;
        width: 82px
    }
    .site-top .dorpdown-item li{
    	height: 30px;
    	padding: 0 9px;
    }
    .site-top #ttbar-navs .dt {
        width: 49px;
        padding-right: 25px
    }

    .site-top #ttbar-navs dl {
        float: left;
        width: 201px;
        padding-left: 20px;
        border-left: 1px solid #ddd
    }

    .site-top #ttbar-navs dl.fore1 {
        border-left: none;
        width: 301px
    }

    .site-top #ttbar-navs dt {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 6px
    }

    .site-top #ttbar-navs .item {
        float: left;
        width: 100px
    }

    .site-top #ttbar-navs .dd-spacer {
        right: 0;
        width: 82px
    }

    .site-top .hover .dorpdown-layer {
        -webkit-transition: all 600ms cubic-bezier(0.23,1,.32,1)
    }
/*.site-top end*/

/*.site-header start*/
    .site-header {
    	height: 100px;
    }
    .site-header .logo {
    	width: 200px;
    	float: left;
    	margin-top: 15px;
    }
    .site-header .logo img {
    	width: 100%;
    }
    .site-header-search {
    	width: 490px;
    	float: left;
    	margin: 21px 0 0 144px;
    	overflow: hidden;
    }
    .site-header-search form {
    	background-color: #fc8e0d;
    	height: 36px;
    	padding: 3px;
    }
    .site-header-search-text {
        line-height: 24px;
        color: #555;
        width: 82%;
        height: 24px;
        float: left;
        padding: 6px 1%;
        border: none 0;
    }
    .site-header-btn {
    	width: 100px;
    	float: right;
    }
    .site-header-search-button {
        font-size: 14px;
        color: #FFF;
        font-weight: 600;
        background-color: #fc8e0d;
        width: 15%;
        height: 39px;
        float: right;
        border: none;
        cursor: pointer;
    }

    .site-header-search-keyword {
    	line-height: 20px;
        color: #999;
        width: 500px;
        height: 20px;
        margin-top: 4px;
        overflow: hidden;
    }
    .site-header-search-keyword ul {
    	font-size: 0;
    	vertical-align: top;
    	display: inline-block;
    }

    .site-header-search-keyword ul li {
        font-size: 12px;
        vertical-align: top;
        letter-spacing: normal;
        word-spacing: normal;
        display: inline-block;
        margin-right: 12px;
    }
    .site-header-btn {
        float: right;
        z-index: 11;
        height: 36px;
        margin-top: 25px;
        margin-right: 65px;
        position: relative;
    }
    .site-header-btn .shopcart {
        width: 75px;
        height: 34px;
        border: 1px solid #DFDFDF;
        padding: 0 28px 0 36px;
        background: #F9F9F9;
        text-align: center;
        line-height: 34px;
        position: relative;
        cursor: default;
        zoom: 1;
        z-index: 1;
    }	

    .site-header-btn .shopcart-icon-right {
    	display: block;
    	position: absolute;
    	overflow: hidden;
        top: 11px;
        right: 10px;
        width: 7px;
        height: 13px;
        overflow: hidden;
        font: 400 13px/13px simsun;
        color: #999;
    }

    .site-header-btn .shopcart-icon-left {
    	display: block;
        position: absolute;
        overflow: hidden;
        top: 9px;
        left: 18px;
        width: 18px;
        height: 16px;
        background: url(../images/common/shopcart.png) 0 -58px no-repeat;
        _background: url(../images/common/shopcart.png) 0 -91px no-repeat;
    }
    .site-header-btn .ci-count {
        position: absolute;
        top: -4px;
        left: 104px;
        display: inline-block;
        padding: 1px 2px;
        font-size: 12px;
        line-height: 12px;
        color: #fff;
        background-color: #c81623;
        border-radius: 7px 7px 7px 0;
        min-width: 12px;
        text-align: center;
    }
    #settleup.hover .shopcart {
        padding-bottom: 2px;
        border-color: #ccc;
        border-bottom: none;
        background-color: #fff;
    }

    #settleup .dorpdown-layer {
        top: 36px;
        right: -41px;
        width: 308px;
        z-index: 0;
    }
    #settleup .dorpdown-layer {
        display: none;
        position: absolute;
        border: 1px solid #ccc;
        background-color: #fff;
        -moz-box-shadow: 1px 2px 1px rgba(0,0,0,.1);
        box-shadow: 1px 2px 1px rgba(0,0,0,.1);
    }
    #settleup.hover .dorpdown-layer {
        display: block;
    }

    #settleup .prompt {
        padding: 10px 15px;
    }
    #settleup .nogoods {
        text-align: center;
        height: 49px;
        line-height: 49px;
        color: #999;
    }

    #settleup-content .smt {
        height: 25px;
        padding: 6px 8px;
        line-height: 25px;
    }
    #settleup-content .smc {
        background: #fff;
        height: auto!important;
        height: 344px;
        max-height: 344px;
        overflow-y: auto;
    }
    #settleup-content {
        position: relative;
        z-index: 2;
        width: 100%;
        background: #fff;
    }
    #settleup-content ul {
        margin-top: -1px;
    }
    #settleup-content li {
        padding: 8px 10px;
        border-top: 1px dotted #ccc;
        overflow: hidden;
        line-height: 17px;
        vertical-align: bottom;
    }
    #settleup-content .p-img {
        float: left;
        width: 50px;
        height: 50px;
        border: 1px solid #ddd;
        padding: 0;
        margin-right: 10px;
        font-size: 0;
    }
    #settleup-content .p-name {
        float: left;
        width: 120px;
        height: 52px;
    }
    #settleup-content .p-detail {
        float: right;
        text-align: right;
    }
    #settleup-content .p-price {
        font-weight: 700;
    }
    #settleup-content .smb {
        padding: 8px;
        background: #F5F5F5;
        _height: 45px;
        _padding-top: 15px;
        _padding-bottom: 0;
    }
    #settleup-content .smb .p-total {
        float: left;
        line-height: 29px;
    }
    #settleup-content .smb a {
        float: right;
        height: 29px;
        padding: 0 10px;
        background: #E4393C;
        color: #fff;
        text-align: center;
        font-weight: 700;
        line-height: 29px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

/*.site-header end*/

/*.site-nav start*/
    .site-nav {
    	height: 44px;
    	min-width: 1200px;
    	background-color: #3a3837;
    	/*border-bottom: 2px solid #2d2a26;*/
		border-bottom:2px solid #c77d40;
    	_overflow: hidden;
    	font-family: "Microsoft YaHei",tahoma,arial,"Hiragino Sans GB","\5b8b\4f53",sans-serif;
    }
    .site-nav-h {
        float: left;
        position: relative;
        z-index: 10;
        width: 210px;
        height: 44px;
        overflow: visible;
    }
    .site-nav-h .arrow {
        position: absolute;
        top: 12px;
        right: 10px;
        font-size: 0px;
        line-height: 0;
        width: 0px;
        height: 0px;
        margin: 8px 4px 0 0;
        border-width: 5px;
        border-color: #FFF transparent transparent transparent;
        border-style: solid dashed dashed dashed;
    }
    .site-nav-h .dt a {
        display: block;
        width: 190px;
        height: 44px;
        padding: 0 10px;
        background: #292928;
        font: 400 15px/44px "microsoft yahei";
        color: #fff;
        text-decoration: none;
    }

    .site-nav-items {
    	float: left;
        position: relative;
        z-index: 2;
    }
    .site-nav-items li {
    	float: left;
    }
    .site-nav-items li:hover {
    	background-color: #2b2b2a;
    }
    .site-nav-items li a {
        height: 44px;
        padding: 0 20px;
        text-align: center;
        text-decoration: none;
        font: 400 15px/44px "microsoft yahei";
        color: #fff;
    }

    .site-nav-h-item .dd-inner {
    	display: none;
    	background: url(../images/common/nav_xianna.jpg) repeat;
    	-moz-opacity: 0.9;
    	opacity: 0.9;
    	color: #fff;
    }
    .site-nav-h-item .dd-inner h2 {
    	padding: 14px;
    }
    .site-nav-h-item .dd-inner img {
    	margin: 0px 0px 0px 10px;
    }
    .site-nav-h-item .dd-inner.hover{
    	display: block;
    }
    .site-nav-h-item .dd-inner .item {
    	height: 85px;
    }
    .site-nav-h-item .dd-inner .item:hover {
    	background-color: #333;

    }
    .site-nav-h-item .dd-inner .item:hover h2{
    	color:#fff;
    	-moz-opacity: 1;
    	opacity: 1;
    }
    .site-nav-h-item .dorpdown-layer {
    	position: absolute;
    	left: 209px;
    	top: 45px;
    	width: 779px;
    	height: 422px;
    	border: 1px solid #b61d1d;
    	background-color: #fff;
    	overflow: hidden;
    }
    .site-nav-h-item .dorpdown-layer.hover {
    	display: block;
    }
    .site-nav-h-item .subitems {
        float: left;
        width: 570px;
        padding: 0 0 1006px 20px;
        margin-bottom: -1000px;
        background: #f7f7f7;
        min-height: 409px;
        _height: 409px;
        _overflow: visible;
    }
    .site-nav-h-item .subitems dl {
        width: 100%;
        overflow: hidden;
        line-height: 2em;
    }

    .site-nav-h-item .subitems dt {
        position: relative;
        float: left;
        width: 54px;
        padding: 8px 30px 0 0;
        text-align: right;
        font-weight: 700;
    }

    .site-nav-h-item .subitems dt i {
        position: absolute;
        top: 13px;
        right: 18px;
        width: 4px;
        height: 14px;
        font: 400 9px/14px consolas;
    }

    .site-nav-h-item .subitems dd {
        float: left;
        width: 480px;
        padding: 6px 0;
        border-top: 1px solid #eee;
    }
    .site-nav-h-item .subitems dd a {
        float: left;
        padding: 0 8px;
        margin: 4px 0;
        line-height: 16px;
        height: 16px;
        border-left: 1px solid #e0e0e0;
        white-space: nowrap;
    }
    .site-nav-h-item .dorpdown-layer .item-brands {
        float: right;
        display: inline;
        width: 168px;
        overflow: hidden;
        margin: 15px 17px 10px 0;
    }
    .site-nav-h-item .dorpdown-layer .item-brands a {
        float: left;
        display: inline;
        margin: 5px 0 0 16px;
    }
/*.site-nav end*/



/*.site-foot start*/
    .site-foot {
    	min-width: 1200px;
        border-top: 1px solid #f5f5f5;
        border-bottom: 1px solid #f2f2f2;
        background-color: #fafafa;
    }
    .site-foot li{
        display: inline-block;
        float: left;
        margin-left: 5px;
        margin-bottom: 10px;
        width: 16%;
        vertical-align: top;
        word-spacing: normal;
        letter-spacing: normal;
        font-size: 9pt;
        zoom: 1;
        text-decoration: none;
        cursor: auto;
        background-color: inherit;
    }
    .site-foot dt {
        margin: 5px 0;
        padding: 10px 5px;
        border-bottom: 1px solid #e6e6e6;
        /*color: #2f2f2f;*/
        font: 1pc/20px "microsoft yahei";
        text-decoration: none;
        cursor: auto;
        background-color: transparent;
    }
    .site-foot dd {
        display: block;
        padding: 2px 5px;
        text-overflow: ellipsis;
        white-space: nowrap;
        font: 9pt/20px "microsoft yahei";
        overflow:hidden;
        clear: both;
        text-decoration: none;
        cursor: auto;
        background-color: transparent;
    }

    .site-foot dl dd a {
        color: #262626;
        text-decoration: none;
        cursor: auto;
    }
    .site-foot dl dd a:hover {
        color: #607D8B;
    }
    .site-foot-info {
    	text-align: center;
    }
/*.site-foot end */



/*客服悬浮 s*/

.skin-box-hover {
	position: fixed;
    bottom: 50%;
    right: 15px;
    width: 53px;
    margin-top: -1px;
    z-index: 100000003;
    _position: relative;
    _zoom: 1;
    text-decoration: none;
    text-align: center;
}

/*.hover-chat-btn {
	position: relative;
    display: block;
    height: 100%;	
    opacity: .70;
    filter: alpha(opacity=70);
    border: 1px solid #e2e2e2;
    background-color: #fff;
    margin-bottom: 5px;
	text-decoration: none;
}*/

.hover-chat-btn:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.skin-box-hover .chat-btn-icon,
.skin-box-hover .chat-btn-txt {
	margin: 10px auto;
}
.skin-box-hover .chat-btn-icon {
	display: block;
	color: #2b6fa6;
}

.skin-box-hover .chat-btn-txt {
	display: block;
	color: #333;
	text-decoration: none;	
}

.skin-box-hover .skin-box-content {
	text-align: center;
}

.hover-chat-li {
	display: none;
    position: absolute;
    bottom: -1px;
    left: -260px;
    width: 260px;
    height: 300px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e2e2e2;
}

.hover-chat-li ul {
    overflow: auto;
    height: 100%;
    padding-bottom: 52px;
}

.hover-chat-li .chat-ul-item {
    position: relative;
    padding: 3px 15px 5px 60px;
    font-size: 0;
    cursor: pointer;
    text-align: left;
    border-bottom: 1px dashed #ccc;
}

.chat-ul-title {
    background: #2b6fa6;
    color: #fff;
    text-align: center;
    padding: 6px;
}

.hover-chat-li .chat-ul-item:hover {
    background: #eee;
}

.hover-chat-li li * {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

.hover-chat-li li img {
    position: absolute;
    left: 15px;
    top: 8px;
    width: 36px;
    height: 36px;
    border-radius: 100%;
}

.hover-chat-li li p,
.hover-chat-li li span {
    margin-top: 4px;
    max-width: 155px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	color:#333;
}

.hover-chat-li li p {
    display: block;
    line-height: 16px;
    font-size: 12px;
    color: #999;
}

.hover-chat-li li .chat-msg-status {
    display: none;
    position: absolute;
    right: 10px;
    bottom: 16px;
    padding: 0 5px;
    height: 16px;
    line-height: 16px;
    border-radius: 16px;
    text-align: center;
    font-size: 10px;
    background-color: #F74C31;
    color: #fff;
}

.hover-chat-li li .chat-msg-status.active {
    display: block;
}

.hover-chat-btn:hover .hover-chat-li {
	display: block;
}

.chat-msg-count {
	position: absolute;
    right: 0;
    padding: 0 5px;
    height: 16px;
    line-height: 16px;
    border-radius: 16px;
    text-align: center;
    font-size: 10px;
    background-color: #F74C31;
    color: #fff;
}

/*客服悬浮 e*/


/*公用margin*/
.margin-r10 { margin-right: 10px;}
.margin-r20 { margin-right: 20px;}
.margin-r30 { margin-right: 30px;}
/*公用margin end*/

/*信息提示 s*/
.msg {
	width: 100%;
	height: 500px;
	font: 35px "microsoft yahei";
	text-align: center;
    line-height: 500px;
}
.msg i {
	font-size: 40px;
}
/*信息提示 e*/