@charset "UTF-8";
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,a,label,pre,code,form,fieldset,legend,textarea,img,i,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;}  /* 初始化标签在所有浏览器中的margin、padding值 */
ul,ol,li {list-style:none}
input,img,select,textarea,button{vertical-align:middle;border:0 none;outline:0 none;}
button{background: transparent;color: #ffffff;}
body{font:12px/1.5 "Microsoft YaHei","tahoma","arial","SimSun","sans-serif";color: #333333;background: #fff;}
h1,h2,h3,h4,h5,h6{font-size:12px;}
a{color:#333333;text-decoration:none;display: inline-block;}
a:active, a:hover,a:visited,a:focus{text-decoration:none;}
span,i,strong{display: inline-block;}
i{vertical-align: middle;}
html,body{overflow-x: hidden;}
/*清除浮动*/
.clear{clear: both;}
.clearfix:before,.clearfix:after{content: '';display: table;height: 0;visibility: hidden;clear: both;}
.clearfix{overflow: hidden;zoom:100%;}/*解决浮动元素在ie7下margin-bottom失效的问题*/
*html .clearfix{height: 1%;}
/*左浮动 右浮动类*/
.fl{float: left;}
.fr{float: right;}
.main-wrap{width: 100%;}
.row { *width: 100%;}

/*模板1-top-bar*/
#top-bar{height: 30px;background: #e4e2e2;color: #333333;font-size: 12px;}
.top-bar-left{line-height: 30px;}
.top-bar-right a{display: inline-block;height: 12px; line-height: 12px; color: #333333;padding: 0 18px;margin: 9px 0; border-right: 1px solid #999999;}
.top-bar-right a:hover{color: #1050a4;}

/*模板1-header*/
#header{height: 90px;}
/* .logo a img{width: 185px;height: 60px;margin: 15px 0;} */
.logo a img{width: 170px;height: 31px;margin: 30px 0;}
.header-nav-list{padding-top: 31px;}
.header-nav-list .nav-item{float: left;}
.header-nav-list .nav-item>a, .header-nav-list .active p{font-size: 14px;color: #333333;display: inline-block;padding: 0 12px;margin: 0 5px;height: 26px;line-height: 26px;border: 1px solid transparent;position: relative;}
.header-nav-list .active p{cursor: pointer;}
.header-nav-list .active:hover p{border-color: #bebebe;border-bottom-color: #fff;}
.header-nav-list .nav-item>a b, .header-nav-list .active p b{float: right;display: block;width: 1px;height: 14px;background: #999999;position: absolute;right: 0px;top:6px;}
.header-nav-list .active p i{display: inline-block;height: 0px;width: 0px;border: 5px solid;border-color: #6a6a6a transparent transparent transparent ;margin-left: 10px;vertical-align: middle;margin-top: 3px;}
.nav-item ul{border: 1px solid #bebebe;border-top-color: #fff;width: 102px;margin: -2px 5px 0;padding: 10px 0;background: #fff;position: absolute;z-index: 999;height: auto;display: none;}
.header-nav-list .active:hover ul{display: block;}
.nav-item ul li a{font-size: 12px;color: #666666;text-align: center;line-height: 28px;display: inline-block;width: 100%;}
.nav-item ul li a:hover{color: #1050a4;}
.header-nav-list .cart a{display: inline-block;width: 140px;height: 40px;line-height: 40px;background: #e7e8f1;border-radius: 3px;text-align: center;color: #3c3c3f;font-size: 14px;margin-top: -6px;}

/*模板2-top-bar-2*/
#top-bar-2{height: 98px;background: #1050a4;color: #fff;}
.top-bar-2-left a{margin: 33px 0;border-right: 1px solid #ffffff;padding-right: 26px;}
.top-title{font-size: 16px;padding-left: 26px;line-height: 98px;}
.top-bar-2-right a{display: inline-block;height: 12px; line-height: 12px;font-size: 13px; color: #fff;padding: 0 18px;margin: 9px 0; border-right: 1px solid #999999;margin-top: 52px;}

/*模板2-footer*/
#footer{padding: 15px 0 30px;}
#footer p{text-align: center;color: #696969;}

/*personal-center-bar*/
.personal-center-bar{background: #1050a4;height: 140px;}
.personal-head{padding: 25px 0;}
.personal-head span{float: left;height: 90px;}
.personal-head span a{display: inline-block;width: 90px;height: 90px;border-radius: 50%;background: #e8e8e8;}
.personal-head-text{margin-left: 110px;padding-top: 14px;}
.personal-head-text p{color: #fff;font-size: 18px;}
.personal-head-text i{display: inline-block;width: 40px;height: 21px;line-height: 21px;text-align: center;border-radius: 3px;color: #fff;font-size: 12px;font-style: normal;background: #ffb63e;margin-top: 14px;}
.item-nav{padding-top: 48px;z-index: 1;}
.item-nav ul li{float: left;}
.item-nav ul li a{display: inline-block;height: 44px;padding: 0 30px;border-right: 2px solid #87a7d1;color: #fff;font-size: 14px;text-align: center;}
.item-nav ul li a p{line-height: 14px;}
.item-nav ul li a span{padding-top: 12px;}

/*account-data*/
.content{width: 100%; padding: 30px 0 64px;background: #e7e8f1;}
.left-nav{width: 208px;border-right: 3px solid #d9dde2;background: #f5f9fc;}
.left-nav ul{width: 100%;}
.left-nav ul li a{display: inline-block;height: 64px;line-height: 64px;width: 100%;font-size: 14px;color: #222222;padding: 0 12px 0 24px;border-bottom: 1px solid transparent;border-top: 1px solid transparent;}
.left-nav ul li:first-child a:hover, .left-nav ul li:first-child .active{border-top-color: transparent;}
.left-nav ul li a span{border-bottom: 1px solid #979797;display: inline-block;width: 166px;height: 64px;padding-left: 28px;}
.left-nav ul li a:hover, .left-nav ul li .active{border-color: #d9dde2;background: #fff;width: 208px;}
.left-nav ul li a:hover span, .left-nav ul li .active span{border-color: transparent;}
.left-nav ul li a i{display: inline-block;width: 20px;height: 20px;vertical-align: middle;background: url(../images/nav-icon-sprites.png) no-repeat 0 0;margin-right: 14px;}
.left-nav ul li .nav-item-1 i{background-position: 0 0;}
.left-nav ul li .nav-item-2 i{background-position: 0 -27px;}
.left-nav ul li .nav-item-3 i{background-position: 0 -54px;}
.left-nav ul li .nav-item-4 i{background-position: 0 -80px;}
.left-nav ul li .nav-item-5 i{background-position: 0 -111px;}
.left-nav ul li .nav-item-6 i{background-position: 0 -139px;margin-top: 6px;}

/*none-result-message*/
.none-result-message{text-align: center;margin: 120px 320px 120px 250px;border: 1px solid #dbdbdb;border-radius: 20px;line-height: 40px;}
.none-result-message .m1{color: #707070}
.none-result-message .m2{color: #1050a4}
.none-result-message span{font-size: 14px}