/*
*taojin
*2018-3-3
*/
/*浏览器默认样式重置*/
body,h1,h2,h3,h4,h5,h5,p,ul,ol,dl,dd,pre{
    margin:0;
    padding:0;
}
img{
    vertical-align:middle;
}
i{
    font-style: inherit;
}
body{
    margin:0;
    font:12px "微软雅黑",Arial,Helvetica,sans-serif;
    color:#333;
}
/*设置页面中 a元素的默认样式*/
a{
    color:#333;
    text-decoration:none;
}
a:hover{
    color:#333;
}
/*清除浮动*/
.clear-float:after{
    content:"";
    display:block;
    clear:both;
}
.clear-height{
    content:"";
    display:table;
}
li{
    list-style:none;
}
.main{
    width:100%;
    margin:0 auto;
    background:#ffffff;
}
/*导航条个页面公共样式*/
nav{
	width:100%;
	height:60px;
	background:#333;
	top:0px;
	z-index:999;
    color:#fff;
}
.nav-left{
    float:left;
    width:30%;
}
.nav-left>a{
    margin-left:20px;
}
.nav-left>span>img{
    width: 60px;
    margin-top: -10px;
}
.nav-left .logo-font{
    display: inline-block;
    height:60px;
    line-height: 60px;
    font-size: 20px;
    /*margin-left:10px;*/
}
.nav-middle{
    float:left;
    margin: auto;
    width: 40%;
}
.nav-middle ul{
    font-size:16px;
}
.nav-middle li{
    float:left;
    width: 20%;
   /*  height: 60px; */
    line-height:60px;
    text-align: center;
    cursor: pointer;
}
.nav-middle li a{
    text-decoration:none;
    color:#fff;
    display: inline-block;
    width: 100%;
}
.nav-middle li button{
    height: 60px;
    border: none;
    width: 100%;
}
.btn-none{
	background-color:#333;
}
.btn-chose{
	background-color: #f03;
}
.nav-middle .nav-tab{
    background-color: #ff0033;
}
.nav-right{
    width:30%;
    height: 60px;
    line-height: 60px;
    float:left;
    text-align: right;
    padding-right:40px;
}
/*个人中心*/
.personal-center{
    width:220px;
    height:152px;
    background-color: #fff;
    position: absolute;
    top:60px;
    right:0%;
    z-index: 1000;
    padding:10px;
    color:#000;
    border:1px solid #ddd;
    /*display:none;*/
}
.personal-center .per-logoVip{
    color:#DDB373;
    font-size:16px;
	font-weight:bold
}
.personal-center .per-logoVip-hui{
    color:#8a8a8a;
    font-size:16px;
	font-weight:bold
}
.personal-center .per-logoVip-hui img{
    width:32px;
    margin-left: 5px;
}
.personal-center .per-logoVip img{
    width:32px;
    margin-left: 5px;
}
.personal-center p{
    margin-top:10px;
}
.personal-center .renewVip,
.personal-center .outLogin{
    width:85px;
    border-radius: 5px;
    border:0px;
    height:30px;
    background-color: #fff;
}
.personal-center .renewVip{
    color:#DDB373;
    border:1px solid #DDB373;
}
.personal-center .outLogin{
    border:1px solid #ddd;
    margin-left: 20px;
}
/*三角形*/
.nav-right img{
    width: 100%;
    margin-right:30px;
}
.nav-right .nav-r-con{
    display:inline-block;
    cursor:pointer;
    width:100px;
    height: 60px;
    position: relative;
}
.nav-r-con .corner-top{
    position: absolute;
    top:30px;
    right:14%;
}
.nav-r-con .corner-bottom{
    position: absolute;
    top:25px;
    right:14%;
}
.corner-top{
    display:inline-block;
    width:0;
    height:0;
    border:6px solid transparent;
    border-top-color:#fff;
}
.corner-bottom{
    display:inline-block;
    width:0;
    height:0;
    border:6px solid transparent;
    border-bottom-color:#fff;
}
/*主体部分*/
section{
	width:100%;
}
/*上下滚动 CSS*/
.str_wrap {
    overflow:hidden;
//zoom:1;
    width:100%;
    font-size:12px;
    line-height:16px;
    position:relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    background:#f6f6f6;
    white-space:nowrap;
}

.str_wrap.str_active {
    background:#ddd;
}
.str_move {
    white-space:nowrap;
    position:absolute;
    top:0;
    left:0;
    cursor:move;
}
.str_move_clone {
    display:inline-block;
//display:inline;
//zoom:1;
    vertical-align:top;
    position:absolute;
    left:100%;
    top:0;
}
.str_vertical .str_move_clone {
    left:0;
    top:100%;
}
.str_down .str_move_clone {
    left:0;
    bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
    white-space:normal;
    width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
    cursor:inherit;
}
.str_wrap img {
    max-width:none !important;
}
.liMarquee{
    background-color: #f5f5f5;
    height: 19px;
    overflow: hidden;
    font-size:14px;
}