*{margin:0;padding:0;outline:none;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,form{margin:0;padding:0;border:0;}
li{list-style:none;}
body{margin-top:0px;color:#555555;background-color:#fafafa;font-size:14px;line-height:18px;font-family:"\5FAE\8F6F\96C5\9ED1",helvetica,arial,sans-serif;}
ul,ol{list-style-type:none;}
a{text-decoration:none;color:#555555;}
a{outline-style:none;text-decoration:none;blr:expression(this.onFocus=this.blur());color:#555555;}/*去掉A虚线框*/
a:hover,a:active,a:focus{color:#555;text-decoration:none;cursor:pointer;}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}
.clear{width:0px;clear:both;overflow:hidden;visibility:hidden;line-height:0;height: 0px;font-size: 0px;margin: 0px;padding: 0px}
.clearfix{display:inline-block;}
.clearfix{display:block;}

a.white{color:#fff;}
.container-fluid{margin:0;padding:0;}

/* top bar */
.top-bar{height:37px;background-color: #eeeeee;min-width:1320px;}
.top-bar-wrap{width: 1320px;margin: 0 auto;}
.left-wrap{float: left; width: 50%;}
.right-wrap{float: right;width: 50%;}
.position,
.user-info{
    display: inline-block;
    *display: inline;
    line-height: 30px;
    color: #666;
}
.user-info{
    margin-left: 40px;
}
.user-info a{
    color: #727272;
    text-decoration: none;
}
.user-info a:hover{
    color: #ff5a00;
}
.user-info a.reg-link{
    color: #727272;
}
.top-links{
    float: right;
}
.top-links li{
    display: inline-block;
    *display: inline;
}
.top-links li:last-child:after{
    content: '';
}
.top-links li:after{
    content: '|';
    display: inline-block;
    *display: inline;
    margin: 0 5px;
    color: #727272;
}
.top-links li a{
    line-height: 30px;
    color: #727272;
}
.top-links li a:hover{
    color: #ff5a00;
}
/* header*/
#header {
    width:1320px;
    margin:0 auto;
    height:143px;
    background-color: #fff;
}
#header .logo{
    float:left;
    width:454px;
    padding: 22px 0 0 10px;
}
#header .search-box{
    width: 436px;
    float: left;
    padding-top: 50px;
}
#header .search{
    display: block;
    background: #f08b6c;
    overflow: hidden;
    height: 38px;
}
#header .search input{
    height: 36px;
    display: block;
    width: 80%;
    float: left;
    margin-top: 1px;
    margin-left: 1px;
    border: none;
    text-indent: 10px;
    line-height: 36px;
    color: #666;
    font-size: 14px;
}
#header .search button{
    display: block;
    width: 19%;
    height: 36px;
    float: right;
    border: none;
    color: #fff;
    font-size: 16px;
    background: #f08b6c;
}
#header .tel{
    float:left;
    padding: 50px 0 0 30px;
    color:#000;
    font-size:18px;
    line-height:38px;
}
#header .tel i{
    color:#ff5a00;
    font-style: normal;
}
/** ---- navigation ------- **/
.nav-wrap{
    width:100%;
    min-width:1320px;
    height:43px;
    background-color: #fe730c;
}
.nav-box{
    width:1320px;
    margin:0 auto;
    height: 43px;
}
.goods-category{
    width: 193px;
    height: 43px;
    float: left;
    background: url(../image/nav.png) repeat-y left;
    position: relative;
    line-height: 43px;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    padding-left:30px;
}
.main-nav{
    width: 1127px;
    float: left;
    overflow: hidden;
    height:43px;
    margin:0;
}
.main-nav li{
    display: inline-block;
    *display: inline;
    text-align: center;
    padding: 12px 0px;
    height: 43px;
    width:112px;
    float:left;
}
.main-nav li p{height:19px;line-height:19px;border-right:1px solid #FFFFFF;}
.main-nav li a{
    font-size: 16px;
    color: #FFFFFF;
    text-decoration:none;
}
.main-nav li a:hover{
    color: #FFFFFF;
}
.main-nav .current{background-color:#ff9c00;}

/* index */
.more-a{float:right;padding:5px 10px 0 0;}
.more-a a{color:#aaaaaa;}
.t-wrap{height:40px;}
.t-wrap .title{float:left;font-size:16px;line-height:16px;color:#ff5a00;padding:10px 16px 10px 0;}
ul.newslist-1{margin:0 10px;}
ul.newslist-1 li{border-bottom: dotted 1px #555555;height:33px;line-height: 33px;overflow:hidden;padding-left:10px;background:url("../image/list-dot.png") no-repeat 2px;}
.m-title{height:40px;color:#3a3a3a;}
.m-title .t{height:40px;line-height:40px;font-size:16px;cursor:pointer;text-align:center;border:1px solid #e2e2e2;border-top:none;border-left:none;float:left;width:140px;}
.m-title .t2{float:left;height:40px;border-bottom:1px solid #e2e2e2;}
.m-title .active{color:#ff5a00;height:40px;border-bottom:none;}
.task-menu{width:193px;float:left;}
.task-menu ul{margin:0;}
.task-menu li{padding-left:33px;border-bottom:1px solid #ffa387;height:35px;line-height: 35px;background-color:#ff6537;}
.task-menu li:hover,.task-menu li.active{background-color:#f45424;}
.task-menu li a{font-size:16px;color: #ffffff;text-decoration:none;}
.task-menu li i{float:right;color: #ffffff;font-style: normal;margin-right:18px;}

.index-box-1{width:1320px;margin:0 auto;height:431px;background-color: #fff;}


.index-box-1 .banner{float:left;margin:5px 7px 0 7px;width:780px;height:415px;}
.index-box-1 .banner .carousel-inner{height:415px;}
.index-box-1 .banner .carousel-inner img{width:780px;height:415px;}
.index-box-1 .info{width:333px;float:left;border:1px solid #e2e2e2;margin-top:5px;height:415px;}
.index-box-1 .info .title{font-size:16px;line-height:16px;color:#ff5a00;padding:10px 16px 10px 0;}
.index-box-1 .info .user{height:175px;padding-left:10px;}
.index-box-1 .info .news{height:240px;border-top:1px solid #e2e2e2;}
.index-box-1 .info .form-horizontal .control-label{color:#555555;font-weight:normal;padding-right:0;}
.index-box-1 .info .form-group{margin-bottom:10px;}
.index-box-1 .info .form-horizontal .btn{background-color:#f08b6c;color:#FFF;border-color:#f08b6c;margin-right:20px;}
.index-box-1 .info .user .login{}
.index-box-1 .info .user .login .head{float: left;width:93px;height:100px;padding:10px;}
.index-box-1 .info .user .login .head img{width:52px;height:52px;}
.index-box-1 .info .user .login .other{float:left;width:200px;}
.index-box-1 .info .user .login .other p{padding:10px 0;}
.index-box-1 .info .user .login .other i{color:#fe730c;font-size:16px;font-style: normal;}
.index-box-1 .info .news{padding-left:10px;}
.index-box-1 .info .news .icon{margin:20px 0 0 10px;}
.index-box-2{width:1320px;margin:0 auto;height:287px;border:1px solid #e2e2e2;background-color: #fff;}
.index-box-2 .table-box{margin:12px 24px;}
.index-box-2 .table th{background-color:#f7f7f7;border:none;}
.index-box-2 .table td{border-style:dotted;}
.index-box-3{width:1320px;margin:10px auto;height:325px;}
.index-box-3 .left{background-color: #fff;width:978px;height:325px;border:1px solid #e2e2e2;float:left;}
.index-box-3 .left .image-box-wrap{margin:12px 10px 10px 12px;}
.index-box-3 .left .image-box li{width:234px;height:262px;float:left;margin-right:6px;}
.index-box-3 .left .image-box li img{width:234px;height:262px;}
.index-box-3 .right{background-color: #fff;margin-left:10px;float:left;width:332px;height:325px;border:1px solid #e2e2e2;padding-left:10px;}
.index-box-4{width:1320px;height:674px;margin:0 auto;}
.index-box-4 .left{background-color: #fff;width:978px;height:674px;border:1px solid #e2e2e2;float:left;}
.index-box-4 .left .title{margin:0 8px;width:962px;height:56px;border-bottom:solid 2px #ff5a00;background:url("../image/icon-star.png") 15px no-repeat;}
.index-box-4 .left .title .text{width:200px;float:left;padding-left:54px;font-size:16px;line-height:56px;color:#ff5a00;}
.index-box-4 .left ul{padding:14px 0 0 0;}
.index-box-4 .left ul li{width:310px;float:left;margin:0 0 25px 14px;}
.index-box-4 .left ul li .img{width:180px;height:180px;float:left;}
.index-box-4 .left ul li .img img{width:180px;height:180px;}
.index-box-4 .left ul li .info{margin-left:7px;width:123px;height:180px;float:left;}
.index-box-4 .left ul li .info .t{font-weight:bold;margin-top:5px;height:36px;}
.index-box-4 .left ul li .info p{margin-bottom:18px;}
.index-box-4 .left ul li .info .detail .btn{background-color:#ff6537;border-color:#ff6537;color:#fff;}
.index-box-4 .right{background-color: #fff;margin-left:10px;float:left;width:332px;height:674px;border:1px solid #e2e2e2;padding-left:10px;}
.index-box-4 .right .img-list{height:200px;}
.index-box-4 .right .img-list li{width:152px;height:60px;float:left;margin:0 8px 7px 0;}
.index-box-4 .right .img-list img{width:152px;height:60px;}
.index-box-4 .right .table-box{margin: 0 10px 0 0;}
.index-box-4 .right .table-box .table{margin-bottom:10px;}
.index-box-4 .right .table td{padding:6px;border-top:none;border-bottom:1px dotted #555555;}
.index-box-4 .right .table td.level{}
.friend-links{width:1320px;margin:15px auto;height:50px;}
.friend-links .left{width:100px;height:50px;float:left;padding-left:10px;}
.friend-links .right{width:1220px;height:50px;float:left;}
.footer-wrap{width:100%;min-width:1320px;height:130px;background-color: #2c2c2c;}
.footer-wrap .footer{width:1320px;height:130px;margin:0 auto;text-align:center;color:#fff;line-height:26px;padding-top:10px;}

.content{background-color: #fff;width:1320px;margin:10px auto;border:1px solid #e2e2e2;padding:10px 70px;}
.content-title{color:#ff9c00;border-bottom:1px solid #ff9c00;padding-left:15px;height:40px;line-height:40px;font-size:16px;}
.content-title2{font-size:24px;line-height:48px;color:#000;text-align:center;}
.regist{width:1100px;margin:40px auto;}
.regist .warning{color:red;font-size:16px;padding:7px 0;}
.regist .control-label{font-weight:normal;}
.regist .warning i{color:#b9b9b9;font-size:14px;font-style:normal;}
.regist .agree{border:1px solid #e2e2e2;color:#8d8d8d;padding:10px;height:150px;overflow: auto;}
.reg-btn{background-color: #ff8933;border-color:#ff8933;color:#fff;}

.content2{background-color: #fff;width:1320px;margin:10px auto;border:1px solid #e2e2e2;}
.content2 .left{width:232px;min-height:400px;border:1px solid #e2e2e2;float:left;}
.content2 .menu{}
.content2 .menu .tab{height:46px;width:230px;background:#ff9c00 url('../image/icon-menu.png') no-repeat 30px 6px;color:#fff;font-size:16px;line-height:46px;padding-left:80px;}
.content2 .menu li{height:46px;text-align:center;line-height:46px;border-bottom:1px solid #e2e2e2;}
.content2 .menu li.active{background-color:#fafafa;}
.content2 .right{width:1075px;float:right;border:1px solid #e2e2e2;padding:0 20px;}
.content2 .right .newslist{margin:10px;}
.content2 .right .newslist li{padding:0 10px;border-bottom: dotted 1px #555555;height:50px;line-height: 50px;list-style:square;list-style-position: inside;}
.content2 .right .newslist li i{float:right;font-style:normal;}

.task-content{background-color: #fff;width:1320px;margin:0 auto 10px auto;}
.task-content .left{float:left;width:193px;}
.task-content .right{float:right;width:1106px;border:1px solid #e2e2e2;margin-top:10px;padding:10px;}
.task-content .right .filter{height:45px;width:1086px;overflow:hidden;}
.task-content .right .filter label{width:80px;float:left;padding-left:10px;line-height:45px;}
.task-content .right .filter ul{width:870px;float:left;padding:10px 0;}
.task-content .right .filter ul li{float:left;margin-left:20px;padding:2px 5px;line-height:20px;}
.task-content .right .filter ul li.active{background-color:#ff6537;color:#fff;}
.task-content .right .filter ul li.active a{color:#fff;}
.task-content .right .task-list{margin:20px;}
.task-content .right .task-list li{height:87px;border-bottom:1px dotted #e2e2e2;}
.task-content .right .task-list li .name{font-weight:bold;padding:15px 0;}
.task-content .right .task-list li .intro{padding:0;color:#828282;}
.task-content .right .task-list li span{padding:0 10px;}
.task-content .status{font-style:normal;}
.task-content .status-1{color:#00a8ff;}
.task-content .status-2{color:#ff3b00;}
.task-content .right .task-list li .level{font-style:normal;color:#828282;font-weight:normal;float:right;}
.task-content .task-info{padding:20px;}
.task-content .task-info .info-name{font-size:24px;line-height:40px;color:#000;}
.task-content .task-info .info-intro{color:#585858;height:25px;line-height:25px;}
.task-content .task-info .info-intro span{padding:0 10px;}
.task-content .task-info .info-intro .level{font-style:normal;float:right;}
.task-content .task-info .info-memo{padding:20px 0;}
.task-content .task-info .info-accept{margin-top:40px;}
.task-content .task-info textarea{background-color:#f5f5f5;}
.task-content .task-info .info-comment{margin-top:30px;}
.task-content .task-info .info-comment li{margin-top:15px;background-color:#f5f5f5;border:1px solid #e2e2e2;padding:2px 20px;color:#000;}
.task-content .task-info .info-comment li p{height:30px;line-height:30px;}
.task-content .task-info .info-comment li p span{padding:0 10px;}
.task-content .task-info .info-comment li p i{font-style:normal;float:right;color:#0090ff;cursor:pointer;}
.task-content .task-info .send-comment{margin-top:20px;}

.my-content{background-color: #fff;width:1320px;margin:10px auto 10px auto;border:1px solid #e2e2e2;}
.my-content .my-menu{float:left;width:255px;}
.my-content .my-menu h1{font-size:18px;height:40px;line-height:40px;color:#fff;background-color:#fe730c;width:100%;padding-left:10px;font-weight:normal;}
.my-content .my-menu ul li{font-size:16px;line-height:45px;height:45px;text-align:center;border-bottom: 1px solid #e2e2e2;}
.my-content .my-menu ul li a.active{color:#fe730c;}
.my-content .my-box{min-height:700px;float:left;border-left:1px solid #e2e2e2;width:1063px;padding:0 10px 20px 10px;}
.my-content .my-box .my-innerbox{padding-top:30px;}

.goods-list{}
.goods-list li{width:180px;float:left;margin:20px 0 0 24px;}
.goods-list .img,.goods-list .img img{width:180px;height:180px;}
.goods-list p{height:28px;line-height:28px;}

.goods-info{height:540px;margin:20px 0 0 10px;}
.goods-info .goods-images{width:420px;float: left;}
.goods-info .large-image{width: 420px; height: 420px;  border: 1px #e1e1e1 solid;  text-align: center;  background: #fff;  }
.large-image img{width:418px;height:418px;  }
.small-images{
    height: 77px;
    margin: 20px 0;
    overflow: hidden;
}
.small-images ul{
    overflow: hidden;
    margin-left: -8px;
}
.small-images ul li{
    width: 77px;
    height: 77px;
    float: left;
    margin-left: 8px;
}
.small-images ul li a{
    display: block;
    border: #e1e1e1 1px solid;
}
.small-images ul li a:hover,
.small-images ul li a.active{
    border: #f95319 1px solid;
}
.small-images ul li a img{
    vertical-align: top;
}
.small-images ul li img{
    width:75px;
    height: 75px;
}
/** ----- /goods images -------------- **/

/** ----- goods text info -------------- **/
.goods-text-info{
    width: 500px;
    float: left;
    margin: 0 30px;
}
.goods-text-info h1{
    font-size: 20px;
    line-height: 30px;
    margin-bottom:20px;
}
.goods-text-info p{height:40px;line-height:40px;}
.buy-count{margin-top:10px; }
.count-box{
    width: 130px;
    height: 32px;
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    border: #e1e1e1 1px solid;
    margin-right: 10px;
}
.count-box i.count-btn{
    font-style: normal;
    width: 28px;
    height: 32px;
    display: inline-block;
    *display: inline;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}
.count-box i.count-btn.reduce{
    border-right: #e1e1e1 1px solid;
    float: left;
}
.count-box i.count-btn.add{
    border-left: #e1e1e1 1px solid;
    float: right;
}
.count-box input{
    width: 70px;
    float: left;
    height: 30px;
    border: none;
    vertical-align: top;
    padding: 0;
    margin: 0;
    text-align: center;
    color: #666;
}

.buttons{
    padding-top: 40px;
    text-align: center;
}
.buttons button.buy-btn,
.buttons button.add-to-cart{
    width: 218px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 20px;
    padding: 0;
    cursor: pointer;
    margin: 0 5px;
}
.buttons button.buy-btn{
    background: #feede8;
    color: #f60;
    border: #f95139 1px solid;
}
.buttons button.add-to-cart{
    background: #f95139;
    border: #f95139 1px solid;
    color: #fff;
}
.buttons button.add-to-cart img{
    vertical-align: middle;
}
.goods-intro{padding-left:10px;}
.goods-intro .introtitle{padding-left:20px;text-align:left;height:43px;line-height:43px;background:url("../image/intro_bg.png") repeat-y;font-size:16px;}
.goods-intro .intro{margin:20px 0;}

.order-goods{margin:10px;}
.order-address{margin:20px 10px;border:1px solid #e2e2e2;}
.order-address .title{height:40px;line-height:40px;padding-left:20px;border-bottom:1px solid #e2e2e2;}
.order-address .form-inline{margin:20px;}
.order-address .form-inline label{font-weight:normal;}
.order-submit{text-align:right;margin:20px;}