* {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei", "微软雅黑", "黑体";
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
}

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

body {
    font-size: 12px;
    width: 100%;
    width: expression(document.body.clientWidth <=1920? "1000px": "auto");
}

.solid {
    width: 1330px;
    height: 2px;
    border-bottom: 1px solid #eeeeee;
    margin: auto;
}

/*index.html-header*/
.header2 {
    width: 100%;
    height: 200px;
    float: left;
}

.header-box {
    width: 100%;
    height: 50px;
    background-color: #363636;
}

.header-box .header {
    width: 1300px;
    height: 50px;
    margin: auto;
}

.header-left-title {
    width: 370px;
    height: 50px;
    float: left;
}

.header-left-title .welcome {
    font-size: 14px;
    color: #dddddd;
    display: inline-block;
    height: 50px;
    width: 200px;
    line-height: 50px;
    float: left;
}

.header-left-title .welcome a {
    color: #dddddd;
    font-size: 14px;
}

.header-left-title .welcome a:hover {
    color: #f5a700;
}

.header-left-title .login {
    color: #dddddd;
    display: inline-block;
    height: 50px;
    width: 160px;
    line-height: 50px;
    float: left;
}

.header-left-title .login a {
    color: #dddddd;
    font-size: 14px;
}

.header-left-title .login a:hover {
    color: #f5a700;
}

.icon {
    vertical-align: middle;
    line-height: 50px;
    width: 20px;
    height: 20px;
}

.header-center-title {
    width: 450px;
    height: 50px;
    float: left;
    line-height: 50px;
    margin-left: 50px;
}

.header-center-title ul li {
    height: 50px;
    width: 80px;
    text-align: center;
    margin-left: 10px;
    float: left;
    position: relative;
}

.header-center-title ul li .count {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #ffffff;
    width: 17px;
    height: 17px;
    border-radius: 10px;
    background-color: #e4393c;
    line-height: 17px;
}

.header-center-title ul li:hover {
    background-color: #f5a700;
}

.header-center-title ul li a {
    display: block;
    color: #dddddd;
    font-size: 14px;
}

.header-center-title ul li a:hover {
    color: #ffffff;
}

.header_right_title {
    width: 300px;
    height: 50px;
    float: right;
}

.header_right_title ul li {
    height: 50px;
    width: 80px;
    text-align: center;
    line-height: 50px;
    float: left;
}

.header_right_title ul li:hover {
    background-color: #f5a700;
}

.header_right_title ul li a {
    font-size: 14px;
    color: #dddddd;
    display: block;
}

.header_right_title ul li a:hover {
    color: #ffffff;
}

.header_right_title .kefu-icon {
    line-height: 10px;
    display: inline-block;
}

.header-nav-box {
    width: 100%;
    height: 160px;
    box-shadow: 0 2px 2px #DDDDDD;
}

.header-nav-box .nav {
    width: 1300px;
    height: 120px;
    margin: auto;
}

.header-nav-box .nav .nav-logo {
    width: 320px;
    height: 120px;
    line-height: 120px;
    float: left;
}

.header-nav-box .nav .nav-logo img {
    width: 320px;
    height: 80px;
    vertical-align: middle;
}

.header-nav-box .nav .nav-search-box {
    width: 700px;
    height: 120px;
    float: left;
    margin-left: 30px;
}

.header-nav-box .nav .nav-search-box .nav-search {
    width: 600px;
    height: 40px;
    line-height: 40px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

.header-nav-box .nav .nav-search-box .nav-search .bar1 .text {
    width: 450px;
    height: 33px;
    border: 1px solid #f5a700;
    outline: none;
    font-size: 14px;
}

.header-nav-box .nav .nav-search-box .nav-search .bar1 .btn {
    width: 50px;
    height: 35px;
    background-color: #f5a700;
    border: none;
    outline: none;
    color: #ffffff;
    font-size: 14px;
}

.header-nav-box .nav .nav-search-box .search-key {
    width: 500px;
    height: 35px;
    float: left;
}

.header-nav-box .nav .nav-search-box .search-key .key-title {
    float: left;
    color: #666666;
    display: inline-block;
    font-size: 16px;
}

.key {
    margin-left: 10px;
    width: 400px;
    height: 35px;
    float: left;
    font-size: 16px;
}

.key ul li {
    padding-left: 10px;
    float: left;
}

.key ul li a {
    color: #666666;
    font-size: 14px;
}

.key ul li a:hover {
    color: #f5a700;
    text-decoration: underline;
}

.wechat-box {
    width: 300px;
    height: 120px;
    float: right;
    line-height: 115px;
}

.wechat-box ul li {
    padding-left: 15px;
    float: left;
}

.wechat-box ul li img {
    vertical-align: middle;
}

.nav-daohang {
    width: 1300px;
    height: 35px;
    margin: 0 auto;
}

.daohang {
    margin-left: 150px;
    width: 1100px;
    height: 35px;
}

.nav-daohang ul {
    text-align: center;
}

.nav-daohang ul li {
    width: auto;
    height: 35px;
    line-height: 35px;
    margin-left: 35px;
    float: left;
}

.nav-daohang ul li:hover {
    background-color: #f5a700;
    border-radius: 5px;
}

.nav-daohang ul a {
    color: #666666;
    display: block;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.nav-daohang ul a:hover {
    color: #ffffff;
}

/*index.html-main*/
.main-box {
    width: 100%;
    height: auto;
    margin-top: 20px;
    float: left;
}

.main {
    width: 1350px;
    height: 460px;
    margin: 0 auto;
}

.main-left {
    width: 211px;
    height: auto;
}

.main-center {
    width: 900px;
    height: auto;
    float: left;
    margin-left: 10px;
}

.main-bottom {
    width: 900px;
    height: 150px;
    background-color: #A10000;
    margin-top: 5px;
}

.main-bottom ul li {
    float: left;
    overflow: hidden
}

.main-bottom ul li img {
    transition: all 0.6s;
    width: 300px;
    height: 150px;
}

.main-bottom ul li img:hover {
    transform: scale(1.2);
}

.main-bottom-case {
    width: 900px;
    height: 230px;
    margin-top: 5px;
}

.main-bottom-case ul li {
    float: left;
    overflow: hidden
}

.main-bottom-case ul li img {
    transition: all 0.6s;
    width: 225px;
    height: 126px;
}

.main-bottom-case ul li img:hover {
    transform: scale(1.2);
}

.login-box {
    width: 200px;
    height: 440px;
    float: left;
    margin-left: 10px;
    box-shadow: 2px 0 4px #D5D5D5;
    border-radius: 5px;
}

.login-title {
    width: 200px;
    height: auto;
    padding-top: 10px;
}

.login-title .log-img {
    width: 80px;
    height: 50px;
    text-align: center;
    display: inline-block;
    float: left;
}

.log-text {
    width: 115px;
    height: 50px;
    display: inline-block;
    padding-top: 3px;
}

.log-text ul li {
    padding-top: 5px;
}

.log-text a {
    font-size: 12px;
    color: #666666;
}

.log-text a:hover {
    color: #f5a700;
    text-decoration: underline;
}

.log-main {
    width: 190px;
    height: 150px;
    float: left;
}

.log-main .log-int {
    width: 150px;
    height: 40px;
    font-size: 16px;
    color: #666666;
    margin-top: 3px;
    border-bottom: solid 1px #f5a700;
    outline: none;
    border-right: none;
    border-top: none;
    border-left: none;
}

.log-main .log-go {
    width: 180px;
    height: 30px;
    background-color: #f5a700;
    border: none;
    margin-top: 10px;
    border-radius: 5px;
    color: #ffffff;
    margin-left: 5px;
}

.log-list {
    width: 191px;
    height: 182px;
    background-color: #f5a700;
    float: left;
    margin-top: 10px;
    border-radius: 5px;
    margin-left: 2px;
}

.log-list ul li {
    text-align: center;
    float: left;
}

.log-list ul li a {
    color: #ffffff;
    display: block;
    width: 95px;
    height: 60px;
    line-height: 60px;
    font-size: 12px;
    font-weight: bold;
}

.log-list ul a:hover {
    background-color: #363636;
    color: #ffffff;
    border-radius: 5px;
}

.log-list ul li.li1 a {
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.log-list ul li.li2 a {
    border-bottom: 1px solid #ffffff;
}

.log-list ul li.li3 a {
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.log-list ul li.li4 a {
    border-bottom: 1px solid #ffffff;
}

.log-list ul li.li5 a {
    border-right: 1px solid #ffffff;
}

.msg-box {
    width: 200px;
    height: 235px;
    margin-top: 10px;
    margin-left: 10px;
    float: left;
    box-shadow: 2px 0 4px #D5D5D5;
    border-radius: 5px;
}

.tab-margin {
    font-size: 12px;
}


/*index.html-products*/
.products-box {
    width: 1330px;
    height: auto;
    margin: 0 auto;
}

.products-title {
    width: 1330px;
    height: 40px;
    line-height: 40px;
}

.products-title .rq {
    font-size: 24px;
    color: #666666;
    padding-left: 15px;
}

.products-title .tishi {
    font-size: 14px;
    color: #666666;
    margin-left: 25px;
}

.products-title .all-title {
    float: right;
    color: #666666;
}

.products-title .all-title a {
    color: #666666;
    font-size: 16px;
}

.products-title .all-title a:hover {
    color: #f5a700;
    font-weight: bold;
}

.products {
    width: 240px;
    height: 350px;
    background-color: #ffffff;
    float: left;
    margin-top: 15px;
    margin-left: 15px;
    box-shadow: 2px 0 4px #D5D5D5;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
    border: 1px solid #eeeeee;
}

.products:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    border: solid 1px #f5a700;
}

.products .products-img {
    width: 240px;
    height: 220px;
    background-color: #A10000;
    position: relative;
}

.products .products-img>a img {
    width: 240px;
    height: 220px;
}

.hot-label {
    position: absolute;
    top: 0;
    right: 0;
}

.hot-label img {
    width: 50px;
    height: 50px;
}

.products-title2 {
    width: 240px;
    height: 35px;
    padding-left: 10px;
    margin-top: 5px;
}

.products-title2 a {
    color: #000000;
    font-size: 14px;
}

.products-title2 a:hover {
    color: #f5a700;
    text-decoration: underline;
}

.products-title3 {
    padding-left: 10px;
    margin-top: 10px;
}

.products-title3 ul li {
    float: left;
    padding-left: 5px;
}

.products-title3 ul li a {
    display: block;
    background-color: #f5a700;
    font-size: 12px;
    border-radius: 4px;
    color: #ffffff;
    padding-left: 3px;
    padding-right: 3px;
}

.products-piece {
    width: 240px;
    height: 50px;
    float: left;
    margin-top: 8px;
    line-height: 50px;
}

.products-piece .piece {
    color: #e4393c;
    font-size: 18px;
    padding-left: 10px;
}

.products-piece .count {
    float: right;
    padding-right: 10px;
    color: #666666;
    font-size: 14px;
}

.youhui-products-box {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;
}

.youhui {
    width: 1330px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #eeeeee;
    padding-top: 10px;
}


/*index.html-products end*/

/*index.html-liucheng*/
.liucheng-box {
    width: 100%;
    height: 330px;
    float: left;
    margin-top: 30px;

}

.liucheng-box .liucheng {
    width: 1330px;
    height: 330px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #eeeeee;
    padding-top: 20px;
}

.liucheng-content {
    width: 240px;
    height: 300px;
    border-radius: 8px;
    box-shadow: 2px 0 4px #D5D5D5;
    border: 1px solid #eeeeee;
    float: left;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
    margin-left: 15px;
}

.liucheng-content:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}

.liucheng-title {
    width: 240px;
    height: 150px;
    background-image: url(../images/tuoyuan.jpg);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-repeat: no-repeat;
    line-height: 100px;
    text-align: center;
}

.liucheng-title span {
    color: #ffffff;
    display: block;
    font-size: 26px;
    font-weight: bold;
}

.liucheng-title span img {
    vertical-align: middle;
}

.liucheng-message {
    padding-left: 15px;
    padding-right: 15px;
    color: #666666;
    font-size: 16px;
}

.liaojie-btn {
    width: 240px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin-top: 15px;
}

.liaojie-btn a {
    width: 120px;
    height: 35px;
    background-color: #f5a700;
    color: #ffffff;
    display: block;
    margin-left: 25%;
    border-radius: 8px;
}

/*index.html-liucheng*/

/*index.html-footer */
.footer-box {
    width: 100%;
    height: 100px;
    background-color: #363636;
    float: left;
    margin-top: 20px;

}

.footer-box .footer-list-box {
    width: 1330px;
    height: 260px;
    margin-left: auto;
    margin-right: auto;
}

.footer-box .footer-list-box .footer-list {
    width: 200px;
    height: 150px;
    padding-top: 25px;
    float: left;
}

.footer-box .footer-list-box .footer-list ul {
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
}

.footer-box .footer-list-box .footer-list ul li a {
    display: block;
    color: #dddddd;
    font-size: 14px;
    font-weight: normal;
}

.footer-box .footer-list-box .footer-list ul li a:hover {
    text-decoration: underline;
}

.footer-box .footer-list-box .footer-list ul li {
    padding-top: 8px;
    padding-left: 25px;
}

.footer-box .footer-list-box .footer-list ul .magin {
    margin-top: 15px;
}

.footer-box .footer-list-box .footer-list ul #phone a {
    color: #f5a700;
    font-size: 16px;
}

.footer-box .footer-list-box .footer-list ul #guanzhu a {
    display: block;
    width: 100px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
}

.footer-box .footer-footer {
    width: 1330px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #dddddd;
    line-height: 30px;
    font-size: 14px;
}

/*index.html---footer end*/

/**左侧菜单index.html-**/
.sec-mainL {
    width: 211px;
    box-shadow: 2px 0 4px #D5D5D5;
    position: relative;
    z-index: 5;
}

.mainL-hd-box {

    background: url(../images/index.png) no-repeat 0 39px;
}

.mainL-hd {
    height: 39px;
    line-height: 39px;
    text-align: center;
    cursor: pointer;
    background: #f5a700;
}

.mainL-hd a {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.mainL-hd a:before {
    content: "";
    display: inline-block;
    background: url(../images/iconsB.png) no-repeat -73px 0;
}

/**菜单列表**/

.sec-mainNav>li {
    padding: 25px 39px 25px;
    position: relative;
    background: #F0F0F0;
    cursor: pointer;
    z-index: 4;
}

.sec-mainNav>li:nth-child(2n) {
    background: #FFF;
}

.sec-mainNav>li h3 {
    font-size: 16px;
}

.sec-mainNav>li.hover {
    background: #545651;
}

.sec-mainNav>li.hover h3,
.sec-mainNav>li.hover .menu-tab a {
    color: #fff;
}

.sec-mainNav li .menu-tab {
    margin-top: 10px;
}

.sec-mainNav li .menu-tab a {
    float: left;
    margin-right: 6px;
    color: #888;
}

.sec-mainNav li .menu-tab a:hover {
    color: #f5a700;
    text-decoration: underline;
}

.sec-mainNav li .menu-more {
    position: absolute;
    display: block;
    width: 6px;
    height: 9px;
    right: 19px;
    top: 28px;
    line-height: 999;
    overflow: hidden;
    background: url(../images/index.png) no-repeat 0 -6px;
}

/**二级菜单**/

.menu-panel {
    position: absolute;
    width: 446px;
    padding: 18px 34px;
    /*display:;*/
    top: 0;
    left: 210px;
    z-index: 5;
    box-shadow: inset 2px 0 5px 0 #D5D5D5, 2px 0 3px #E8E8E8;
    background: #fff;
    display: none;
}

.menu-panel h4 {
    font-family: "Microsoft YaHei", "微软雅黑", "黑体";
    font-size: 14px;
    color: #f5a700;
    margin-bottom: 9px;
}

.menu-panel-hd {
    border-bottom: 1px dotted #E2E2E2;
    padding-bottom: 12px;
    margin-bottom: 14px;
    line-height: 1.5;
    font-size: 20px;
}

.sub-group a {
    color: #555;
    display: inline-block;
    margin-right: 20px;
    font-size: 16px;
    line-height: 2.4em;
}

.sub-group a:hover {
    color: #f5a700;
    text-decoration: underline;
}

.menu-panel-bd li {
    float: left;
    width: 88px;
    height: 56px;
    border: 1px solid #EDEEEF;
    margin: 0 0 -1px -1px;
    background-color: #FFF;
}

.menu-panel-bd li a {
    display: block;
    text-align: center;
}

.menu-panel-bd li a img {
    width: 80px;
    height: 27px;
    margin-top: 14px;
}

.menu-panel-btn {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    margin-top: 15px;
    padding: 0 10px;
    color: #FFF;
    background-color: #f5a700;
}

.menu-panel-btn em {
    width: 0;
    height: 0;
    margin-left: 6px;
    overflow: hidden;
    font-size: 0;
    display: inline-block;
    border-width: 4px;
    border-color: transparent transparent transparent #FFF;
    border-style: dashed dashed dashed solid;
}

/**中间部分**/

.sec-mainM {
    width: 666px;
    position: relative;
    z-index: 3;
}

.left {
    float: left;
}

.right {
    float: right;
}

/*轮播图 index.html-*/
#flash {
    width: 900px;
    height: 400px;
    margin: 0 auto;
    position: relative;
}

#flash #play {
    width: 900px;
    height: 400px;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
}

#flash #play li {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

#flash #play li img {
    float: left;
}

#button {
    position: absolute;
    bottom: 20px;
    left: 40%;
    list-style: none;
}

#button li {
    margin-left: 10px;
    float: left;
}

#button li div {
    width: 20px;
    height: 20px;
    background: #f5a700;
    border-radius: 15px;
    cursor: pointer;
    text-align: center;
    line-height: 20px;
    color: #ffffff;
}

#prev {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 40%;
    left: 10px;
    z-index: 1000;
    background-color: #f5a700;
    opacity: 0.5;
    border-radius: 25px;
}

#next {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 40%;
    right: 10px;
    z-index: 1000;
    background-color: #f5a700;
    opacity: 0.5;
    border-radius: 25px;
}

/*轮播图 index.html-*/

/*选项卡 index.html-*/
#tab {
    width: 200px;
    padding-top: 5px;

}

#tab h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    float: left;
    right: 5px;
    width: 60px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #666666;
}

#tab div {
    clear: both;
    height: 100px;
    font-size: 14px;
    padding: 5px 0 0 5px;
    display: none;
}

#tab h3.active {
    border-bottom: solid 2px #f5a700;
    font-weight: bold;

}

#tab h3:hoveR {
    cursor: pointer;
}

#tab div.content {
    display: block;
}

#tab div ul li {
    padding-top: 6px;
}

#tab div ul li a:hover {
    color: #f5a700;
    text-decoration: underline;
}

#tab div a {
    display: block;
    color: #666666;
}

/*选项卡 index.html-*/


/*login.html*/
.main-login-box {
    width: 100%;
    height: 517px;
    float: left;
    margin-top: 30px;
    background-image: url("../images/login-bg2.jpg");
}

.login-main {
    width: 1330px;
    height: 517px;
    margin-left: auto;
    margin-right: auto;
}

.login-main #login-content {
    width: 400px;
    height: 360px;
    background-color: #ffffff;
    float: right;
    margin-top: 60px;
    border-radius: 10px;
    border: solid 1px #363636;
}

.login-content-title {
    width: 100%;
    height: 50px;
    background-color: #363636;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    line-height: 50px;
}

.login-content-title h6 {
    float: left;
    font-size: 16px;
    color: #dddddd;
    padding-left: 5px;
}

.login-content-title h3 {
    float: right;
    color: #dddddd;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 14px;
    cursor: pointer;
}

.login-content-title h3.active {
    background-color: #f5a700;
    color: #ffffff;
}

.login-content-mid {
    width: 330px;
    height: 200px;
    float: left;
    margin-top: 20px;
    margin-left: 35px;
}

.login-content-mid .date-group {
    width: 295px;
    height: 40px;
    margin-top: 5px;
    position: relative;
    padding-top: 15px;
}

.login-content-mid .date-group input {
    width: 285px;
    height: 40px;
    padding-left: 40px;
    font-size: 16px;
    border: solid 1px #363636;
}

.login-content-mid .date-group .code {
    width: 150px;
    height: 40px;
}

.login-content-mid .date-group>i {
    position: absolute;
    left: 8px;
    top: 22px;
}

.login-content-bottom {
    float: left;
    width: 330px;
    height: 30px;
    margin-left: 35px;
    text-align: center;
}

.login-content-bottom span a {
    font-size: 16px;
    color: #f5a700;
    font-weight: bold;
}

.login-content-bottom span a:hover {
    text-decoration: underline;
}

.login-bottom-btn {
    float: left;
    margin-left: 35px;
}

.login-bottom-btn>button {
    width: 330px;
    height: 40px;
    background-color: #f5a700;
    border: none;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

.login-bottom-btn>button:hover {
    background-color: #363636;
    color: #ffffff;
}

.main-login-box #con_two_2 {
    display: block;
}

.main-login-box #con_two_1 {
    display: none;
}

/*login.html*/

/*reg.html*/
.reg-main-box {
    width: 100%;
    height: auto;
    background-color: #eeeeee;
    float: left;
    margin-top: 20px;
    padding-bottom: 15px;

}

.reg-main {
    width: 1000px;
    background-color: #ffffff;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding-bottom: 10px;
    box-shadow: 0 2px 2px #DDDDDD;
}

.reg-title {
    width: 1000px;
    height: 50px;
}

.reg-title h3 {
    margin-top: 20px;
    margin-left: 30px;
    color: #666666;
    font-size: 16px;
    float: left;
}

.reg-title h3:hover {
    color: #f5a700;
    cursor: pointer;
}

.reg-move {
    width: 910px;
    height: 33px;
    margin-left: 30px;
    margin-top: 15px;
}

.reg-content {
    width: 910px;
    height: auto;
    margin-top: 15px;
    margin-left: 30px;
    text-align: center;
}

.reg-content ul li {
    margin-top: 30px;
    font-size: 14px;
}

.reg-content ul li i {
    color: #A10000;
    font-size: 14px;
}

.reg-content ul li input {
    width: 200px;
    height: 35px;
    font-size: 14px;
    margin-left: 10px;
}

.reg-content ul .reg-code input {
    width: 120px;
    height: 35px;
}

.reg-content ul li .reg-checkbox {
    width: 15px;
    height: 15px;
}

.reg-content ul li a {
    color: #000000;
}

.reg-content ul li button {
    width: 150px;
    height: 40px;
    border: none;
    background-color: #f5a700;
    color: #ffffff;
    border-radius: 5px;
    font-size: 16px;
}

.reg-main-box .reg-main .reg-title .active {
    border-bottom: solid 1px #f5a700;
}

/*reg.html*/


/*products-show.html*/
.products-box-main {
    width: 100%;
    height: auto;
    float: left;
}

.products-box-main .products-show-box {
    width: 1330px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.products-box-main .products-show-box .products-show-box-title {
    width: 1330px;
    height: 35px;
    line-height: 35px;
    margin-top: 10px;
}

.products-box-main .products-show-box .products-show-box-title ul li {
    float: left;
    cursor: pointer;
    padding-left: 10px;
}

.products-box-main .products-show-box .products-show-box-title ul li a {
    font-size: 16px;
    color: #666666;
}

.products-box-main .products-show-box .products-show-box-title ul li a:hover {
    color: #f5a700;
}

.products-box-main .products-show-box .products-show-box-mid {
    width: 1330px;
    height: 550px;
    float: left;
}

.products-box-main .products-show-box .products-show-box-mid .products-img {
    width: 450px;
    height: 550px;
    float: left;
}

.products-box-main .products-show-box .products-show-box-mid .products-box-mid-content {
    width: auto;
    height: 520px;
    float: left;
    margin-left: 15px;
    border: solid 1px #eeeeee;
    padding-left: 10px;
    padding-top: 10px;
}

.products-box-main .products-show-box .products-show-box-mid .products-box-mid-content .ul-box {
    width: 500px;
    height: 500px;
}

.products-box-main .products-show-box .products-show-box-mid .products-box-mid-content .ul-box li {
    padding-top: 10px;
}

.products-box-main .products-show-box .products-show-box-mid .products-box-mid-content table div {
    color: #666666;
    font-size: 14px;
}

.products-box-main .products-show-box .products-show-box-mid .products-box-mid-content .price {
    color: #e4393c;
    font-size: 20px;
    font-weight: bolder;
}

.products-box-main .products-show-box .products-show-box-mid .products-box-mid-content .time {
    font-size: 14px;
}

.products-box-main .products-show-box .products-show-box-mid .products-box-mid-content .statistics {
    width: 480px;
    height: 50px;
}

.products-box-main .products-show-box .products-show-box-mid .products-box-mid-content .statistics li {
    width: 158px;
    height: 50px;
    float: left;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #666666;
    border: solid 1px #eeeeee;
    position: relative;
}

.products-box-main .products-show-box .products-show-box-mid .products-box-mid-content .statistics li .count {
    position: absolute;
    top: 5px;
    right: 30px;
    color: #ffffff;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #e4393c;
    line-height: 20px;
    font-size: 12px;
}

.products-box-main .products-show-box .products-show-box-mid .products-box-mid-content .statistics2 li {
    float: left;
    padding-left: 15px;
    font-size: 12px;
}

.products-box-main .products-show-box .products-show-box-mid .products-box-mid-content table button {
    width: 35px;
    height: 35px;
    font-size: 14px;
}

.products-box-main .products-show-box .products-show-box-mid .products-box-mid-content table .kucun {
    width: 100px;
    height: 31px;
    font-size: 14px;
    text-align: center;
}

.products-box-main .products-show-box .products-show-box-mid .products-box-mid-content .buy {
    width: 150px;
    height: 40px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    background-color: #f5a700;
    color: #ffffff;
    margin-left: 15px;
}

.products-shop-box {
    width: 255px;
    height: 380px;
    border: solid 1px #eeeeee;
    float: left;
    margin-left: 10px;
}

.products-shop-box ul {
    width: 255px;
    height: 45px;
    border-top: solid 2px #363636;
    line-height: 45px;
    text-align: center;
    background-color: #f5a700;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}

.products-shop-box li {
    width: 250px;
    height: auto;
    color: #666666;
    font-size: 14px;
    text-align: left;
    padding-left: 5px;
    font-weight: normal;
    border-bottom: dashed 1px #e2e2e2;
}

.products-shop-box li button {
    width: 100px;
    height: 35px;
    border: solid 1px #D5D5D5;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    color: #666666;
    margin-left: 10px;
    margin-top: 15px;
    border-radius: 5px;
}

.products-shop-box li button a {
    display: block;
    font-size: 16px;
    color: #666666;
}

.products-shop-box li button a:hover {
    background-color: #f5a700;
    color: #ffffff;
    border-radius: 5px;
}

.goods-detail-box {
    width: 1330px;
    height: 500px;
}

.goods-detail-box .detail-left {
    width: 978px;
    height: auto;
    float: left;
}

.goods-detail-box .detail-left .detail-title {
    width: 978px;
    height: 50px;
    background-color: #fafafa;
    border: solid 1px #d2d2d2;
}

.goods-detail-box .detail-left .detail-title ul li {
    width: 180px;
    height: 50px;
    float: left;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    color: #6c6c6c;
    cursor: pointer;
}

.goods-detail-box .detail-left .detail-title ul li:hover {
    color: #f5a700;
    background-color: #ffffff;
    font-weight: bold;
}

.goods-detail-box .detail-left .detail {
    width: 978px;
    height: auto;
    margin-top: 10px;
    font-size: 16px;
    display: block;
}

.goods-detail-box .detail-left .detail2 {
    display: none;
}

.goods-detail-box .detail-left .detail-title .active {
    background-color: #ffffff;
    color: #f5a700;
}

.goods-detail-box .detail-left .detail-page {
    width: 978px;
    height: 50px;
    line-height: 40px;
}

.goods-detail-box .detail-left .detail-page ul li {
    float: left;
    text-align: center;
    margin-left: 5px;
    margin-top: 10px;
}

.goods-detail-box .detail-left .detail-page ul li a {
    color: #666666;
    display: block;
    width: 80px;
    height: 40px;
    border: solid 1px #D5D5D5;
}

.goods-detail-box .detail-left .detail3 {
    display: none;
    width: 978px;
    height: auto;
}

.goods-detail-box .detail-left .detail3-title {
    width: 978px;
    height: 50px;
    background-color: #fafafa;
    margin-top: 10px;
    border-bottom: solid 1px #D5D5D5;
    line-height: 50px;
}

.goods-detail-box .detail-left .detail3-title ul li {
    width: 244px;
    height: 50px;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
}

.goods-detail-box .detail-left .detail3-order {
    width: 978px;
    height: 50px;
    margin-top: 10px;
    border-bottom: solid 1px #D5D5D5;
    padding-top: 10px;
}

.goods-detail-box .detail-left .detail3-order ul li {
    width: 244px;
    height: 50px;
    float: left;
    text-align: center;
    font-size: 13px;
}

.goods-detail-box .detail-right {
    width: 250px;
    height: auto;
    float: left;
    margin-left: 10px;
    border: solid 1px #D5D5D5;
    padding-bottom: 5px;
}

.goods-detail-box .detail-right .detail-right-title {
    height: 40px;
    width: 250px;
    border-top: solid 2px #363636;
    background-color: #f5a700;
    line-height: 40px;
}

.goods-detail-box .detail-right .detail-right-title span {
    color: #ffffff;
    font-size: 14px;
}

.goods-detail-box .detail-right .detail-right-title span a {
    display: block;
    color: #ffffff;
    font-size: 14px;
}

.goods-detail-box .detail-right ul li {
    width: 240px;
    height: 75px;
    border-bottom: dashed 1px #D5D5D5;
    padding-top: 15px;
    padding-left: 10px;
}

.goods-detail-box .detail-right ul li h3 {
    color: #e4393c;
    font-size: 14px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.goods-detail-box .detail-right ul li a {
    float: left;
    padding-right: 5px;
}

.goods-detail-box .detail-right ul li p {
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #e4393c;
}

/*product-show end!*/



/*goods.html*/
.goods-box {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 15px;
}

.goods-main-box {
    width: 1335px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.goods-location {
    width: 1335px;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
}

.goods-location img {
    vertical-align: middle;
}

.goods-location span {
    color: #666666;
    font-size: 16px;
    margin-left: 5px;
}

.goods-location span a {
    color: #666666;
    font-size: 16px;
}

.goods-location span a:hover {
    color: #f5a700;
    text-decoration: underline;
}

.goods-left-nav {
    width: auto;
    height: auto;
    margin-top: 10px;
    float: left;
}

.goods-left-nav .goods-zuijin {
    width: 214px;
    height: auto;
    float: left;
    margin-top: 15px;
    box-shadow: 0 2px 2px #DDDDDD;
}

.goods-zuijin-title {
    width: 204px;
    height: 40px;
    line-height: 40px;
    background-color: #f5a700;
    padding-left: 10px;
    color: #ffffff;
    font-size: 16px;
}

.goods-zuijin-products {
    border-left: solid 1px #d2d2d2;
    border-right: solid 1px #d2d2d2;
    border-bottom: solid 1px #d2d2d2;
    width: 207px;
    height: auto;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.goods-zuijin-products:hover {
    background-color: #fafafa;
}

.goods-zuijin-products a:hoveR {
    text-decoration: underline;
}

.goods-zuijin-bottom {
    width: 214px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.goods-zuijin-bottom a {
    color: #666666;
    font-size: 16px;
    display: block;
    width: 212px;
    height: 40px;
    border-left: solid 1px #d2d2d2;
    border-right: solid 1px #d2d2d2;
    border-bottom: solid 1px #d2d2d2;
}

.goods-zuijin-bottom a:hover {
    color: #f5a700;
    text-decoration: underline;
}

.goods-right-box {
    width: 1100px;
    height: auto;
    margin-left: 15px;
    float: left;
    margin-top: 10px;
}

.goods-right-hot {
    width: 1100px;
    height: 150px;
    border-left: solid 1px #d2d2d2;
    border-bottom: solid 1px #d2d2d2;
    border-right: solid 1px #d2d2d2;
}

.goods-right-hot span {
    font-size: 16px;
    width: 1085px;
    height: 40px;
    line-height: 40px;
    background-color: #fafafa;
    display: block;
    padding-left: 15px;
    color: #666666;
    border-top: solid 2px #f5a700;
}

.goods-right-hot ul li {
    float: left;
    padding-top: 5px;
    padding-left: 50px;
}

.goods-right-hot ul li .buy {
    width: 75px;
    height: 30px;
    display: block;
    background-color: #f5a700;
    border-radius: 3px;
    color: #ffffff;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
}

.goods-right-hot ul li .buy:hover {
    background-color: #e4393c;
}

.goods-right-split {
    width: 1100px;
    height: 40px;
    background-color: #fafafa;
    margin-top: 10px;
}

.goods-right-split table {
    border-collapse: collapse;
    border-color: #d2d2d2;
}

.goods-right-split table tr td {
    text-align: center;
    color: #666666;
    font-size: 14px;
}

.goods-right-split table tr td:hover {
    background-color: #ffffff;
}

.goods-right-split table tr td a {
    color: #666666;
    font-size: 14px;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 40px;
}

.goods-right-split table tr td a:hover {
    color: #f5a700;
}

.goods-right-split table tr td a img {
    vertical-align: middle;
}

.goods-right-split table input {
    width: 50px;
    height: 20px;
}

.goods-right-split table button {
    width: 50px;
    height: 25px;
    color: #666666;
    margin-left: 5px;
}

.goods-right-split table select {
    width: 150px;
    height: 25px;
}

.goods {
    width: 1100px;
    height: auto;
    margin-top: 10px;
}

.goods ul .goods-products {
    width: 250px;
    height: 380px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border: solid 1px #d2d2d2;
    position: relative;
}

.goods ul .goods-products:hover {
    border: solid 1px #e4393c;
}

.goods .goods-small-img {
    width: 250px;
    height: 50px;
}

.goods .goods-small-img li {
    float: left;
    width: 50px;
    height: 50px;
    margin-top: 5px;
    margin-left: 10px;
    border: solid 1px #d2d2d2;
}

.goods .goods-small-img li:hover {
    border: solid 1px #e4393c;
}

.goods-title {
    width: 250px;
    height: 60px;
    float: left;
    margin-top: 5px;
}

.goods-title a {
    font-size: 14px;
    color: #000000;
}

.goods-title a:hover {
    color: #f5a700;
    text-decoration: underline;
}

.goods-label {
    width: 250px;
    height: 20px;
    float: left;
}

.goods-label ul li {
    float: left;
    margin-left: 5px;
}

.goods-label ul li a {
    display: block;
    background-color: #f5a700;
    font-size: 12px;
    border-radius: 4px;
    color: #ffffff;
    padding-left: 3px;
    padding-right: 3px;
}

.goods-money {
    position: absolute;
    left: 5px;
    top: 340px;
    color: #e4393c;
    font-size: 16px;
}

.goods-shop-name {
    width: 250px;
    height: 35px;
    display: block;
    float: left;
    line-height: 35px;
    color: #666666;
    font-size: 16px;
}

.goods-shop-name img {
    vertical-align: middle;
}

.goods-products .add-cart {
    width: 35px;
    height: 35px;
    display: block;
    background-color: #f5a700;
    border-radius: 35px;
    position: absolute;
    right: 15px;
    top: 340px;
    text-align: center;
    line-height: 28px;
}

.goods-page {
    width: 1100px;
    height: 35px;
    float: left;
    margin-top: 30px;
}

.goods-page ul li {
    float: left;
    border: solid 1px #d2d2d2;
    padding-left: 5px;
    padding-right: 5px;
    height: 35px;
    line-height: 35px;
    margin-left: 10px;
}

.goods-page ul li a {
    color: #666666;
    font-size: 14px;
    display: block;
}

.goods-page ul li a:hover {
    color: #f5a700;
}

/*goods.html*/

/*products-show.html产品焦点图*/
#outBox {
    width: 1002px;
    height: 540px;

}

.w {
    width: 450px;
    height: 450px;

}

.leftBox {
    width: 450px;
    height: 540px;
    float: left;

}

.normalBox {
    overflow: hidden;
    position: relative;
    border: 1px solid #f2f2f2;
}

.normalBox .w {
    display: none;
}

.botBox {
    width: 450px;
    height: 70px;
    background: white;
    overflow: hidden;
    border-left: solid 1px #eeeeee;
    border-right: solid 1px #eeeeee;
    border-bottom: solid 1px #eeeeee;
    padding-top: 10px;

}

.botBox ul li {
    float: left;
    width: 54px;
    height: 54px;
    border: 2px solid #fff;
    border-radius: 5px;
    margin-left: 26px;
    opacity: 0.5;
}

.bord {
    border-color: #e4393c !important;
    opacity: 1 !important;
}

.moveBox {
    width: 200px;
    height: 200px;
    background: rgba(222, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    cursor: move;

}

.magBox {
    width: 540px;
    height: 540px;
    border: 1px solid #f2f2f2;
    position: relative;
    float: left;
    overflow: hidden;
    display: none;
    z-index: 9999;
}

.magBox ul li {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

#n, .m {
    display: block !important;
}

/*products-show产品焦点图end*/





/*cart.html*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.cart {
    width: 1330px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.cart-box {
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 20px;
}

.cart-buzhou {
    width: 1330px;
    height: 33px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.catbox {
    width: 1330px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.catbox table {
    text-align: center;
    width: 100%;
    border-collapse: collapse;
}

.catbox table th, .catbox table td {
    border: 1px solid #CADEFF;
}

.catbox table th {
    background: #e2f2ff;
    border-top: 3px solid #a7cbff;
    height: 30px;
}

.catbox table td {
    padding: 10px;
    color: #444;
}

.catbox table tbody tr:hover {
    background: RGB(238, 246, 255);
}

.checkbox {
    width: 60px;
}

.cart-goods {
    width: 600px;
}

.cart-goods span {
    width: 180px;
    margin-top: 20px;
    text-align: left;
    float: left;
}

.cart-goods img {
    width: 100px;
    height: 80px;
    margin-right: 10px;
    float: left;
    border: solid 1px #d2d2d2;
    padding: 3px;
}

.price {
    width: 130px;
}

.count {
    width: 90px;
}

.count .add, .count input, .count .reduce {
    float: left;
    margin-right: -1px;
    position: relative;
    z-index: 0;
}

.count .add, .count .reduce {
    height: 23px;
    width: 17px;
    border: 1px solid #e5e5e5;
    background: #f0f0f0;
    text-align: center;
    line-height: 23px;
    color: #444;
}

.count .add:hover, .count .reduce:hover {
    color: #f50;
    z-index: 3;
    border-color: #f60;
    cursor: pointer;
}

.count input {
    width: 50px;
    height: 15px;
    line-height: 15px;
    border: 1px solid #aaa;
    color: #343434;
    text-align: center;
    padding: 4px 0;
    background-color: #fff;
    z-index: 2;
}

.subtotal {
    width: 150px;
    color: red;
    font-weight: bold;
}

.operation span:hover, a:hover {
    cursor: pointer;
}

.foot {
    margin-top: 10px;
    color: #666;
    height: 48px;
    border: 1px solid #c8c8c8;
    background-color: #eaeaea;
    background-image: linear-gradient(RGB(241, 241, 241), RGB(226, 226, 226));
    position: relative;
    z-index: 8;
}

.foot div, .foot a {
    line-height: 48px;
    height: 48px;
}

.foot .select-all {
    width: 100px;
    height: 48px;
    line-height: 48px;
    padding-left: 5px;
    color: #666;
}

.foot .closing {
    border-left: 1px solid #c8c8c8;
    width: 100px;
    text-align: center;
    color: #000;
    font-weight: bold;
    background: RGB(238, 238, 238);
    cursor: pointer;
}

.foot .total {
    margin: 0 20px;
    cursor: pointer;
}

.foot #priceTotal, .foot #selectedTotal {
    color: red;
    font-weight: bold;
    font-size: 16px;
}

.foot .selected {
    cursor: pointer;
}

.foot .selected .arrow {
    position: relative;
    top: -3px;
    margin-left: 3px;
}

.foot .selected .down {
    position: relative;
    top: 3px;
    display: none;
}

.show .selected .down {
    display: inline;
}

.show .selected .up {
    display: none;
}

.foot .selected:hover .arrow {
    color: red;
}

.foot .selected-view {
    width: 935px;
    border: 1px solid #c8c8c8;
    position: absolute;
    height: auto;
    background: #ffffff;
    z-index: 9;
    bottom: 48px;
    left: -1px;
    display: none;
}

.show .selected-view {
    display: block;
}

.foot .selected-view div {
    height: auto;
}

.foot .selected-view .arrow {
    font-size: 16px;
    line-height: 100%;
    color: #c8c8c8;
    position: absolute;
    right: 330px;
    bottom: -9px;
}

.foot .selected-view .arrow span {
    color: #ffffff;
    position: absolute;
    left: 0;
    bottom: 1px;
}

#selectedViewList {
    padding: 10px 20px 10px 20px;
}

#selectedViewList div {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 80px;
    border: 1px solid #ccc;
    margin: 10px;
    float: left;
}

#selectedViewList div img {
    width: 100px;
    height: 80px;
    margin-right: 10px;
    float: left;
}

#selectedViewList div span {
    display: none;
    color: #ffffff;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: #000;
    cursor: pointer;
}

#selectedViewList div:hover span {
    display: block;
}

.delete:hover {
    color: #f5a700;
    text-decoration: underline;
}

.fl .delete:hover {
    color: #f5a700;
    text-decoration: underline;
}

.cart-goods-link {
    color: #6c6c6c;
}

.cart-goods-link:hover {
    color: #f5a700;
    text-decoration: underline;
}

/*cart.html*/



/*cart2.html*/
.cart2-box {
    width: 1330px;
    height: 500px;
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.title {
    border-bottom: solid 1px #d2d2d2;
    font-size: 16px;
    color: #666666;
}

.add-button {
    width: 100px;
    height: 30px;
}

.clearfix span {
    font-size: 14px;
}

.checkout-goods-list {
    border: solid 1px #d2d2d2;
}

.cart2-order {
    width: 1330px;
    height: auto;
    border: solid 1px #d2d2d2;
}

.order-title {
    width: 1330px;
    height: 35px;
    background-color: #fafafa;
    border-bottom: solid 1px #d2d2d2;
    line-height: 35px;
    color: #666666;
    font-size: 16px;
}

.order-title .order-name {
    font-size: 14px;
    padding-left: 10px;
}

.order-title .order-list {
    float: right;
}

.order-title .order-list ul li {
    float: left;
    width: 100px;
    height: 35px;
    text-align: center;
    font-size: 12px;
}

.order-count {
    margin-left: 10px;
    padding-top: 10px;
}

.btn-back-cart {
    width: 100px;
    height: 40px;
    border: solid 1px #d2d2d2;
    line-height: 40px;
    text-align: center;
    color: #363636;
}

.btn-back-cart:hoveR {
    background-color: #D5D5D5;
}

.btn-primary {
    width: 100px;
    height: 40px;
    background-color: #e4393c;
    color: #ffffff;
    border: none;
    line-height: 40px;
    text-align: center;
}

.btn-primary:hover {
    background-color: #f5a700;
    color: #ffffff;
}

.checkout-confirm {
    width: 1330px;
    height: 20px;
    border: solid 1px #d2d2d2;
}

.checkout-confirm a {
    float: left;
    font-size: 14px;
    display: block;
    border-radius: 5px;
}

.checkout-confirm span {
    float: right;
}

.order-count table tr:hover {
    background-color: #eeeeee;
}

.order-count table tr:nth-child(even) {
    background: #fafafa;
}

.order-count table tr:nth-child(even):hover {
    background-color: #eeeeee;
}

/*cart2.html*/

/*cart3.html*/
.cart3-pay-title {
    width: 1330px;
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
    color: #90ce36;
    font-size: 24px;
    text-align: center;
}

.cart3-order {
    width: 1330px;
    height: 50px;
    text-align: center;
    font-size: 18px;
    color: #666666;
    margin-top: 20px;
}

.cart3-order a {
    color: #A10000;
    font-size: 22px;
}

.cart p {
    font-size: 18px;
    color: #666666;
}

.cart p span {
    color: #A10000;
    font-size: 22px;
}

.cart3-pay-type {
    width: 1330px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    border: solid 1px #d2d2d2;
}

.type-title {
    width: 1330px;
    height: 35px;
    background-color: #fafafa;
    border-bottom: solid 1px #d2d2d2;
}

.type-title ul li {
    width: 150px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-right: solid 1px #d2d2d2;
    float: left;
    font-size: 14px;
    color: #666666;
    cursor: pointer;
}

.type-title ul li:hover {
    background-color: #ffffff;
}

.type-content {
    width: 1300px;
    height: 420px;
    margin-top: 15px;
    margin-left: 15px;
    text-align: center;
}

.type-content p {
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    width: 150px;
    height: 25px;
    line-height: 25px;
}

.type-content p img {
    vertical-align: middle;
}

.type-chose {
    width: 1275px;
    height: 165px;
}

.type-chose li {
    width: 210px;
    height: 55px;
    border: solid 1px #d2d2d2;
    float: left;
    line-height: 50px;
    margin-left: 10px;
    margin-top: 10px;
}

.type-chose li:hover {
    border: solid 1px #f5a700;
}

.type-chose li span {
    width: 30px;
    height: 50px;
    display: block;
    line-height: 50px;
    text-align: center;
    float: left;
}

#tb2 {
    display: none;
}

#tb3 {
    display: none;
}

#tb4 {
    display: none;
}

#tb5 {
    display: none;
}

#ic-card {
    background-color: #fff;
}

#time-out span a {
    font-size: 18px;
    color: #A10000;
}

/*cart3.html*/

/*pay-ok.html*/
.pay-ok-box {
    width: 100%;
    height: auto;
    float: left;
}

.pay-ok {
    width: 1300px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    border: solid 1px #d2d2d2;
}

.pay-img {
    width: 700px;
    height: 300px;
    margin-left: 300px;
    padding-top: 25px;
}

.pay-img table {
    color: #666666;
    font-size: 16px;
}

.pay-img table h3 {
    color: #90ce36;
}

.pay-img table span {
    font-weight: bold;
}

.pay-img table span a {
    color: #A10000;
    font-size: 18px;
}

.pay-img table .go-buy {
    width: auto;
    height: 33px;
    display: inline-block;
    line-height: 33px;
    text-align: center;
    background-color: #f5a700;
    color: #fff;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.style1 span {
    font-weight: normal;
    font-size: 16px;
}

/*pay-ok.html*/


/*us.html*/
.us-box {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
}

.us-content-box {
    width: 1200px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.us-title {
    width: 1200px;
    height: 40px;
    border-bottom: solid 2px #eeeeee;
    line-height: 40px;
}

.us-title .we {
    display: block;
    color: #666666;
    font-size: 20px;
    border-bottom: solid 2px #f5a700;
    height: 40px;
    width: 120px;
}

.us-title .we img {
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.us-content-left {
    width: 280px;
    height: auto;
    margin-top: 25px;
    float: left;
}

.us-content-right {
    width: 900px;
    height: auto;
    float: left;
    margin-left: 18px;
    margin-top: 25px;
    border: solid 1px #d2d2d2;
}

.show-content {
    margin-top: 20px;
    margin-left: 20px;
}

/*收缩导航样式*/
/*------------ Main Menu ------------*/
.mainmenu {
    margin: 0 auto;
    font-size: 16px;
    position: relative;
    padding: 0;
    width: 276px;

}

.mainmenu>li {
    background-color: #f5a700;
    border-top: 1px solid #eeeeee;
    height: 48px;
    color: #f7f1e3;
    box-sizing: border-box;
    position: relative;
    padding: 0 0 0 40px;
    cursor: pointer;

}

.mainmenu>li:first-child {
    border-radius: 7px 7px 0 0;
    border-top: 0;
}

.mainmenu>li:last-child {
    border-radius: 0 0 7px 7px;
}

.mainmenu>li span {
    display: block;
    line-height: 48px;
}

.mainmenu>li .icon {
    float: left;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 10px;
    top: 15px;
}

/*------------ Sub Menu ------------*/
.submenu {
    box-sizing: border-box;
    color: #666666;
    font-size: 13px;
    border: solid 1px #d2d2d2;
    width: 276px;


    /*opacity: 0.5;*/
}

.submenu li {
    line-height: 45px;
    height: 45px;
    padding-left: 20px;
    transition: border-left 220ms ease-in;
    border-bottom: dashed 1px #d2d2d2;

}

.submenu li a {
    color: #666666;
    text-decoration: none;
    font-size: 16px;
}

.submenu li a:hover {
    color: #f5a700;
    text-decoration: underline;
}

.submenu li:hover {
    background-color: #fafafa;
}

.submenu li:last-child {
    border-bottom: none;
}

.submenu li span {
    padding-left: 10px;
}

.submenu li a img {
    vertical-align: middle;
}

.animate {
    animation: flip 2000ms ease-in-out alternate;
}

/*收缩导航样式*/
/*us.html*/

/*intro.html*/
.intro-main {
    width: 100%;
    height: auto;
    float: left;
}

.intro_box {
    width: 1200px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;

}

.intro_top {
    width: 1200px;
    height: auto;
    background-color: #f3f3f3;
}

.intro-bottom {
    width: 1200px;
    height: 1250px;

}

.intro-bottom .small-box {
    width: 570px;
    height: 570px;
    background-color: #f3f3f3;
    padding-top: 30px;
    float: left;
    margin-top: 30px;
    border-radius: 10px;


}

.small-box-pictt {
    width: 180px;
    height: 110px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;

}

.small-box-pictt p {
    font-size: 18px;
    color: #00aced;
    font-weight: bold;
}

.small-box-pictt-list {
    width: 450px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.small-box-pictt-list ul li {
    font-size: 18px;
    color: #00aced;
    font-weight: bold;
    list-style: disc;
    padding-top: 20px;
}

.small-box-pictt-list p {
    color: #666666;
    font-size: 16px;
}

/*intro.html*/


/*user.html*/
.home-box {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
}

.home-location-box {
    width: 1330px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}

.home-box-main {
    width: 1330px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.home-box-left {
    width: 200px;
    height: auto;
    background-color: #f5f5f5;
    border-radius: 10px;
    float: left;
}

.home-box-left ul {
    padding-top: 10px;
    padding-left: 15px;
    color: #000;
    border-bottom: solid 1px #fff;
    padding-bottom: 10px;
}

.home-box-left ul li {
    margin-top: 10px;
    margin-left: 35px;
}

.home-box-left ul li a {
    color: #666666;
    font-size: 13px;
}

.home-box-left ul li a:hover {
    text-decoration: underline;
    color: #f5a700;
}

.home-main-box {
    width: 700px;
    height: auto;
    float: left;
    margin-left: 10px;
}

.home-main-1 {
    width: 700px;
    height: 150px;
    background-color: #f5f5f5;
    position: relative;
    border-radius: 10px;
}

.my-img {
    width: 150px;
    height: 150px;
    margin-left: 15px;
    line-height: 145px;
    float: left;
}

.my-img img {
    border-radius: 75px;
}

.my-img-dengji {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #f5a700;
    border-radius: 15px;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 5px;
    top: 5px;
}

.my-message {
    width: 260px;
    height: 150px;
    float: left;
}

.my-message ul li {
    margin-top: 15px;
    font-size: 14px;
    color: #000;
}

.my-message ul li span {
    color: #A10000;
}

.my-message ul li span a {
    color: #A10000;
}

.my-link {
    width: 80px;
    height: 30px;
    background-color: #f5a700;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    float: left;
    margin-left: 5px;
}

.my-link a {
    color: #fff;
    font-size: 14px;
}

.my-link:hover {
    background-color: #363636;
}

.my-icon {
    width: 265px;
    height: 150px;
    float: left;
    border-left: solid 2px #FFF;
}

.my-icon ul li {
    margin-top: 15px;
    margin-left: 10px;
    width: 50px;
    text-align: center;
    font-size: 14px;
}

.my-title-color {
    color: #A10000;
}

.my-icon ul {
    float: left;
    margin-left: 20px;
}

.my-link2 {
    width: 50px;
    height: 50px;
    background-color: #f5a700;
    border-radius: 25px;
    line-height: 40px;
    text-align: center;
}

.home-main-2 {
    width: 700px;
    height: 60px;
    background-color: #f5f5f5;
    margin-top: 10px;
    border-radius: 10px;
}

.home-main-2 ul {
    width: 700px;
    height: 60px;
    float: left;
    margin-top: 5px;
    padding-left: 25px;
}

.home-main-2 ul li {
    float: left;
    width: 100px;
    height: 40px;
    line-height: 30px;
    margin-left: 20px;
    margin-top: 10px;
    position: relative;
}

.home-main-2 ul li a {
    font-size: 14px;
    color: #666666;
}

.home-main-2 ul li a:hover {
    color: #f5a700;
    text-decoration: underline;
}

.home-main-2 ul li span {
    position: absolute;
    top: -12px;
    color: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 15px;
    background-color: #e4393c;
    line-height: 25px;
    text-align: center;
}

.home-main-3 {
    width: 700px;
    height: auto;
    background-color: #f5f5f5;
    margin-top: 10px;
    border-radius: 10px;
    padding-bottom: 15px;
}

.home-main-3-title {
    width: 700px;
    height: 40px;
}

.home-main-3-title-zuji {
    color: #666666;
    font-size: 16px;
    line-height: 40px;
    float: left;
    margin-left: 10px;
    font-weight: bold;
}

.home-main-3-title-line {
    border-top: solid 1px #d2d2d2;
    margin-top: 20px;
    float: left;
    height: 2px;
    width: 580px;
    margin-left: 10px;
}

.home-main-3-products {
    width: 655px;
    height: 100px;
    background-color: #fff;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    margin-left: 10px;
    margin-top: 10px;
}

.main3-products-img {
    width: 60px;
    height: 60px;
    margin-top: 15px;
    margin-left: 30px;
    float: left;
    border: solid 1px #d2d2d2;
    padding: 3px;
}

.main3-products-msg {
    width: 300px;
    height: 60px;
    margin-left: 10px;
    margin-top: 15px;
    float: left;
}

.main3-products-msg ul li {
    line-height: 25px;
    padding-left: 10px;
}

.main3-products-money {
    float: left;
}

.main3-products-money span {
    color: #e4393c;
    font-weight: bold;
}

.main3-products-msg ul li a {
    color: #8c8c8c;
    font-size: 14px;
    font-weight: bold;
}

.main3-products-msg ul li a:hover {
    color: #f5a700;
    text-decoration: underline;
}

.main3-products-btn {
    display: block;
    width: 100px;
    height: 35px;
    background-color: #fff;
    color: #000;
    border: solid 1px #d2d2d2;
    float: left;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    margin-top: 30px;
    margin-left: 5px;
}

.main3-products-btn:hover {
    color: #f5a700;
    border: solid 1px #f5a700;
}

.home-main-4 {
    width: 700px;
    height: auto;
    background-color: #f5f5f5;
    margin-top: 10px;
    border-radius: 10px;
    padding-bottom: 15px;
}

.home-main-4-title {
    width: 700px;
    height: 40px;
}

.home-main-4-title-zuji {
    color: #666666;
    font-size: 16px;
    line-height: 40px;
    float: left;
    margin-left: 10px;
    font-weight: bold;
}

.home-main-4-title-line {
    border-top: solid 1px #d2d2d2;
    margin-top: 20px;
    float: left;
    height: 2px;
    width: 580px;
    margin-left: 10px;
}

.home-main-4-products {
    width: 655px;
    height: 100px;
    background-color: #fff;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    margin-left: 10px;
    margin-top: 10px;
}

.main4-products-img {
    width: 60px;
    height: 60px;
    margin-top: 15px;
    margin-left: 30px;
    float: left;
    border: solid 1px #d2d2d2;
    padding: 3px;
}

.main4-products-msg {
    width: 300px;
    height: 60px;
    margin-left: 10px;
    margin-top: 15px;
    float: left;
}

.main4-products-msg ul li {
    line-height: 25px;
    padding-left: 10px;
}

.main4-products-money {
    float: left;
}

.main4-products-money span {
    color: #e4393c;
    font-weight: bold;
}

.main4-products-msg ul li a {
    color: #8c8c8c;
    font-size: 14px;
    font-weight: bold;
}

.main4-products-msg ul li a:hover {
    color: #f5a700;
    text-decoration: underline;
}

.products-none {
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #8c8c8c;
}

.products-none ul li img {
    vertical-align: middle;
}

.home-box-right {
    width: 330px;
    height: auto;
    background-color: #f5f5f5;
    float: left;
    margin-left: 15px;
    border-radius: 10px;
    padding-bottom: 10px;
}

.box-right1 {
    width: 320px;
    height: 40px;
    padding-top: 10px;
    float: left;
}

.box-right1-title {
    width: 320px;
    height: 40px;
}

.box-right1-title-shoucang {
    color: #666666;
    font-size: 16px;
    line-height: 40px;
    float: left;
    margin-left: 10px;
    font-weight: bold;
    padding-left: 5px;
}

.box-right1-title-line {
    border-top: solid 1px #d2d2d2;
    margin-top: 20px;
    float: left;
    height: 2px;
    width: 220px;
    margin-left: 10px;
}

.box-right2 {
    width: 300px;
    height: auto;
    margin-top: 5px;
    margin-left: 15px;
    background-color: #fff;
    border-radius: 10px;
    float: left;
    padding-bottom: 5px;
}

.box-right2-img {
    margin-top: 10px;
    margin-left: 10px;
    float: left;
    width: 80px;
    height: 80px;
}

.box-right2-img img {
    border-radius: 80px;
}

.box-right2-msg {
    width: 190px;
    height: auto;
    float: left;
}

.box-right2-msg ul li {
    margin-top: 15px;
    line-height: 20px;
}

.box-right2-msg ul li a {
    color: #000;
}

.box-right2-msg ul li a:hover {
    color: #f5a700;
    text-decoration: underline;
}

.box-right2-msg ul li img {
    vertical-align: middle;
}

.box-right3 {
    width: 300px;
    height: auto;
    margin-top: 5px;
    margin-left: 15px;
    background-color: #fff;
    border-radius: 10px;
    float: left;
    padding-bottom: 5px;
}

.box-right3-img {
    margin-top: 17px;
    margin-left: 10px;
    float: left;
    width: 60px;
    height: 60px;
    padding: 3px;
    border: solid 1px #d2d2d2;
}

.box-right3-msg {
    width: 190px;
    height: auto;
    float: left;
    margin-left: 10px;
}

.box-right3-msg ul li {
    margin-top: 15px;
    line-height: 20px;
}

.box-right3-msg ul li a {
    color: #000;
}

.box-right3-msg ul li a:hover {
    color: #f5a700;
    text-decoration: underline;
}

.box-right3-msg h3 {
    color: #e4393c;
}

.box-right-newsbox {
    width: 300px;
    height: 200px;
    float: left;
    background-color: #fff;
    margin-left: 15px;
    border-radius: 10px;
    overflow: hidden;
}

.box-right-newsbox ul li {
    width: 270px;
    height: 30px;
    margin-top: 5px;
    margin-left: 5px;
    border-bottom: dashed 1px #d2d2d2;
    line-height: 30px;
    padding-left: 10px;
}

.box-right-newsbox ul li:hover {
    background-color: #eeeeee;
}

.box-right-newsbox ul li a {
    font-size: 14px;
    color: #8c8c8c;
}

.box-right-newsbox ul li a:hover {
    color: #f5a700;
    text-decoration: underline;
}

.box-right-newsbox ul li span {
    text-align: right;
    display: block;
    float: right;
}

/*user.html*/

/*need.html*/
.need-main-box {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
}

.need-main {
    width: 920px;
    height: auto;
    border: solid 1px #d2d2d2;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}

.need-title {
    width: 880px;
    height: 50px;
    border-bottom: solid 1px #d2d2d2;
    margin-left: auto;
    margin-right: auto;
    line-height: 50px;
    color: #f5a700;
    font-size: 16px;
    font-weight: bold;
}

.need-title img {
    vertical-align: middle;
}

.need-text {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.need-text table {
    font-size: 14px;
}

.needtext {
    width: 250px;
    height: 25px;
}

.needtext:focus {
    outline: none;
    border: 2px solid #f5a700;
    border-radius: 2px;
}

.need-text table textarea:focus {
    outline: none;
    border: 2px solid #f5a700;
    border-radius: 2px;
}

.need-text table button {
    width: 100px;
    height: 30px;
    background-color: #f5a700;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
}

.need-text table span {
    font-size: 10px;
    color: #8c8c8c;
}

.need-text table button:hover {
    background-color: #363636;
}

.need-text table button:active {
    border: none;
}

/*need.html*/

/*user-order.html*/
.user-order-box {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
}

.user-order {
    width: 1330px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.user-order-main {
    width: 1330px;
    height: auto;
}

.user-order-manager {
    width: 1100px;
    height: auto;
    background-color: #f5f5f5;
    float: left;
    margin-left: 10px;
    border-radius: 10px;
    padding-bottom: 20px;
}

.order-manager-title {
    width: 100%;
    height: 60px;
}

.order-manager-title a {
    display: block;
    width: auto;
    height: 35px;
    border-radius: 5px;
    background-color: #f5a700;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    float: left;
    margin-left: 20px;
    margin-top: 25px;
    padding-left: 5px;
    padding-right: 5px;
}

.order-manager-title a:hover {
    background-color: #363636;
}

.order-manager-title2 {
    width: 1080px;
    height: 50px;
    padding-bottom: 5px;
    border-bottom: solid 1px #D5D5D5;
    margin-top: 25px;
    margin-left: 20px;
    font-size: 16px;
    color: #6c6c6c;
}

.order-manager-title2 table select {
    width: 90px;
    height: 40px;
    border-color: #D5D5D5;
    color: #6c6c6c;
    border-radius: 5px;
    padding-left: 5px;
}

.order-manager-title2 table .order-input {
    width: 200px;
    height: 40px;
    border: solid 1px #D5D5D5;
    border-radius: 5px;
}

.order-manager-title2 table .order-btn {
    width: 90px;
    height: 40px;
    background-color: #fff;
    border: solid 1px #D5D5D5;
    border-radius: 5px;
    margin-left: 10px;
    color: #6c6c6c;
}

.order-manager-title3 {
    width: 1100px;
    height: auto;
    padding-left: 10px;
    margin-top: 10px;
}

.order-manager-title3 table {
    color: #363636;
    font-size: 14px;
    border-width: 1px 0 0 1px;
    line-height: 25px;
    margin-top: 10px;
    border-radius: 5px;
}

.order-manager-title3 table a {
    color: #f5a700;
}

.order-manager-title3 table h4 {
    color: #6c6c6c;
}

.order-manager-title3 table span {
    color: #6c6c6c;
}

.order-manager-title3 table a:hover {
    text-decoration: underline;
}

.order-manager-title3 table td {
    border: solid #d5d5d5;
    border-width: 0 1px 1px 0;
    padding: 0 10px;
}

.order-manager-title3 table .go-pay {
    width: 80px;
    height: 25px;
    border: none;
    background-color: #f5a700;
    color: #fff;
    border-radius: 3px;
}

.order-manager-title3 table .dfk {
    color: #e4393c;
}

.order-manager-title3 table .cancel {
    background-color: #e4393c;
    width: 80px;
    height: 25px;
    border: none;
    color: #fff;
    border-radius: 3px;
    display: block;
}

.order-page {
    width: 1000px;
    height: 50px;
    margin-top: 20px;
    line-height: 100px;
}

.order-page table a {
    color: #6c6c6c;
}

.order-page .order-page-up {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: block;
    background-color: #fff;
    color: #363636;
    border-radius: 5px;
    border: solid 1px #D5D5D5;
}

.order-page .order-page-down {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: block;
    background-color: #fff;
    color: #363636;
    border-radius: 5px;
    border: solid 1px #D5D5D5;
}

.order-page .order-page-up:hover {
    border: solid 1px #f5a700;
}

.order-page .order-page-down:hover {
    border: solid 1px #f5a700;
}

.order-page ul li {
    float: left;
}

.order-page ul li a {
    display: block;
    margin-left: 5px;
    float: left;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #fff;
    color: #6c6c6c;
    border-radius: 5px;
    border: solid 1px #D5D5D5;
}

.order-page ul li a:hover {
    border: solid 1px #f5a700;
}

.order-manager-title .active {
    background-color: #363636;
}

/*user-order.html*/

/*user-cart.html*/
.user-cart-box {
    width: 1100px;
    height: auto;
    float: left;
    margin-left: 10px;
}

.user-cart-main {
    width: 1100px;
    height: auto;
    background-color: #f5f5f5;
    border-radius: 10px;
}

.user-cart-main-title {
    width: 100px;
    height: 40px;
}

.user-cart-main-title-zuji {
    color: #666666;
    font-size: 16px;
    line-height: 40px;
    float: left;
    margin-left: 10px;
    font-weight: bold;
}

.user-cart-main-title-line {
    border-top: solid 1px #d2d2d2;
    margin-top: 20px;
    float: left;
    height: 2px;
    width: 980px;
    margin-left: 10px;
}

.user-cart-main-products {
    width: 1070px;
    height: 100px;
    background-color: #fff;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    margin-left: 10px;
    margin-top: 10px;
}

.main-products-img {
    width: 60px;
    height: 60px;
    margin-top: 15px;
    margin-left: 30px;
    float: left;
    border: solid 1px #d2d2d2;
    padding: 3px;
}

.main-products-msg {
    width: 700px;
    height: 60px;
    margin-left: 10px;
    margin-top: 15px;
    float: left;
}

.main-products-msg ul li {
    line-height: 25px;
    padding-left: 10px;
}

.main-products-msg ul li a {
    color: #8c8c8c;
    font-size: 14px;
    font-weight: bold;
}

.main-products-msg ul li a:hover {
    color: #f5a700;
    text-decoration: underline;
}

.main-products-money {
    float: left;
}

.main-products-money span {
    color: #e4393c;
    font-weight: bold;
}

/*user-cart.html*/

/*user-ID*/
.user-id-box {
    width: 1050px;
    height: auto;
    margin-left: 25px;
    margin-top: 10px;
}

.id-content {
    width: 1050px;
    height: 40px;
    border-bottom: solid 1px #c6c6c6;
    padding-bottom: 15px;
}

.id-content table {
    color: #666666;
    font-size: 14px;
    font-family: "Microsoft YaHei", "微软雅黑", "黑体";
}

.id-content table tr:hover {
    background-color: #fff;
}

.id-input {
    width: 200px;
    height: 40px;
    border: solid 1px #c6c6c6;
}

.id-input:focus {
    width: 200px;
    height: 40px;
    border: solid 1px #f5a700;
    outline: none;
}

.id-content2 {
    width: 1050px;
    height: 300px;
    margin-top: 10px;
    border-bottom: solid 1px #c6c6c6;
    padding-bottom: 15px;
}

.id-content2 table {
    color: #666666;
    font-size: 14px;
    float: left;
}

.id-content2 table:hover {
    background-color: #fff;
    border-radius: 5px;
}

.id-content2 table img {
    display: block;
    padding: 2px;
    border: dashed 1px #666666;
    width: 260px;
    height: 170px;
}

.id-btn {
    width: 1050px;
    height: 40px;
    padding-bottom: 15px;
    margin-top: 15px;
}

.id-btn button {
    width: 120px;
    height: 40px;
    background-color: #f5a700;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
}

.id-btn button:hover {
    background-color: #363636;
}

/*User-ID end!*/

/*user-info*/
.user-info-main {
    width: 1050px;
    height: 600px;
    margin-left: 20px;
    margin-top: 10px;
    padding-top: 20px;
}

.user-info-img {
    width: 128px;
    height: 100%;
    float: left;
    position: relative;
}

.user-info-img img {
    border-radius: 25px;
}

.user-info-info {
    height: 55px;
    width: 900px;
    float: left;
    margin-left: 20px;
    border-bottom: solid 1px #e2e2e2;
    margin-top: 15px;
    padding-bottom: 10px;
}

.user-info-info:hover {
    background-color: #eeeeee;
}

.info-text {
    width: 300px;
    height: 40px;
    border: solid 1px #c6c6c6;
    color: #666666;
    padding-left: 5px;
    border-radius: 5px;
}

.info-text:focus {
    border: solid 1px #f5a700;
    outline: none;
}

.user-info-info table {
    color: #666666;
    font-size: 14px;
    font-family: "Microsoft YaHei", "微软雅黑", "黑体";
}

.user-level {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color: #f5a700;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    right: 5px;
    top: 5px;
}

.user-info-info .user-system-select {
    width: 200px;
    height: 40px;
    border: solid 1px #c6c6c6;
    color: #666666;
    padding-left: 5px;
    border-radius: 5px;
}

.user-info-info .user-system-select:focus {
    border: solid 1px #f5a700;
    outline: none;
}

.user-info-info .user-state-select {
    width: 100px;
    height: 40px;
    border: solid 1px #c6c6c6;
    color: #666666;
    padding-left: 5px;
    border-radius: 5px;
}

.info-edit-btn {
    width: auto;
    height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #f5a700;
    border-radius: 5px;
    border: none;
    color: #fff;
}

.user-info-edit {
    float: left;
    width: 200px;
    height: 40px;
    margin-left: 300px;
    margin-top: 15px;
}

.info-edit-btn:hover {
    background-color: #363636;
}

/*user-info end!*/

/*user-money.html*/
.user-money-box {
    width: 1050px;
    height: 500px;
    margin-left: 20px;
}

.money-show {
    width: 1050px;
    height: 40px;
    background-color: #eeeeee;
    border: solid 1px #e1e1e1;
    border-radius: 5px;
    float: left;
    margin-top: 10px;
}

.money-on {
    padding-left: 20px;
    width: 200px;
    height: 40px;
    line-height: 40px;
    float: left;
    color: #666666;
    font-size: 14px;
}

.money-list {
    float: left;
    padding-bottom: 30px;
}

.money-on span {
    font-size: 18px;
    color: #e4393c;
    font-weight: bold;
}

.money-list table {
    color: #666666;
    border-width: 1px 0 0 1px;
    font-size: 14px;
}

.money-list table td {
    border: solid #d5d5d5;
    border-width: 0 1px 1px 0;
    padding: 0 10px;
}

.money-list span {
    margin-top: 20px;
    display: block;
    width: auto;
    height: 35px;
    border-bottom: solid 1px #d5d5d5;
    line-height: 35px;
    font-size: 16px;
    color: #666666;
}

.money-list p {
    margin-top: 20px;
}

.money-list table tr:hover {
    background-color: #EEEEEE;
}

.money-list table tr:nth-child(2n) {
    background-color: #FFF;
}

.money-list table a {
    color: #666666;
}

.money-list table a:hover {
    color: #f5a700;
    text-decoration: underline;
}

/*user-money.html!*/

/*user-addr.html*/

.user-addr-box {
    width: 1050px;
    height: auto;
    margin-left: 20px;
}

.user-addr2 {
    margin-top: 15px;
    border-bottom: dashed 1px #d5d5d5;
    padding-bottom: 10px;
}

.user-addr2:hover {
    background-color: #eeeeee;
}

.user-addr2 table {
    font-size: 14px;
    color: #666666;
}

.user-addr2 table td {
    height: 40px;
}

.user-addr span {
    margin-top: 20px;
    display: block;
    width: auto;
    height: 35px;
    border-bottom: solid 1px #d5d5d5;
    line-height: 35px;
    font-size: 16px;
    color: #666666;
}

.user-addr2 table .user-addr-text {
    width: 180px;
    height: 35px;
    border: solid 1px #d5d5d5;
    border-radius: 5px;
}

.user-addr2 table .user-addr-text:focus {
    border: solid 1px #f5a700;
    outline: none;
}

.user-addr2 select {
    width: 150px;
    height: 40px;
    border: solid 1px #c6c6c6;
    color: #666666;
    padding-left: 5px;
    border-radius: 5px;
}

.user-addr2:focus {
    border: solid 1px #f5a700;
    outline: none;
}

.user-addr-btn {
    width: 100px;
    height: 35px;
    background-color: #f5a700;
    display: block;
    color: #fff;
    line-height: 35px;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
}

.user-addr-btn:hover {
    background-color: #363636;
}

.user-addr2 table textarea {
    width: 180px;
    height: 100px;
    border: solid 1px #d5d5d5;
    border-radius: 5px;
}

.user-addr2 table textarea:focus {
    border: solid 1px #f5a700;
    outline: none;
}

/*user-addr.html*/


/*user-safe.html*/
.user-safe-box {
    width: 1050px;
    height: auto;
    margin-left: 20px;
}

.user-safe span {
    margin-top: 20px;
    display: block;
    width: auto;
    height: 35px;
    border-bottom: solid 1px #d5d5d5;
    line-height: 35px;
    font-size: 16px;
    color: #666666;
}

.user-safe table {
    color: #666666;
    font-size: 14px;
}

.user-safe table a {
    color: #e4393c;
    text-decoration: underline;
}

.user-safe table img {
    border-radius: 5px;
}

.user-safe2 {
    padding-bottom: 20px;
}

.user-safe2 table {
    color: #666666;
    font-size: 14px;
    border-collapse: collapse;
    margin-top: 20px;
}

.user-safe2 a {
    width: auto;
    height: 30px;
    background-color: #f5a700;
    border-radius: 5px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
}

.user-safe2 a:hover {
    background-color: #363636;
}

.user-safe2 table tr {
    border: 1px solid #DDDDDD;
}

.user-safe2 table span {
    color: #e4393c;
}

.user-safe2 table span strong {
    font-size: 22px;
}

.email-code {
    width: auto;
    height: 35px;
    background-color: #f5a700;
    border-radius: 5px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

/*user-safe.html*/

/*user-shop-collection.html*/
.user-products-keep-box {
    width: 1050px;
    height: auto;
    margin-top: 20px;
    margin-left: 20px;
}

.user-products-keep-box span {
    margin-top: 20px;
    display: block;
    width: auto;
    height: 35px;
    border-bottom: solid 1px #d5d5d5;
    line-height: 35px;
    font-size: 16px;
    color: #666666;
}

.user-products-keep-box table {
    font-size: 14px;
    color: #666666;
    border-collapse: collapse;
}

.user-products-keep-box a {
    color: #666666;
}

.user-products-keep-box a:hover {
    color: #f5a700;
    text-decoration: underline;
}

.user-products-keep-box table tr:nth-child(2n) {
    background-color: #FFF;
}

.user-products-keep-box table tr:hover {
    background-color: #fff;
}

/*user-shop-collection.html*/

/*user-jifen.html*/
.user-jifen-box {
    width: 1050px;
    height: auto;
    padding-bottom: 20px;
}

.user-jifen-guize {
    margin-top: 20px;
    width: 1050px;
    height: 140px;
    background-color: #fff;
    border-radius: 5px;
    border: dashed 1px #d5d5d5;
    margin-left: 20px;
    padding-top: 10px;
    padding-left: 10px;
    color: #666666;
    font-size: 14px;
}

.user-jifen-guize h2 {
    color: #f5a700;
}

.user-jifen-guize p {
    line-height: 35px;
}

.user-jifen-guize p span {
    color: #e4393c;
    font-size: 16px;
    font-weight: bold;
}

.user-jifen-chaxun {
    width: 1050px;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    margin-top: 20px;
}

.user-jifen-chaxun table {
    color: #666666;
    font-size: 14px;
}

.user-jifen-chaxun table h3 {
    color: #e4393c;
}

.user-jifen-input {
    width: 120px;
    height: 30px;
    border-radius: 5px;
    border: solid 1px #d5d5d5;
    padding-left: 10px;
}

.user-jifen-input:focus {
    border: solid 1px #f5a700;
    outline: none;
}

.user-jifen-chaxun table select {
    width: 200px;
    height: 30px;
    border-radius: 5px;
    padding-left: 10px;
    border: solid 1px #d5d5d5;
}

.user-jifen-chaxun table select:focus {
    border: solid 1px #f5a700;
    outline: none;
}

.user-jifen-chaxun .user-jifen-btn {
    width: 50px;
    height: 30px;
    background-color: #fff;
    border: solid 1px #d5d5d5;
    border-radius: 5px;
}

.user-jifen-chaxun .user-jifen-btn:focus {
    border: solid 1px #f5a700;
    outline: none;
}

.user-jifen-list {
    width: 1050px;
    height: auto;
    margin-left: 20px;
}

.user-jifen-list table {
    color: #666666;
    font-size: 14px;
    border-collapse: collapse;
}

.user-jifen-list-tr-border {
    border-bottom: solid 1px #eeeeee;
    border-left: solid 1px #eeeeee;
    border-right: solid 1px #eeeeee;
}

.user-jifen-list-tr-border:hover {
    background-color: #eeeeee;
}

.user-jifen-tr-title {
    border: solid 1px #eeeeee;
}

.user-jifen-list a {
    color: #666666;
}

.user-jifen-list a:hover {
    color: #f5a700;
    text-decoration: underline;
}

/*user-jifen.html end!*/

/*2025.6.13*/
.systemdiv {
    width: 100%;
    background-color: white;
}

.systemli {
    float: left;
    text-align: center;
    margin-left: 10px;
    color: white;
    padding: 40px 5px 20px 5px;
}

.form-dl {
    margin: 20px;
}

.form-control {
    border: 1px solid #dcdcdc;
    width: 80%;
    height: 35px;
    margin: 5px 15px;
    padding-left: 10px;
    display: inline-block;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 16px;
    transition: 0.3s;
}

.news-letter {
    margin-left: 20px;
}

.input-dl {
    background-color: #f5a700;
    color: white;
    border: none;
    padding: 8px 45px;
    margin: 5px 15px;
    border-radius: 5px;
}

.login-hr {
    border: 1px solid #dcdcdc;
    margin-bottom: 20px;
}

.reg-zc {
    background-color: #f5a700;
    color: white;
    border: none;
    padding: 8px 45px;
    margin: 5px 15px;
    border-radius: 5px;
}

.chakan-but {
    padding: 8px 30px;
    border: 2px dashed #f5a700;
    background-color: transparent;
    margin-left: 10px;
    color: #f5a700;
}