* {
     padding: 0;
     margin: 0;
     list-style: none;
     border: 0;
     font-style: normal;
     font-weight: normal
 }

 a {
     text-decoration: none;
     color: inherit;
 }

 a:link {
     text-decoration: none;
     color: inherit;
 }

 /*未访问颜色*/
 a:visited {
     text-decoration: none;
     color: inherit;
 }

 /*已访问颜色*/
 a:hover {
     text-decoration: none;
     color: inherit;
     color: #933ea7
 }

 /*悬浮（鼠标经过）时颜色*/
 a:active {
     text-decoration: none;
     color: inherit;
 }

 /*点击时的颜色*/
 .clr {
     clear: both;
 }

 .fl {
     float: left;
 }

 .fr {
     float: right;
 }

 body {
     font: normal 12px/24px "微软雅黑", Sans-serif;
     background: #fff;
     font-family: "Microsoft YaHei", verdana, Arial;
     font-family: "微软雅黑";
     font-weight: normal;
     width: 100%;
     color: #333
 }

 img {
     border: none;
     padding: 0;
     margin: 0;
     vertical-align: bottom
 }

 .flex-container a:active,
 .flexslider a:active,
 .flex-container a:focus,
 .flexslider a:focus {
     outline: none;
 }

 .slides,
 .flex-control-nav,
 .flex-direction-nav {
     margin: 0;
     padding: 0;
     list-style: none;
 }


 /* FlexSlider Necessary Styles
*********************************/
 .flexslider {
     margin: 0;
     padding: 0;
     overflow: hidden;
 }

 .flexslider .slides>li {
     display: none;
     -webkit-backface-visibility: hidden;
 }

 /* Hide the slides before the JS is loaded. Avoids image jumping */
 .flexslider .slides img {
     width: 100%;
     display: block;
 }

 .flex-pauseplay span {
     text-transform: capitalize;
 }

 .max {
     display: none;
     position: fixed;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background-color: rgba(0, 0, 0, 0.5);
     width: 100%;
     height: 100%;
     z-index: 12
 }

 .max .login {
     ;
     padding: 20px;
     position: fixed;
     top: 200px;
     left: 0;
     right: 0;
     margin: 0 auto;
     bottom: 0;
     height: 360px;
     width: 485px;
     z-index: 13;
     background-color: rgba(255, 255, 255, 0.8);
 }

 .max .login h2 {
     text-align: center;
 }

 .max .login h2 span {
     float: right;
     cursor: pointer;
 }

 .max .login p {
     width: 100%;
     line-height: 50px;
     text-align: center
 }

 .max .login p.user input,
 .max .login p.pass input {
     width: 82%;
     border: 1px solid #933ea7;
     height: 50px;
     margin-top: 30px;
     padding-left: 10px;
     outline: #933ea7 solid 1px;
 }

 .max .login p.user input:first-child {
     background: url(../images/user.png) no-repeat right;
     background-position: 97% center;
 }

 .max .login p.pass input:first-child {
     background: url(../images/password.png) no-repeat right;
     background-position: 97% center;
 }

 .max .login p.forget {
     text-align: left;
     padding: 0 9%;
     width: 82%;
     color: #666
 }

 .max .login p.forget a {
     float: right;
     color: #933ea7;
 }

 .max .login p.lo {
     text-align: center
 }

 .max .login p.lo input {
     width: 82%;
     height: 50px;
     background: #933ea7;
     color: #fff
 }

 .max .login p.reg {
     text-align: left;
     padding: 0 9%;
     width: 82%;
     color: #666
 }

 .max .login p.reg a {
     color: #666
 }


 .max2 {
     display: none;
     position: fixed;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background-color: rgba(0, 0, 0, 0.5);
     width: 100%;
     height: 100%;
     z-index: 12
 }

 .max2 .register {
     ;
     padding: 20px;
     position: fixed;
     top: 170px;
     left: 0;
     right: 0;
     margin: 0 auto;
     bottom: 0;
     height: 480px;
     width: 485px;
     z-index: 13;
     background-color: rgba(255, 255, 255, 0.8);
 }

 .max2 .register h2 {
     text-align: center;
 }

 .max2 .register h2 span {
     float: right;
     cursor: pointer;
 }

 .max2 .register p {
     width: 100%;
     line-height: 50px;
     text-align: center
 }

 .max2 .register p.user input,
 .max2 .register p.pass input {
     width: 82%;
     height: 50px;
     margin-top: 30px;
     padding-left: 10px;
     background: #fff;
     outline: #933ea7 solid 1px;
 }

 .max2 .register p.user input:first-child {
     background: url(../images/user.png) no-repeat right #fff;
     background-position: 97% center;
 }

 .max2 .register p.pass input:first-child {
     background: url(../images/password.png) no-repeat right #fff;
     ;
     background-position: 97% center;
 }

 .max2 .register p.forget {
     text-align: left;
     padding: 0 9%;
     width: 82%;
     color: #666
 }

 .max2 .register p.forget a {
     float: right;
     color: #933ea7;
 }

 .max2 .register p.lo {
     text-align: center;
     margin-top: 30px;
 }

 .max2 .register p.lo input {
     width: 82%;
     height: 50px;
     background: #933ea7;
     color: #fff
 }

 .max2 .register p.reg {
     text-align: left;
     padding: 0 9%;
     width: 82%;
     color: #666
 }

 .max2 .register p.reg a {
     color: #666
 }

 .max2 .register p.code {
     text-align: left;
     width: 100%;
     padding: 0 9%;
     margin-top: 30px;
     position: relative
 }

 .max2 .register p.code img {
     float: right;
     width: 20%;
     max-height: 50px;
     vertical-align: middle;
 }

 .max2 .register p.code input {
     width: 82%;
     height: 50px;
     background: #fff;
     color: #555;
     outline: #933ea7 solid 1px;
 }

 ::-webkit-input-placeholder {
     /* WebKit browsers */
     /* color: #933ea7; */
     color: #999
 }

 :-moz-placeholder {
     /* Mozilla Firefox 4 to 18 */
     color: #933ea7;
 }

 ::-moz-placeholder {
     /* Mozilla Firefox 19+ */
     color: #933ea7;
 }

 :-ms-input-placeholder {
     /* Internet Explorer 10+ */
     color: #933ea7;
 }

 /* Clearfix for the .slides element */
 .slides:after {
     content: "\0020";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
 }

 html[xmlns] .slides {
     display: block;
 }

 * html .slides {
     height: 1%;
 }

 /* No JavaScript Fallback */
 /* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
 .no-js .slides>li:first-child {
     display: block;
 }

 /* FlexSlider Default Theme
*********************************/
 .flexslider {
     background: #fff;
     position: relative;
     overflow: hidden;
 }

 .flex-viewport {
     max-height: 2000px;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
 }

 .loading .flex-viewport {
     max-height: 300px;
 }

 .flexslider .slides {
     zoom: 1;
 }

 .carousel li {
     margin-right: 5px;
 }

 /* Direction Nav */
 .flex-direction-nav {
     *height: 0;
 }

 .flex-direction-nav a {
     text-decoration: none;
     display: block;
     width: 40px;
     height: 48px;
     margin: -20px 0 0;
     position: absolute;
     top: 50%;
     z-index: 10;
     overflow: hidden;
     opacity: 0;
     cursor: pointer;
     color: rgba(0, 0, 0, 0.8);
     background: url(../images/arr.png) no-repeat;
     text-indent: -999em;
     display: none;
 }

 .flex-direction-nav .flex-prev {
     left: -50px;
     background-position: 0 0
 }

 .flex-direction-nav .flex-next {
     right: -50px;
     background-position: -132px 0
 }

 .flexslider:hover .flex-prev {
     opacity: 0.7;
     left: 10px;
 }

 .flexslider:hover .flex-next {
     opacity: 0.7;
     right: 10px;
 }

 .flexslider:hover .flex-next:hover,
 .flexslider:hover .flex-prev:hover {
     opacity: 1;
 }

 .flex-direction-nav .flex-disabled {
     opacity: 0 !important;
     filter: alpha(opacity=0);
     cursor: default;
 }


 /* Pause/Play */
 .flex-pauseplay a {
     display: block;
     width: 20px;
     height: 20px;
     position: absolute;
     bottom: 5px;
     left: 10px;
     opacity: 0.8;
     z-index: 10;
     overflow: hidden;
     cursor: pointer;
     color: #000;
     background: #ddd
 }

 .flex-pauseplay a:before {
     font-family: "flexslider-icon";
     font-size: 20px;
     display: inline-block;
     content: '\f004';
 }

 .flex-pauseplay a:hover {
     opacity: 1;
 }

 .flex-pauseplay a.flex-play:before {
     content: '\f003';
 }

 /* Control Nav */
 .flex-control-nav {
     width: 100%;
     position: absolute;
     bottom: 0px;
     text-align: center;
     padding-bottom: 10px
 }

 .flex-control-nav li {
     margin: 0 6px;
     display: inline-block;
     zoom: 1;
     *display: inline;
 }

 .flex-control-paging li a {
     width: 40px;
     height: 4px;
     display: block;
     background: #ccc;
     cursor: pointer;
     text-indent: -9999px;
 }

 .flex-control-paging li a.flex-active {
     background: #cc0000;
     cursor: default;
 }

 .flex-control-thumbs {
     margin: 5px 0 0;
     position: static;
     overflow: hidden;
 }

 .flex-control-thumbs li {
     width: 25%;
     float: left;
     margin: 0;
 }

 .flex-control-thumbs img {
     width: 100%;
     display: block;
     opacity: .7;
     cursor: pointer;
 }

 .flex-control-thumbs img:hover {
     opacity: 1;
 }

 .flex-control-thumbs .flex-active {
     opacity: 1;
     cursor: default;
 }

 @font-face {
     font-family: "Kimberley";
     src: url(../fonts/glyphicons-halflings-regular.ttf) format("truetype");
 }

 header {
     height: 148px;
 }

 header .top {
     height: 40px;
     background: #f5f6f6;
     line-height: 40px;
 }

 header .top .topcontent {
     width: 1222px;
     margin: 0 auto;
 }

 header .top .topcontent #login {
     color: #487bf8;
     cursor: pointer;
 }

 header .top .topcontent #register {
     color: #b9353e;
     cursor: pointer;
 }

 header .top .topcontent .cart {
     float: right;
 }

 header .top .topcontent .cart img {
     vertical-align: middle;
     margin-right: 2px;
     padding-bottom: 5px;
 }

 header .top .topcontent .cart strong {
     color: red;
     font-size: 14px;
     font-weight: bold;
 }

 header .top .topcontent .cart span {}

 header .top .topmiddle {
     width: 1222px;
     margin: 0 auto;
     clear: both
 }

 header .top .topmiddle img {
     vertical-align: middle;
     margin-top: 20px;
     margin-left: 25px;
     float: left;
     height: 70px
 }

 header .top .topmiddle .search {
     float: left;
     margin-top: 20px;
     margin-left: 270px
 }

 header .top .topmiddle .search .input {
     height: 30px;
     border: solid 1px #ccc;
     border-radius: 5px;
     padding: 3px
 }

 header .top .topmiddle .search .input input:last-child {
     height: 30px;
 }

 header .top .topmiddle .search .isearch {
     height: 30px;
     border: 0px;
     float: left;
     width: 350px;
 }

 header .top .topmiddle .search input {
     float: left;
 }

 nav {
     background: #916627;
     height: 50px;
 }

 nav ul {
     width: 1132px;
     margin: 0 auto;
     padding: 0;
 }

 nav ul a li {
     float: left;
     text-align: center;
     width: 123px;
     line-height: 50px;
     color: #fff;
     font-size: 16px;
     position: relative;
     border-right: 1px solid #e8a644;
     border-left: 1px solid #6f4302;
 }

 nav ul a li div.menu {
     padding: 10px 10px 20px 10px;
     position: absolute;
     top: 50px;
     display: none;
     z-index: 11;
     background-color: rgba(145, 102, 39, 0.5);
     width: 300px;
 }

 nav ul a:hover>li>.menu {
     display: block;
     clear: both
 }

 #first-li {
     border-left: 1px solid #e8a644;
 }

 nav ul a li div.menu .menuleft {
     width: 125px;
     float: left;
 }

 nav ul a li div.menu .menuleft p {
     text-align: left;
     border-bottom: 1px dashed #fff;
     margin: 0 10px 0 10px;
 }

 nav ul a li div.menu .menuright {
     float: right;
     padding: 10px 5px 0 0
 }

 /*center*/
 .center-wrap {
     width: 1132px;
     height: auto;
     margin: 0 auto;
 }

 .center-top {
     width: 100%;
     height: 170px;
     text-align: center;
 }

 .center-top p {
     height: 170px;
     line-height: 170px;
     font-size: 30px;
     color: #404040;
 }

 .center-top p img {
     margin-bottom: 80px;
 }

 .center-top p span {
     margin: 0 30px;
 }

 .center-cont {
     width: 1132px;
 }

 .center-cont p,
 #center-info p {
     margin: 0;
 }

 .center-title {
     width: 142px;
     height: 44px;
     line-height: 44px;
     background: #933ea7;
     font-size: 18px;
     color: #ffffff;
     text-align: center;
 }

 #center-info {
     width: 100%;
     min-height: 436px;
     border: 1px solid #dddddd;
     font-size: 14px;
     color: #999999;
 }

 #center-info table {
     color: #555;
     font-size: 12px;
     margin-top: 50px;
 }

 #center-info table tr {
     line-height: 80px;
 }

 #center-info table tr td:nth-child(odd) {
     text-align: right;
     width: 100px;
     padding-right: 10px;
 }

 #center-info table tr td:nth-child(even) {
     text-align: left
 }

 #center-info table tr td:nth-child(even) strong {
     color: green;
 }

 #center-info table tr td:nth-child(even) .user {
     height: 40px;
     line-height: 40px;
     border: 1px solid #ccc;
     width: 300px;
 }

 #center-info table tr td:nth-child(even) .submit {
     background: none;
     color: red;
     margin-left: 5px;
 }

 .coupon {
     margin-top: 50px;
     margin-bottom: 80px
 }

 .coupon .couponlist {
     margin-top: 30px;
 }

 .coupon .couponlist img {
     width: 275px;
     margin-right: 20px;
 }

 /*guestbook*/
 .guest-wrap {
     width: 1132px;
     height: auto;
     margin: 0 auto;
 }

 .guest-top {
     width: 100%;
     text-align: center;
 }

 .guest-top p {
     height: 170px;
     line-height: 170px;
     font-size: 30px;
     color: #404040;
 }

 .guest-top p img {
     margin-bottom: 80px;
 }

 .guest-top p span {
     margin: 0 30px;
 }

 .guest-top div {
     margin-top: -50px;
     margin-bottom: 50px;
     font-size: 14px;
 }

 .guest-middle table {
     width: 100%
 }

 .guest-middle table tr td {
     width: 33.33%;
     text-align: right;
     line-height: 50px;
 }

 .guest-middle table tr td span {
     color: red
 }

 .guest-middle table tr td input {
     width: 100%;
     height: 40px;
     line-height: 40px;
     border: 1px solid #ccc;
 }

 .guest-middle table tr td textarea {
     width: 100%;
     border: 1px solid #ccc;
 }

 .guest-middle table tr td .submit {
     width: 100%;
     height: 40px;
     line-height: 40px;
     text-align: center
 }

 .guest-middle table tr td .submit input {
     width: 80px;
     border-radius: 8px;
     background: red;
     color: #fff;
     font-size: 14px;
 }

 /*talent*/
 .talent-wrap {
     width: 1132px;
     height: auto;
     margin: 0 auto;
 }

 .talent-top {
     width: 100%;
     text-align: center;
 }

 .talent-top p {
     height: 170px;
     line-height: 170px;
     font-size: 30px;
     color: #404040;
 }

 .talent-top p img {
     margin-bottom: 80px;
 }

 .talent-top p span {
     margin: 0 30px;
 }

 .talent-middle table {
     width: 100%
 }

 .talent-middle table tr td {
     width: 33.33%;
     text-align: right;
     line-height: 50px;
 }

 .talent-middle table tr td span {
     color: red
 }

 .talent-middle table tr td input.text {
     width: 100%;
     height: 40px;
     line-height: 40px;
     border: 1px solid #ccc;
 }

 .talent-middle table tr td.sex {
     text-align: left
 }

 .talent-middle table tr td.birthday select {
     width: 49%;
     border: 1px solid #ccc;
     height: 40px;
     line-height: 40px;
 }

 .talent-middle table tr td.sex label {
     margin-right: 50px;
 }

 .talent-middle table tr td.job {
     text-align: left
 }

 .talent-middle table tr td.wage select {
     width: 100%;
     border: 1px solid #ccc;
     height: 40px;
     line-height: 40px;
 }

 .talent-middle table tr td.job label {
     margin-right: 50px;
 }

 .talent-middle table tr td textarea {
     width: 100%;
     border: 1px solid #ccc;
 }

 .talent-middle table tr td .submit {
     width: 100%;
     height: 40px;
     line-height: 40px;
     text-align: center
 }

 .talent-middle table tr td .submit input {
     height: 40px;
     width: 80px;
     border-radius: 8px;
     background: red;
     color: #fff;
     font-size: 14px;
 }

 /*judge*/
 .judge-wrap {
     width: 1132px;
     height: auto;
     margin: 0 auto;
 }

 .judge-top {
     width: 100%;
     text-align: center;
 }

 .judge-top p {
     height: 170px;
     line-height: 170px;
     font-size: 30px;
     color: #404040;
 }

 .judge-top p img {
     margin-bottom: 80px;
 }

 .judge-top p span {
     margin: 0 30px;
 }

 .judge-middle table {
     width: 100%
 }

 .judge-middle h2,
 .judge-middle h6 {
     text-align: center
 }

 .judge-middle h6 {
     margin-bottom: 50px;
 }

 .judge-middle .condition {
     width: 700px;
     margin: 0 auto;
 }

 .judge-middle .apply h3 {
     border-bottom: 1px solid #ccc;
     text-align: center;
     font-size: 16px;
     line-height: 30px;
 }

 .judge-middle .apply p {
     text-align: center;
     margin-bottom: 50px;
 }

 .judge-middle table {
     width: 100%
 }

 .judge-middle table tr td {
     width: 33.33%;
     text-align: right;
     line-height: 50px;
 }

 .judge-middle table tr td span {
     color: red
 }

 .judge-middle table tr td input {
     width: 100%;
     height: 40px;
     line-height: 40px;
     border: 1px solid #ccc;
 }

 .judge-middle table tr td textarea {
     width: 100%;
     border: 1px solid #ccc;
 }

 .judge-middle table tr td .submit {
     width: 100%;
     height: 40px;
     line-height: 40px;
     text-align: right
 }

 .judge-middle table tr td .submit input {
     width: 80px;
     border-radius: 8px;
     background: red;
     color: #fff;
     font-size: 14px;
 }

 /*cooperation*/
 .cooperation-wrap {
     width: 1132px;
     height: auto;
     margin: 0 auto;
 }

 .cooperation-top {
     width: 100%;
     text-align: center;
 }

 .cooperation-top p {
     height: 170px;
     line-height: 170px;
     font-size: 30px;
     color: #404040;
 }

 .cooperation-top p img {
     margin-bottom: 80px;
 }

 .cooperation-top p span {
     margin: 0 30px;
 }

 .cooperation-middle table {
     width: 100%
 }

 .cooperation-middle h2,
 .judge-middle h6 {
     text-align: center
 }

 .cooperation-middle h6 {
     margin-bottom: 50px;
     text-align: center
 }

 .cooperation-middle .condition {
     width: 700px;
     margin: 0 auto;
 }

 .cooperation-middle .apply h3 {
     border-bottom: 1px solid #ccc;
     text-align: center;
     font-size: 16px;
     line-height: 30px;
 }

 .cooperation-middle .apply p {
     text-align: center;
     margin-bottom: 50px;
 }

 .cooperation-middle table {
     width: 100%;
     font-size: 12px;
     color: #555;
 }

 .cooperation-middle table tr td {
     width: 33.33%;
     text-align: right;
     line-height: 50px;
 }

 .cooperation-middle table tr td span {
     color: red
 }

 .cooperation-middle table tr td input {
     width: 100%;
     height: 40px;
     line-height: 40px;
     border: 1px solid #ccc;
 }

 .cooperation-middle table tr td.type {
     text-align: left
 }

 .cooperation-middle table tr td.type label {
     margin-right: 10px;
     line-height: 40px;
 }

 .cooperation-middle table tr td.type label input {
     width: 12px;
     height: 12px;
 }

 .cooperation-middle table tr td textarea {
     width: 100%;
     border: 1px solid #ccc;
 }

 .cooperation-middle table tr td .submit {
     width: 100%;
     height: 40px;
     line-height: 40px;
     text-align: right
 }

 .cooperation-middle table tr td .submit input {
     width: 80px;
     border-radius: 8px;
     background: red;
     color: #fff;
     font-size: 14px;
 }

 /*recruit*/
 .recruit-wrap {
     width: 1132px;
     height: auto;
     margin: 0 auto;
 }

 .recruit-top {
     width: 100%;
     text-align: center;
 }

 .recruit-top p {
     height: 170px;
     line-height: 170px;
     font-size: 30px;
     color: #404040;
 }

 .recruit-top p img {
     margin-bottom: 80px;
 }

 .recruit-top p span {
     margin: 0 30px;
 }

 .recruit-middle {
     margin-bottom: 80px;
 }

 .recruit-middle .recruitposition {
     border-bottom: 1px solid #ccc;
     font-size: 14px;
 }

 .recruit-middle .recruitposition span {
     margin-left: 50px;
     color: #555;
     font-size: 12px;
 }

 .recruit-middle .re-title {
     margin-top: 15px;
 }

 .recruit-middle .re-title span {
     margin-left: 50px;
 }

 .recruit-middle .recruit-content {
     border-bottom: 1px dashed #ccc;
     padding-bottom: 10px;
 }

 .recruit-middle .recruit-content .re-apply {
     text-align: right;
     height: 30px;
     margin-top: -30px;
 }

 .recruit-middle .recruit-content .re-apply a {
     padding: 10px 15px;
     background: red;
     color: #fff;
 }

 /*newsdetail*/
 .ndetail-wrap {
     width: 1222px;
     height: auto;
     margin: 0 auto;
     font-size: 14px
 }

 .ndetail-wrap .n-nav {
     margin: 20px 0 20px 0
 }

 .ndetail-wrap .n-title {
     font-size: 20px;
     font-weight: bold;
     text-align: center;
     line-height: 50px;
 }

 .ndetail-wrap .n-time {
     text-align: center;
     color: #555
 }

 .n-content {
     margin-top: 15px;
     color: #666
 }

 /*news*/
 .banner {
     width: 100%;
 }

 .banner img {
     width: 100%;
 }

 .news-wrap {
     width: 1132px;
     height: auto;
     margin: 0 auto;
 }

 .news-top {
     width: 100%;
     text-align: center;
 }

 .news-top p {
     height: 170px;
     line-height: 170px;
     font-size: 30px;
     color: #404040;
 }

 .news-top p img {
     margin-bottom: 80px;
 }

 .news-top p span {
     margin: 0 30px;
 }

 .news-wrap .n-nav {
     margin: 20px 0 80px 0
 }

 .news-wrap .n-title {
     font-size: 20px;
     font-weight: bold;
     text-align: center;
     line-height: 50px;
 }

 .news-wrap .n-time {
     font-size: 12px;
     text-align: center;
     color: #555
 }

 .news-middle table {
     width: 100%;
     margin-bottom: 50px;
 }

 .news-middle table tr td:nth-child(1) {
     width: 20%;
 }

 .news-middle table tr td:nth-child(1) img {
     width: 100%
 }

 .news-middle table tr td:nth-child(2) {
     width: 60%;
     padding: 0 10px 0 10px;
 }

 .news-middle table tr td:nth-child(2) .title {
     font-size: 18px;
     font-weight: bold;
     line-height: 50px;
 }

 .news-middle table tr td:nth-child(2) .content {
     font-size: 12px;
     font-weight: bold;
     color: #777;
     text-indent: 2em;
     line-height: 25px;
     margin-bottom: 20px;
 }

 .news-middle table tr td:nth-child(3) {
     text-align: center;
     width: 20%;
 }

 .news-middle table tr td:nth-child(3) a {
     background: #333;
     color: #fff;
     padding: 5px 10px;
     border-radius: 8px;
 }

 .news-middle table tr td:nth-child(2) .title a {
     color: #000;
 }

 .news-middle table tr td:nth-child(2) .title a:hover {
     color: red;
 }

 .news-middle table tr td a:hover {
     color: red;
 }

 .news-middle table tr td.page {
     text-align: center;
 }

 .news-middle table tr td.page a {
     padding: 5px;
     color: #7d7d7d;
     line-height: 30px;
 }

 .news-middle table tr td.page a:first-child,
 .news-middle table tr td.page a:last-child {
     background: #e1e1e1;
     padding: 5px 10px;
     border-radius: 5px;
 }

 .news-middle table tr td.page a.active {
     color: red;
 }

 /*group*/
 .banner {
     width: 100%;
 }

 .banner img {
     width: 100%;
 }

 .group-wrap {
     width: 1132px;
     height: auto;
     margin: 0 auto;
 }

 .group-top {
     width: 100%;
     text-align: center;
 }

 .group-top p {
     height: 170px;
     line-height: 170px;
     font-size: 30px;
     color: #404040;
 }

 .group-top p img {
     margin-bottom: 80px;
 }

 .group-top p span {
     margin: 0 30px;
 }

 .group-wrap .n-nav {
     margin: 20px 0 80px 0
 }

 .group-wrap .n-title {
     font-size: 20px;
     font-weight: bold;
     text-align: center;
     line-height: 50px;
 }

 .group-wrap .n-time {
     font-size: 12px;
     text-align: center;
     color: #555
 }

 .clear {
     clear: both
 }

 .group-wrap .group-middle .intro {
     text-align: center;
 }

 .group-wrap .group-middle .culture {
     text-align: center;
     font-weight: bold;
     font-size: 20px;
     color: #666;
     line-height: 80px;
 }

 .group-wrap .group-middle .culturelist {
     clear: both;
 }

 .group-wrap .group-middle .clist {
     width: 33%;
     float: left;
     margin-bottom: 50px;
 }

 .group-wrap .group-middle .clist .ctitle {
     font-size: 18px;
     line-height: 35px;
 }

 .group-wrap .group-middle .clist .ccontent {
     color: #555;
 }

 /*contact*/
 .contact-wrap {
     width: 1132px;
     height: auto;
     margin: 0 auto;
 }

 .contact-top {
     width: 100%;
     text-align: center;
 }

 .contact-top p {
     height: 170px;
     line-height: 170px;
     font-size: 30px;
     color: #404040;
 }

 .contact-top p img {
     margin-bottom: 80px;
 }

 .contact-top p span {
     margin: 0 30px;
 }

 .contact-middle table {
     width: 100%
 }

 .contact-middle .phone {
     width: 980px;
     float: left;
 }

 .contact-middle .phone .plist {
     float: left;
     width: 300px;
     min-height: 100px;
 }

 .contact-middle .phone .plist .ico {
     float: left;
     width: 50px;
 }

 .contact-middle .phone .plist .text {
     float: right;
     width: 250px;
 }

 .contact-middle .weixin {}

 .contact-middle .weixin .wleft {
     float: left
 }

 .contact-middle .weixin .wright {
     float: right
 }

 .contact-middle {
     margin-bottom: 50px;
     padding-bottom: 30px;
     border-bottom: 1px solid #ccc
 }

 .contact-wrap .map {
     width: 100%;
     margin-top: 15px;
     margin-bottom: 15px;
 }

 .contact-wrap .map img {
     width: 100%;
 }




 /*bread*/
 .bread-title {
     width: 1132px;
     height: 160px;
     margin: 0 auto;
     border: 1px solid #ffffff;
 }

 .bread-title p {
     margin: 0;
     text-align: center;
     font-family: "微软雅黑"
 }

 #title-p {
     font-size: 30px;
     color: #272727;
     margin: 60px 0 10px 0;
 }

 #title-p1 {
     font-size: 15px;
     color: #a3a3a3;
 }

 .bread-wrap {
     width: 1132px;
     height: auto;
     margin: 0 auto;
 }

 .bread-cont {
     width: 280px;
     height: 358px;
     border: 1px solid #eeeeee;
     float: left;
 }

 .bread-cont p {
     margin: 0;
     text-align: center;
     padding: 0 15px;
 }

 #bread-img {
     width: 190px;
     height: 180px;
     margin: 20px auto;
     overflow: hidden;
 }

 #bread-img img {
     width: 190px;
     height: auto;
 }

 #title-name {
     font-size: 14px;
     color: #272727;
     margin-bottom: 5px;
     height: 40px;
     overflow: hidden;
     line-height: 20px
 }

 #title-name1 {
     height: 40px;
     font-size: 14px;
     color: #a3a3a3;
     overflow: hidden;
     line-height: 40px
 }

 #title-price {
     font-size: 20px;
 }

 #title-price span {
     font-size: 13px;
 }

 #title-price img {
     margin-bottom: 4px;
 }

 .banner-wrap {
     width: 1132px;
     height: 410px;
     clear: both;
     margin: 0 auto;
 }

 .banner-wrap p {
     margin: 0;
 }

 .banner-wrap p img {
     width: 100%;
     height: 350px;
     padding-top: 60px;
 }

 .bread-sort {
     width: 1132px;
     height: auto;
     margin: 0 auto;
     margin-top: 90px;
 }

 .sort-cont {
     width: 377px;
     height: 330px;
     float: left;
 }

 .sort-cont p {
     margin: 0;
     overflow: hidden;
     text-align: center;
 }

 .sort-cont p img {
     width: 377px;
     height: auto;
 }

 #sort-name {
     font-size: 20px;
     color: #333333;
     margin-top: 100px;
     text-align: center;
 }

 #sort-name1 {
     font-size: 14px;
     color: #999999;
     margin-top: 10px;
     text-align: center;
 }

 #sort-detail {
     font-size: 14px;
     color: #999999;
     margin-top: 15px;
     padding: 0 60px;
 }

 /*bread-list*/
 .list-title {
     width: 1132px;
     height: 120px;
     margin: 0 auto;
 }

 .list-title p {
     margin: 0;
     height: 120px;
     line-height: 120px;
     font-size: 30px;
     color: #272727;
     text-align: center;
 }

 .list-name {
     width: 1132px;
     margin: 0 auto;
     border-top: 1px solid #eeeeee;
     border-bottom: 1px solid #eeeeee;
     padding-top: 5px;
     padding-bottom: 5px
 }

 .list-name p {
     margin: 0;
     height: 40px;
     line-height: 40px;
     font-size: 12px;
     color: #999;
 }

 .list-name p span {
     margin-right: 20px;
 }

 .list-name p span:first-child {
     margin-right: 40px;
 }

 #all-sort {
     color: #f5cd75;
 }

 .list-wrap {
     width: 1132px;
     height: auto;
     margin: 0 auto;
 }

 .list-cont {
     width: 280px;
     height: 330px;
     border: none;
     float: left;
 }

 .list-cont p {
     margin: 0;
     text-align: center;
     padding: 0 30px;
 }

 #list-cont-img {
     width: 220px;
     height: 220px;
     margin: 20px auto 10px auto;
     overflow: hidden;
 }

 #list-cont-img img {
     width: 220px;
     height: auto;
 }

 #list-cont-name {
     font-size: 14px;
     color: #666666;
     height: 40px;
     overflow: hidden;
     line-height: 20px
 }

 #list-cont-price {
     font-size: 14px;
     color: #f3c557;
     margin: 5px 0;
 }

 #list-cont-buy {
     color: #a68131;
     font-size: 14px;
 }

 #list-cont-buy img {
     margin-right: 5px;
 }

 .page-wrap {
     width: 1132px;
     height: 20px;
     margin: 90px auto;
     padding-top: 90px;
     clear: both;
 }

 .page-wrap p {
     margin: 0;
     text-align: center;
     font-size: 14px;
     color: #999999;
 }

 .page-wrap p span {
     margin-right: 30px;
 }

 /*product*/
 .product-info {
     width: 1132px;
     height: 520px;
     margin: 0 auto;
 }

 .product-info-l {
     width: 450px;
     height: 520px;
     float: left;
 }

 .product-info-r {
     width: 670px;
     height: 520px;
     margin-left: 462px;
 }

 .product-info-l p,
 .product-info-r p {
     margin: 0;
     overflow: hidden;
 }

 .product-info-l p img {
     width: auto;
     height: 100%;
 }

 #company-img {
     width: 670px;
     height: 230px;
     margin-bottom: 60px;
 }

 #company-img img {
     width: 670px;
     height: 230px;
 }

 #company-cont {
     width: 450px;
     height: auto;
     font-size: 14px;
     color: #686767;
     padding: 0 60px;
     text-indent: 2em;
 }

 .product-img {
     width: 1132px;
     height: 250px;
     margin-top: 20px !important;
     margin: 0 auto;
     clear: both;
 }

 .product-img p {
     margin: 0;
 }

 .product-img p img {
     width: 364px;
     height: 240px;
     margin-right: 20px;
 }

 #last-proimg {
     margin-right: 0px !important;
 }

 /*bread-detail*/
 .detail-title {
     width: 1132px;
     height: 88px;
     margin: 0 auto;
 }

 .detail-title p {
     margin: 0;
     height: 88px;
     line-height: 88px;
     font-size: 12px;
     color: #999999;
 }

 .detail-cont {
     width: 1132px;
     height: 719px;
     margin: 0 auto;
 }

 .detail-cont-l {
     width: 570px;
     height: 719px;
     border: none;
     float: left;
     border: none
 }

 .detail-cont-r {
     width: 558px;
     height: 719px;
     border: none;
     float: right;
 }

 .detail-cont-l p,
 .detail-cont-r p {
     margin: 0;
     padding: 0 20px;
     ;
 }

 #detail-name {
     font-size: 20px;
     color: #000000;
     padding: 10px 20px;
 }

 #detail-name1 {
     font-size: 12px;
     color: #b8b6b6;
 }

 .detail-price {
     width: 540px;
     height: 130px;
     margin-left: 20px;
     background-image: url(../images/detail-bg.png);
     background-size: 100% 100%;
     border: none;
     opacity: 0.7;
     filter: alpha(opacity=70);
 }

 .detail-price p {
     margin: 0;
     padding-left: 30px;
 }

 #price-p {
     font-size: 30px;
     color: #cc0000;
     padding-top: 25px;
 }

 #price-p1 {
     font-size: 14px;
     color: #ccc;
     padding-top: 5px;
 }

 #price-p2 {
     color: #cc0000;
 }

 #price-p3 {
     color: #333;
     font-size: 14px;
     padding-top: 15px;
 }

 .detail-style {
     width: 540px;
     height: 100px;
     margin-left: 20px;
 }

 .detail-style p {
     margin: 0;
     height: 100px;
     line-height: 100px;
     font-size: 14px;
     color: #673f27;
     padding-left: 0;
 }

 .detail-style p input {
     /* width: 60px; */
     height: 30px;
     padding: 0;
     margin-left: 15px;
     border: 1px solid #e7e0dd;
     color: #673f27;
     background: #ffffff;
     outline: none;
     padding: 0 5px
 }

 .detail-size {
     width: 540px;
     height: 80px;
     border-top: 1px solid #cccccc;
     border-bottom: 1px solid #cccccc;
     margin-left: 20px;
     padding-top: 10px;
 }

 .detail-size p {
     width: 250px;
     margin: 0;
     font-size: 12px;
     color: #b8b6b6;
     float: left;
     padding-left: 0px !important;
 }

 .detail-size p span {
     margin-left: 75px;
 }

 .detail-time {
     width: 540px;
     height: auto;
     margin-top: 20px;
 }

 .detail-time p {
     margin: 0;
     height: 56px;
     line-height: 56px;
     font-size: 14px;
 }

 .detail-time p span {
     margin-left: 30px;
 }

 .detail-time p span img {
     margin: 0 20px 6px 0;
 }

 .detail-btn {
     width: 570px;
     height: 50px;
     text-align: center;
     margin-top: 20px;
 }

 .detail-btn p {
     margin: 0;
 }

 .detail-btn p button {
     width: 200px;
     height: 50px;
     border: none;
     text-align: center;
     font-family: "微软雅黑";
     color: #ffffff;
     font-size: 16px;
 }

 #cart-btn {
     background: #916627;
 }

 #buy-btn {
     background: #cc0000;
     margin-left: 15px;
 }

 #detail-icon {
     margin: 0 20px 10px 0;
 }


 .smallImg {
     height: 132px;
     width: 570px;
     margin-top: 15px;
     position: relative;
     overflow: hidden;
     float: left;
 }

 #imageMenu {
     height: 132px;
     width: 570px;
     overflow: hidden;
     margin-left: 0;
     float: left;
 }

 #imageMenu ul {
     height: 131px;
     margin: 0;
 }

 #imageMenu li {
     width: 130px;
     height: 130px;
     margin-right: 14px;
     float: left;
     border: 1px solid #cccccc;
 }

 #imageMenu li img {
     width: 100px;
     height: 100px;
     cursor: pointer;
     margin: 15px;
 }

 #imageMenu li:last-child {
     margin-right: 0px !important;
 }

 .bigImg {
     position: relative;
     float: left;
     width: 570px;
     height: 570px;
     overflow: hidden;
     border: 1px solid #cccccc;
 }

 .bigImg #midimg {
     width: 450px;
     height: 450px;
     margin: 60px;
 }

 .bigImg #winSelector {
     width: 235px;
     height: 210px;
 }

 #winSelector {
     position: absolute;
     cursor: crosshair;
     filter: alpha(opacity=15);
     -moz-opacity: 0.15;
     opacity: 0.15;
     background-color: #000;
     border: 1px solid #fff;
 }

 #bigView {
     position: absolute;
     border: 1px solid #cccccc;
     overflow: hidden;
     margin-top: 300px;
     z-index: 999;
 }

 #bigView img {
     position: absolute;
     width: 700px;
     height: 700px;
 }

 .detail-bot {
     width: 1132px;
     height: auto;
     margin: 0 auto;
     margin-top: 40px;
     border-top: 1px solid #cccccc;
 }

 .detail-bot p {
     margin: 0;
     font-size: 14px;
     color: #666666;
     padding: 5px 0;
 }

 /*seckill-list*/
 .seckill-title {
     width: 1132px;
     height: 40px;
     margin: 0 auto;
     margin-top: 25px;
     border-bottom: 1px solid #cc0000;
 }

 .seckill-title p {
     margin: 0;
     height: 40px;
     line-height: 40px;
     font-size: 20px;
     color: #cc0000;
 }

 .seckill-title p img {
     margin-right: 5px;
     margin-bottom: 8px;
 }

 #seckill-time {
     font-size: 14px;
     color: #333333;
     float: right;
 }

 .seckill-titlep span {
     float: right;
 }

 .hours,
 .minutes,
 .seconds {
     background: #cc0000;
     color: #ffffff;
     padding: 3px 5px;
     margin: 0 5px;
     border: none;
 }

 .seckill-wrap {
     width: 1132px;
     height: auto;
     margin: 0 auto;
 }

 .seckill-cont {
     width: 280px;
     height: 350px;
     border: none;
     float: left;
     b
 }

 .seckill-cont p {
     margin: 0;
     text-align: center;
     padding: 0 30px;
 }

 #seckill-cont-img {
     width: 220px;
     height: 150px;
     margin: 80px auto 30px auto;
     overflow: hidden;
 }

 #seckill-cont-img img {
     width: 220px;
     height: auto;
 }

 #seckill-cont-name {
     font-size: 14px;
     color: #666666;
 }

 #seckill-cont-price {
     font-size: 14px;
     color: #f3c557;
     margin: 5px 0;
 }

 #seckill-cont-buy {
     color: #a68131;
     font-size: 14px;
 }

 #seckill-cont-buy img {
     margin-right: 5px;
 }

 .product-img ul li {
     width: 345px;
     height: 240px;
     float: left;
     border: 2px solid #cecece;
     position: relative;
     margin-right: 42px;
     position: relative;
 }

 .product-img ul li img {
     width: 100%;
     height: 100%;
 }

 .product-img ul li p {
     position: absolute;
     width: 100%;
     height: 50px;
     text-align: center;
     background: #000;
     bottom: 0px;
     opacity: 0.7;
     font-size: 16px;
     color: #fff;
     line-height: 50px;
 }


 .bottom {
     width: 1132px;
     height: 100px;
     margin: 0 auto;
     clear: both;
 }











 footer {
     height: 330px;
     background: url(../images/footer.png);
     background-size: 100% 100%;
 }

 footer .foot {
     width: 80%;
     margin: 0 auto;
     clear: both
 }

 footer .foot .footleft {
     color: #fff;
     padding-top: 30px;
     float: left;
 }

 footer .foot .footleft a {
     color: #fff;
     padding: 10px;
 }

 footer .foot .footleft a:first-child {
     padding-left: 0px
 }

 footer .foot .footleft .footcontact {
     margin-top: 50px;
 }

 footer .foot .footright {
     float: right;
     text-align: center;
     padding-top: 30px;
 }

 footer .foot .footright p {
     color: #fff;
 }


 /*----------------------------------------------------------------------------------------------------------------*/


 .maxs {
     margin: 0 auto;
     height: 360px;
     width: 485px;
 }

 .maxs .login {}

 .maxs .login h2 {
     text-align: center;
 }

 .maxs .login p {
     width: 100%;
     line-height: 50px;
     text-align: center
 }

 .maxs .login p.user input,
 .maxs .login p.pass input {
     width: 82%;
     border: 1px solid #933ea7;
     height: 50px;
     margin-top: 30px;
     padding-left: 10px;
     outline: #933ea7 solid 1px;
 }

 .maxs .login p.user input:first-child {
     background: url(../images/user.png) no-repeat right;
     background-position: 97% center;
 }

 .maxs .login p.pass input:first-child {
     background: url(../images/password.png) no-repeat right;
     background-position: 97% center;
 }

 .maxs .login p.forget {
     text-align: left;
     padding: 0 9%;
     width: 82%;
     color: #666
 }

 .maxs .login p.forget a {
     float: right;
     color: #933ea7;
 }

 .maxs .login p.lo {
     text-align: center
 }

 .maxs .login p.lo input {
     width: 82%;
     height: 50px;
     background: #933ea7;
     color: #fff
 }

 .maxs .login p.reg {
     text-align: left;
     padding: 0 9%;
     width: 82%;
     color: #666
 }

 .maxs .login p.reg a {
     color: #666
 }


 .maxs2 {
     margin: 0 auto;
     height: 485px;
     width: 485px;
 }

 .maxs2 .register {}

 .maxs2 .register h2 {
     text-align: center;
 }

 .maxs2 .register p {
     width: 100%;
     line-height: 50px;
     text-align: center
 }

 .maxs2 .register p.user input,
 .maxs2 .register p.pass input {
     width: 82%;
     height: 50px;
     margin-top: 30px;
     padding-left: 10px;
     background: #fff;
     outline: #933ea7 solid 1px;
 }

 .maxs2 .register p.user input:first-child {
     background: url(../images/user.png) no-repeat right #fff;
     background-position: 97% center;
 }

 .maxs2 .register p.pass input:first-child {
     background: url(../images/password.png) no-repeat right #fff;
     ;
     background-position: 97% center;
 }

 .maxs2 .register p.forget {
     text-align: left;
     padding: 0 9%;
     width: 82%;
     color: #666
 }

 .maxs2 .register p.forget a {
     float: right;
     color: #933ea7;
 }

 .maxs2 .register p.lo {
     text-align: center;
     margin-top: 30px;
 }

 .maxs2 .register p.lo input {
     width: 84%;
     height: 50px;
     background: #933ea7;
     color: #fff
 }

 .maxs2 .register p.reg {
     text-align: left;
     padding: 0 9%;
     width: 82%;
     color: #666
 }

 .maxs2 .register p.reg a {
     color: #666
 }

 .maxs2 .register p.code {
     text-align: left;
     width: 84%;
     padding: 0 8%;
     margin-top: 30px;
     position: relative
 }

 .maxs2 .register p.code img {
     float: right;
     width: 20%;
     max-height: 50px;
     vertical-align: middle;
 }

 .maxs2 .register p.code input {
     width: 100%;
     height: 50px;
     background: #fff;
     color: #555;
     outline: #933ea7 solid 1px;
     text-indent: 10px
 }


 .bread-sort ul li {
     float: left;
 }

 .bread-sort ul li div {
     height: 330px;
     width: 377px;
     overflow: hidden;
 }

 .btn-pc-sms {
     position: absolute;
     top: 8px;
     right: 50px;
     border-radius: 50px;
     font-size: 13px;
     padding: 4px 14px;
     font-weight: 600;
     border: solid 1px #D9D9D9;
     color: #6F7A7E;
     background: #fff;
     cursor: pointer;
 }

 .bnt01 {
     background: #933ea7;
     border: none;
     width: 150px;
     height: 40px;
     color: #fff;
     font-size: 16px;
     border-radius: 5px
 }

 .fuwu img {
     transition: all 0.6s;
 }

 .fuwu img:hover {
     transform: scale(1.1);
 }

 .pc_cent2 img {
     transition: all 0.6s;
 }

 .pc_cent2 img:hover {
     transform: scale(1.1);
 }

 .swiper-slide img {
     transition: all 0.6s;
 }

 .swiper-slide img:hover {
     transform: scale(1.1);
 }

 .he_title {
     transition: all 0.6s;
 }

 .he_title:hover {
     transform: scale(1.1);
 }

 .fuwu {
     overflow: inherit !important;
 }

 .product-img ul li {
     overflow: hidden;
 }

 .banner-wrap {
     overflow: hidden;
 }

 .product-info-l p img {
     transition: all 0.6s;
 }

 .product-info-l p img:hover {
     transform: scale(1.1);
 }

 #company-img {
     overflow: hidden;
 }

 #company-img img {
     transition: all 0.6s;
 }

 #company-img img:hover {
     transform: scale(1.1);
 }

 .product-img ul li img {
     transition: all 0.6s;
 }

 .product-img ul li img:hover {
     transform: scale(1.1);
 }

 #bread-img img {
     transition: all 0.6s;
 }

 #bread-img img:hover {
     transform: scale(1.1);
 }

 .bread-sort ul li div img {
     transition: all 0.6s;
 }

 .bread-sort ul li div img:hover {
     transform: scale(1.1);
 }

 #seckill-cont-img img {
     transition: all 0.6s;
 }

 #seckill-cont-img img:hover {
     transform: scale(1.1);
 }

 .hezuo img {
     transition: all 0.6s;
 }

 .hezuo img:hover {
     transform: scale(1.1);
 }

 .pc_cent4 img {
     transition: all 0.6s;
 }

 .pc_cent4 img:hover {
     transform: scale(1.1);
 }

 .dt_bd img {
     transition: all 0.6s;
 }

 .dt_bd img:hover {
     transform: scale(1.1);
 }

 .dt_bd {
     overflow: hidden;
 }

 .news-middle img {
     transition: all 0.6s;
 }

 .news-middle img:hover {
     transform: scale(1.1);
 }

 .news-middle td {
     overflow: hidden;
 }

 .banner-wrap img {
     transition: all 0.6s;
 }

 .banner-wrap img:hover {
     transform: scale(1.1);
 }


 .ntop {
     height: 119px;
 }

 .ntop1 {
     float: right;
     color: #999;
     margin-left: 60px
 }

 .ntop1 a {
     color: #333;
     padding-right: 15px;
     background: url(../images/ico1.png) right no-repeat;
 }

 .ntop1 a:hover {
     color: #933ea7
 }

 .hotsear,
 .hotsear a {
     color: #ccc
 }

 .hotsear a:hover {
     color: #666
 }

 .ncart {
     float: right;
     margin-right: 60px;
     margin-top: 10px;
     position: relative
 }

 .ncart span {
     position: absolute;
     top: 13px;
     right: -5px;
     display: block;
     width: 20px;
     height: 20px;
     border-radius: 50%;
     line-height: 20px;
     text-align: center;
     color: #FFF;
     background: #008738
 }

 .copy {
     width: 1222px;
     margin: 0 auto;
     font-size: 14px;
     padding: 10px 0
 }

 .copy1 {
     float: left;
 }

 .copy2 {
     float: right;
 }

 .ng-help-box {
     padding-top: 10px;
     width: 1222px;
     margin: 0 auto;
     padding-left: 150px;
     padding-bottom: 5px
 }

 .ng-help-box dl {
     width: 189px;
     float: left;
     height: 160px;
 }

 .ng-help-box dt {
     width: 100%;
     line-height: 40px;
     font-weight: 700;
     color: #545454;
     height: 35px;
     font-size: 16px;
     overflow: hidden;
 }

 .ng-help-box dd {
     width: 100%;
     line-height: 25px;
     font-size: 14px;
 }

 .ng-help-box dd a {
     color: #545454;
 }

 .ng-help-box dd a:hover {
     color: #933ea7
 }

 .footline {
     height: 0px;
     border-bottom: solid 1px #fff;
     border-top: solid 1px #e0e0e0;
     margin-top: 10px
 }


 .main1 {
     width: 1222px;
     margin: 0 auto;
     margin-top: 15px
 }

 .col-xs-3 {
     width: 23%;
     float: left
 }

 .tabs-help li.active {
     background-color: #933ea7;
     height: 54px;
     color: #FFF;
     text-align: center;
 }

 .tabs-help-content .us .us-name {
     display: block;
     height: 50px;
     line-height: 50px;
     padding-left: 50px;
     font-size: 16px;
     background-color: #f4f4f4;
     border-bottom: 1px solid #dcdcdc;
     font-weight: bold;
     background-image: url(/Public/images/icon-up.png);
     background-position: right;
     background-repeat: no-repeat;
 }

 .tabs-help-content .us ul li a {
     display: block;
     height: 40px;
     line-height: 40px;
     border-bottom: 1px solid #e7e7e7;
     padding-left: 50px;
 }

 .col-xs-9 {
     width: 74%;
     float: right
 }

 .help-nav-title {
     border-top: 2px solid #a9a9a9;
     height: 55px;
     background-color: #f5f5f5;
     line-height: 55px;
     padding: 0 20px;
     font-size: 16px;
     font-weight: bold;
     border-bottom: 1px solid #ebebeb;
 }

 .p20 {
     padding: 20px;
 }

 .list-group-item {
     font-size: 12px;
     padding: 13px 15px;
     line-height: 22px;
 }

 .list-group-item {
     position: relative;
     display: block;
     margin-bottom: -1px;
     background-color: #fff;
     border: 1px solid #ddd;
 }

 .text-gray {
     color: #a9a9a9;
 }

 .tabs-help li.active a {
     font-size: 18px;
     line-height: 54px;
 }

 .ban {
     float: right;
     width: 1006px
 }

 .main2 {
     width: 1222px;
     margin: 0 auto
 }

 .lmenu {
     float: left;
     width: 216px;
     overflow: hidden
 }

 .lmenu ul li a {
     display: block;
     width: 100%;
     line-height: 29px;
     background: #3e3e3e url(../images/ico2.png) 192px 11px no-repeat;
     color: #fff;
     padding-left: 20px;
     border-bottom: solid 1px #595959;
     border-top: solid 1px #343434;
 }

 .lmenu ul li a:hover {
     background: #008738 url(../images/ico3.png) 192px 11px no-repeat;
     color: #fff;
 }

 .lmenu ul li a:first-child {
     border-top: none
 }

 .plist {
     width: 168px;
     height: 120px;
     float: left;
     margin: 0 20px 20px 0;
     text-align: center;
     overflow: hidden
 }

 .plist .img {
     border: solid 1px #eee;
     text-align: center;
     padding: 10px
 }

 .plist img {
     width: 100%;
     height: 70px;
 }


 .row1 li {
     width: 220px;
     float: left;
     margin-right: 30px;
     text-align: center
 }

 .row1 li img {
     width: 100%;
     height: 220px;
 }

 .row1 li .txt {
     height: 30px;
     line-height: 30px;
     overflow: hidden;
     font-size: 14px;
     color: #333
 }

 .row1 li .txt2 {
     height: 20px;
     line-height: 20px;
     overflow: hidden;
     font-size: 13px;
     color: #999
 }

 .row1 li .price {
     color: #933ea7;
     font-size: 17px;
     margin: 10px 0 5px 0
 }

 .m1 {
     margin-top: 20px
 }

 .row1 li em {
     color: #F60;
     margin-bottom: 10px;
     display: block
 }

 .sbg {
     background: #F9F9F9;
     margin-top: 30px;
     padding-bottom: 40px
 }

 .ptitle {
     border-bottom: solid 1px #eee;
     padding: 40px 0 8px 5px
 }

 .ptitle h1 {
     float: left;
     font-size: 18px;
     font-weight: bold
 }

 .ptitle h2 {
     float: right;
     color: #666
 }

 .ptitle h2 dd {
     float: right;
     font-size: 12px;
     margin-left: 20px
 }

 .ptitle h2 dt {
     float: right;
     font-size: 14px;
 }

 .ptitle h2 dt a {
     margin-left: 20px
 }

 .row2 {
     margin-top: 30px;
 }

 .row2 li {
     background: #FFF;
     margin-right: 15px;
     width: 232px;
 }

 .row1 li .price {
     color: #933ea7;
     font-size: 17px;
 }

 .row2 li .txt,
 .row2 li .txt2 {
     padding: 0 15px
 }


 .fp {
     padding: 0 20px
 }

 .fp input {
     height: 30px;
     border: solid 1px #ccc;
     width: 300px
 }

 .dbnt .tkbnt {
     display: inline-block;
     width: 100px;
     line-height: 30px;
     background: #933ea7;
     color: #FFF;
     font-size: 14px;
     border-radius: 5px;
     text-align: center
 }

 .tkbnt2 {
     color: #933ea7
 }

 .tkbnt3 {
     color: #CCC
 }


 .orderzt2 {
     border: solid 5px #933ea7;
     background-color: #FFFAF3;
     padding: 15px 20px;
     margin-bottom: 10px;
     line-height: 25px;
     width: 1082px;
     margin: 0 auto
 }

 .orderzt2 b {
     margin-right: 50px;
     color: #F15B01
 }

 .tkbnt {
     text-align: left;
     margin-left: 220px;
     margin-top: 10px
 }

 .tkbnt input {
     padding: 2px 10px 4px 10px;
     text-align: center;
     background-color: #933ea7;
     font-size: 14px;
     color: #FFF;
     border: none;
     font-family: 微软雅黑;
     cursor: pointer;
 }

 .fbtime {
     margin-top: 15px
 }

 .tkzt1 {
     font-size: 12px
 }

 .list-cont em {
     color: #933ea7;
     text-align: center;
     display: block
 }

 .qdfont {
     color: #933ea7;
     margin-left: 10px
 }

 .fwcn {
     margin: 20px 0 10px 20px
 }

 .fwcn dt {
     float: left;
     color: #999;
     width: 15%
 }

 .fwcn dd {
     float: left;
     width: 85%
 }

 .fwcn dd span {
     margin-right: 30px;
 }

 .yf {
     margin-top: 20px
 }

 .price-qd {
     margin: 10px 0 0 40px;
     color: #FFF
 }

 .sizebtn {
     cursor: pointer
 }

 #costPoint {
     border: solid 1px #ccc;
     height: 25px
 }

 .jifen {
     display: none
 }
 .content{
     margin-top: 10px
 }