.fa-gray{
    margin: 0 2px;
    color: #9c9c9c;
}
.fa-orange{
    margin: 2px;
    color: #f40;
}
.vertical-line{
    float: left;
    margin: 0 5px;
    color: #ccc;
}
.a-float-left{
    float: left;
    margin: 0 3px;
}
.fa-loc{
    float: right;
    margin: 10px 5px 0 0;
}
/*top*/
.top-wrapper{
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #eee;
    background-color: #f5f5f5;
}
/*scroll-head*/
.scroll-head{
    height: 35px;
    width: 100%;
}
/*top-info*/
.top-info{
    width: 1190px;
    height: 100%;
    margin: auto;
    /*background: red;*/
}
/*top-left*/
.top-left{
    position: relative;
    float: left;
    width: 30%;
    height: 100%;
    line-height: 35px;
}
/*top-right*/
.top-right{
    position: relative;
    float: right;
    height: 100%;
    line-height: 35px;
}
/*user-name*/
.user-name{
    float: left;
    height: 36px;
    padding: 0 3px;
    text-align: center;
    border-right: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    line-height: 35px;
}
/*down-icon*/
.down-icon{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../../img/arrow.png) no-repeat center center;
}
/*down-icon-circle*/
.down-icon-circle{
    border-radius: 12px;
    background: #f40 url(../../img/arrow.png) no-repeat center;
}
.run-up{
    transition-duration: .5s;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.run-down{
    transition-duration: .5s;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
/*msg-info*/
.msg-info{
    float: left;
    height: 36px;
    padding: 0 3px;
    line-height: 35px;
    border-right: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
}
.user-name:hover{
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    background: #fff;
}
.msg-info:hover{
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    background: #fff;
}
/*nav-hover*/
.nav-hover{
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    background: #fff;
}
/*user-box*/
.user-box,
.msg-box,
.my-taobao-box,
.shopping-box,
.get-box,
.center-box,
.nav-box,
.search-toggle-box,
.search-toggle-box-scroll{
    position: absolute;
    z-index: 99999;
    left: 0;
    top: 35px;
    display: none;
    width: 260px;
    height: 170px;
    border: 1px solid #eee;
    border-top: none;
    overflow: hidden;
    background: #fff;
}
/*msg-box*/
.msg-box{
    left: 73px;
    width: 250px;
    height: 180px;
    box-shadow: 1px 1px 1px #dfdfdf;
}
/*msg-box*/
.msg-box h1{
    position: relative;
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #eee;
    text-align: center;
    line-height: 30px;
}
.pencil{
    position: absolute;
    right: 10px;
    top: 10px;
}
.close-msg{
    margin-left: 85px;
    color: #ddd;
    cursor: pointer;
}
.close-msg:hover{
    color: #f40;
}
.read-info{
    width: 100%;
    height: 110px;
    border-bottom: 1px solid #eee;
}
.read-info p{
    height: 35px;
    line-height: 16px;
    margin-right: 10px;
}
.read-info img{
    float: left;
    margin-left: 10px;
}
/*msg-setting*/
.msg-setting a:first-child{
    margin: 0 10px;
}
/*my-taobao-box*/
.my-taobao-box{
    width: 80px;
    height: 140px;
}
.my-taobao-box li{
    width: 95.5%;
    height: 28px;
    line-height: 28px;
    color: #6C6C6C;
    cursor: pointer;
    padding-left: 4.5%;
}
.my-taobao-box li:hover{
    background: #f3f3f3;
}
/*shopping-box*/
.shopping-box{
    width: 260px;
    padding-left: 30px;
    height: 40px;
    line-height: 40px;
    left: 0px;
}
/*check-shopp*/
.check-shopp{
    padding: 5px 5px;
    background: #f40;
    color: #fff;
}
.check-shopp:hover{
    color: #fff;
}
/*get-box*/
.get-box{
    left: 151px;
    width: 77px;
    height: 58px;
}
.get-box li{
    width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #6C6C6C;
    cursor: pointer;
}
.get-box li:hover{
    background: #f3f3f3;
}
/*center-box*/
.center-box{
    left: 299px;
    width: 90px;
    height: 115px;
}
.center-box li{
    width: 100%;
    height: 28px;
    line-height: 28px;
    color: #6c6c6c;
    text-align: center;
    cursor: pointer;
}
.center-box li:hover{
    background: #f3f3f3;
}
/*nav-box*/
.nav-box{
    left:-163px;
    width: 470px;
    height:200px;
}
/*right-shadow*/
.right-shadow{
    box-shadow: 1px 0 1px #dddddd;
}

.top-sub-nav{ padding:10px;}

/*other-search*/
.other-search{
    clear: both;
    width: 100%;
    height: 30px;
    line-height: 30px;
}
.other-search > a{
    margin-right: 6px;
}
/*more-other*/
.more-other{
    padding: 2px 4px;
    border: 1px solid #eee;
    letter-spacing: 1px;
    margin-left: 3px;
}
.more-other:hover{
    background: #f40;
    color: #fff;
}
/*search-toggle-box*/
.search-toggle-box{
    width: 53px;
    height: 39px;
    padding-left: 19px;
    line-height: 39px;
    text-align: left;
    cursor: pointer;
}
/*.search-toggle-box-scroll*/
.search-toggle-box-scroll{
    top: 29px;
    padding-left: 19px;
    width: 53px;
    height: 30px;
    text-align: left;
    cursor: pointer;
    line-height: 30px;
}
/*my-head*/
.my-head{
    float: left;
    margin: 15px 5px 0 15px;
    border-radius: 80px;
}
/*my-grow*/
.my-grow{
    float: right;
    margin: 5px 0 0 0;
    width: 148px;
    height: 85px;
}
.my-grow > h1{
    float: right;
    margin-right: 8px;
    font-weight: lighter;
}
.my-grow h2{
    line-height: 10px;
}
.my-grow p{
    clear: both;
}
/*my-card*/
.my-card{
    width: 95%;
    height: 55px;
    clear: both;
    margin: 5px auto;
    border-top: 1px solid #eee;
    overflow: hidden;
}
.cards-info{
    margin-top: 10px;
    float: left;
    width: 204px;
    height: 100%;
    overflow: hidden;
}
.cards-info ul{
    width: 410px;
}
.cards-info li{
    float: left;
}

.toggle-box{
    float: right;
    width: 40px;
    height: 100%;
}
/*toggle*/
.toggle{
    margin: 24px auto;
    width: 31px;
    height: 12px;
    border: 1px solid #eee;
}
.arrow-left{
    margin: 0 4px;
    padding-right: 6px;
    border-right: 1px solid #eee;
    cursor: pointer;
}
.arrow-right:hover,
.arrow-left:hover{
    color: #f40;
    cursor: pointer;
}
/**********************top-main*************************/
.top-main{
    margin: 10px auto;
    width:1200px;
    height: 100px;
}
.top-main:after{
    content: '';
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    width: 0;
}
.top-main > img{
    float: left;
}
/*search-wrapper*/
.search-wrapper,
.search-wrapper-scroll{
    float: left;
    margin-top: 20px;
    width: 890px;
    height: 75%;
	margin-left:20px;
}
.search-wrapper{background:url(../../img/tel1.jpg) no-repeat right center;}
.search-wrapper-scroll{
    margin: 0;
	background:url(../../img/tel2.jpg) no-repeat right center;
	width:945px;
    /*height: 29px;*/
}
/*search-box*/
.search-box,
.search-box-scroll{
    position: relative;
    float: left;
    margin-right: 10px;
    width: 674px;
    height: 40px;
    border: 3px solid #f50;
}
.search-box-scroll{
    height: 29px;
}
/*search-toggle*/
.search-toggle,
.search-toggle-scroll{
    float: left;
    width: 72px;
    height: 40px;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #fff;
    line-height: 40px;
    text-align: center;
    background: #f6f6f6;
    cursor: pointer;
}
.search-toggle-scroll{
    height: 29px;
    line-height: 29px;
}
/*search-in*/
.search-in,
.search-in-scroll{
    float: left;
    width: 495px;
    height: 38px;
    padding-left: 10px;
    border: none;
    outline: none;
    background: url(../../img/search.png) no-repeat 98% center,
                url(../../img/s.png) no-repeat 2% center;
				text-indent:15px;
}
.search-in-scroll{
    height: 27px;
    line-height: 27px;
}
/*search-but*/
.search-but,
.search-but-scroll{
    float: right;
    width: 95px;
    height: 40px;
    border: none;
    outline: none;
    font-size: 20px;
    letter-spacing: 5px;
    background: #f50;
    cursor: pointer;
    color: #fff;
}
.search-but-scroll{
    height: 29px;
    line-height: 29px;
}
.hight-search{
    display: inline-block;
    height: 32px;
    line-height: 15px;
    padding-top: 8px;
}
/*two-code*/
.two-code{
    float: right;
    position: relative;
    width: 94px;
    height: 112px;
    text-align: center;
    border: 1px solid #eee;
}
/*close-code*/
.close-code{
    position: absolute;
    top: -1px;
    left: -21px;
    width: 19px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #eee;
    font-size: 14px;
    color: #d8d8d8;
    cursor: pointer;
}
.close-code:hover{
    border-color: #f40;
    background: #f40;
    color: #fff;
}
.two-code > h3{
    margin: 9px 0;
    font-size: 12px;
    text-align: center;
    color: #f40;
}

/******************scroll-search*******************/
.scroll-search{
    display: none;
    position: relative;
    z-index: 8888;
    margin: auto;
    padding-top: 10px;
    clear: both;
    width: 100%;
    height: 42px;
    background: #fff;
    border-bottom: 1px solid #eee;
    box-shadow: 0 2px 2px #eee;
}
.search-litter{
    width: 1200px;
    margin: auto;
}
/*scroll-logo*/
.scroll-logo{
    float: left;
    margin-right:100px;
}


#center_box{ width:1200px; margin:auto;}


/*---搜索下拉选择 样式--*/
.searchselect{ float:left; width:73px; background:#f6f6f6; font-size:12px; height:40px; line-height:40px; text-align:center; border-right:1px solid #ccc;}
.searchselect #type{ width:70px;padding-right:5px; height:40px; display:block; font-size:14px; background:url(../../img/arrow.png) no-repeat 80% center;cursor: pointer;}
.searchselect ul {display: none;z-index:150;overflow-x: hidden;width:72px;position: absolute; border:1px solid #ddd; border-top:none;_margin-left:-40px;*margin-left:-40px;}
.searchselect ul li {float: left;width: 72px;height:30px;text-align:center;}
.searchselect ul li a {float: left;	width:72px;height:30px;}
.searchselect ul li {background: #fff; border-top:1px solid #f1f1f1;}
.searchselect ul li a {	width:72px;color: #666;	line-height:30px;}
.searchselect ul li a:hover {background: #ff9933;color: #fff;text-decoration: none}
.searchselect ul li a.current {color: #666}
.searchselect ul li a.current:hover {color: #fff}
.searchselect ul li.last { border:none;	overflow: hidden;width: 64px;height: 0px;}

/*---搜索下拉选择 样式--*/
.searchselect02{ float:left; width:73px; background:#f6f6f6; font-size:12px; height:28px; line-height:28px; text-align:center; border-right:1px solid #ccc;}
.searchselect02 #type02{ width:70px;padding-right:5px; height:28px; display:block; font-size:14px; background:url(../../img/arrow.png) no-repeat 80% center;cursor: pointer;}
.searchselect02 ul {display: none;z-index:150;overflow-x: hidden;width:72px;position: absolute; border:1px solid #ddd; border-top:none;_margin-left:-40px;*margin-left:-40px;}
.searchselect02 ul li {float: left;width: 72px;height:27px;text-align:center;}
.searchselect02 ul li a {float: left;	width:72px;height:27px;}
.searchselect02 ul li {background: #fff; border-top:1px solid #f1f1f1;}
.searchselect02 ul li a {	width:72px;color: #666;	line-height:27px;}
.searchselect02 ul li a:hover {background: #ff9933;color: #fff;text-decoration: none}
.searchselect02 ul li a.current {color: #666}
.searchselect02 ul li a.current:hover {color: #fff}
.searchselect02 ul li.last { border:none;	overflow: hidden;width: 64px;height: 0px;}