﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, ol, ul, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, form, button, input, textarea { margin:0; padding:0;  font-size:15px;}
body { font-size:15px;font-family:"微软雅黑"; color:#383838; width:100%; cursor:default; margin:0 auto; padding:0; height:auto;background:#ffffff;}
p, form, h1, h2, h3, h4, h5, h6, ul, li, menu, dl, dt, dd,span {list-style-type: none;padding: 0px;margin: 0px;}
/*li, span {white-space: nowrap;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;}*/
a {color: #000;text-decoration: none;}
body{ overflow-x: hidden; }
    a:hover {text-decoration:underline;color:#f64400;}
    input,textarea{background: white;outline: none;}
    textarea{outline:none;resize:none;}
/* 头部 */
header {width: 100%; left: 0px; top: 0px; background-color: #ffffff; transition: top 0.2s;z-index: 1000; }
    header h1 { color: #f43001; font-size: 22px; text-align: center; font-weight: normal; line-height: 50px; }
    header .back { position: absolute; font-size: 32px; left: 0px; top: 0px; line-height: 50px; width: 50px; text-align: center; color: #f43001; }
.current {background-color:white;color:#f64400 !important;}
    .top_box{ width:100%; height:267px; background:url(../img/top_bg.png) repeat-x 0 0 #fff;}
    .top_right input[type='button'] { width: 50px; height: 30px;background: #f7f4f4; text-align: center; cursor: pointer;margin-right: 2px;}
    .top_box_new{ width:100%; height:267px;}
    .top_box_head{width:100%;background-color:#f7f4f4;}
    .top{ width:1200px; height:41px; margin:0 auto; padding:0;}
    .top_left{ width:900px; height:40px; line-height:40px;float:left; }
    .top_right{ height:40px; line-height:40px; text-align:right;width:300px;float:right;}
    .top_right span{margin-left: 5px;}
    .top_right .exit {background: #f64400 !important;margin-left: 8px; color: white;}
.headcontect {float: right;padding-top: 30px;}
.headcontect img{width: 50px;height: 50px;}
    .headcontect div {margin-bottom:10px;}
.logo{ width:1200px; height:166px; margin:0 auto; padding:0; background-size: 25%;background:url(../Images/headback.jpg);}
.logoimg {margin-top: 20px;height: 100px;margin-left:45px;margin-top:35px;float:left;}
.logoright {float:right;width:800px;}
.seach {float:left;}
.seachinput {width:280px;height:30px;line-height:1.875rem;margin-top:70px;border:1px solid #cecfcf;padding-left:25px;outline:0;background:#fff;}
.seachbutton {width:70px;height:30px;line-height:30px;margin-left:-5px;background:#000;cursor:pointer;border:1px solid #000;color:#fff;outline:0;display:inline-block;text-align:center;}
.seach i {margin-left: 5px;position: absolute; margin-top: 77px;font-size: 18px;color:#f64400;}
.headcontectdis{float:right;margin-left:10px;padding-top:5px;width:130px;}
    .headcontectdis .dis1{color:#f64400;}
.nav{height:50px; margin:0 auto; padding:0; overflow:hidden;background-color:#f64400;}
.navchild{width:1200px; margin:0 auto;}
.nav a{display:inline-block;width:150px;text-align:center;height:50px;line-height:50px;font-size:18px;font-weight:700;text-decoration:none;color:#fff;}
.nav a:hover{background-color:#fff;color:#f64400;}
.child1{font-size: 0;}
.headerHeight { height: 0px;clear:both;}
.childmenu {width:150px;position:absolute;z-index:1;text-align:center;background:#f64400;margin-left:1050px;display:none;box-shadow: 1px 1px 1px #ededed;}
    .childmenu:hover {display: block;}
    .childmenu a {margin: 0;}
.more:hover + .childmenu {display:block;}
.fengxiMenu {width:150px;position:absolute;z-index:10;text-align:center;background:#f64400;margin-left:300px;display:none;box-shadow: 1px 1px 1px #ededed;}
    .fengxiMenu:hover {display: block;}
    .childmenu a {margin: 0;}
.child1 a:nth-child(3):hover + .fengxiMenu{display: block;}
.fengxiMenuMian:hover + .fengxiMenu {display: block;}

.toutiaoMenu {width:150px;position:absolute;z-index:10;text-align:center;background:#f64400;margin-left:150px;display:none;box-shadow: 1px 1px 1px #ededed;}
    .toutiaoMenu:hover {display: block;}
    .childmenu a {margin: 0;}
.child1 a:nth-child(3):hover + .toutiaoMenu{display: block;}
.toutiaoMenuMian:hover + .toutiaoMenu{display: block;}
/* 底部 */
.foot {width: 100%;height: auto;padding: 15px 0;background: #f1f1f1 !important;font: 14px "\5FAE\8F6F\96C5\9ED1";}
.foot_con{height:auto; margin:0 auto; padding:10px 0 10px 0;text-align:center;}
.foot_con p{ line-height:30px; color:#373737;}
.foot_con p a{ color:#373737; text-decoration:none;}

/*隐藏其他头部*/
.product-buynow-foot .product-foot {bottom:-50px;-webkit-overflow-scroll:auto;overflow:hidden;}
.product-cart-header .cart-head {top: -50px;-webkit-overflow-scroll:auto;overflow:hidden;}
.product-search-hide .product-head {top: -50px;-webkit-overflow-scroll:auto;overflow:hidden;}
/* 弹出框 */
.bw-tip-alert { transition: all 0.5s; min-width: 300px; max-width: 800px; overflow: hidden; position: fixed; top: 50%; left: 50%; margin-left: -150px; margin-top: -40px; background: #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.4); border: 1px solid #cdcdcd; z-index: 201; border-radius: 4px; }
    .bw-tip-alert .title { height: 32px; line-height: 32px; text-align: left;padding-left: 2%; font-size: 16px; color: #333;  position: relative;  border-top: 1px solid #fff; }
    .bw-tip-alert .content { text-align: center; }
    .bw-tip-alert .content-msg { padding: 10px 10px 10px 10px; text-align: center; font-size: 16px; color: #333; }
    .bw-tip-alert .button { padding: 10px; }
    .bw-tip-alert .alert-btn-submit { background: #f64400; border-color: #4898d5; width: 84px; height: 32px;border-radius: 5px; border: 0; cursor: pointer; display: inline-block; color: #fff; line-height: 32px; font-size: 14px; font-weight: bold; }
    .bw-tip-alert.bw-tip-hide { opacity: 0; visibility: hidden; top: 60%; }

/* 右上角提示窗口 */
.bw-tip-tip { opacity: 1; visibility: visible; transition: all 0.5s; position: absolute; z-index: 201; width: 200px; height: auto; background-color: #dd514c; border-color: #d83832; color: #fff; right: 5px; top: 42px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12); }
    .bw-tip-tip .title { display: none; }
    .bw-tip-tip .content { padding: 12px; font-size: 14px; }
    .bw-tip-tip.bw-tip-hide { opacity: 0; visibility: hidden; margin-top: 50px; }

/* 确认窗口 */
.bw-tip-confirm { transition: all 0.5s; min-width: 300px; max-width: 800px; overflow: hidden; position: fixed; top: 50%; left: 50%; margin-left: -150px; margin-top: -40px; background: #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.4); border: 1px solid #cdcdcd; z-index: 201; border-radius: 4px; }
    .bw-tip-confirm .title { height: 32px; line-height: 32px; text-align: left;padding-left: 2%; font-size: 16px; color: #333;  position: relative;  border-top: 1px solid #fff; }
    .bw-tip-confirm .content { text-align: center; }
    .bw-tip-confirm .content-msg { padding: 10px 10px 10px 10px; text-align: center; font-size: 16px; color: #333; }
    .bw-tip-confirm .button { padding: 10px; }
    .bw-tip-confirm .alert-btn-submit {background: rgba(49,255,0,.78); border-color: #4898d5; width: 84px; height: 32px;border-radius: 5px; border: 0; cursor: pointer; display: inline-block; color: #fff; line-height: 32px; font-size: 14px; font-weight: bold; }
        .bw-tip-confirm .alert-btn-submit.alert-btn-cancel { background: #cdcdcd; color: #666; }
    .bw-tip-confirm.bw-tip-hide { opacity: 0; visibility: hidden;}

.tip-mask { transition: all 0.5s; position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.6); z-index: 200; }
    .tip-mask.tip-mask-hide {opacity: 0;  visibility: hidden; }

/* 框架 */
.frames { /*transition: all 0.5s;*/ }
    .frames::after { clear: both; content: " "; display: block; }
.frame-item { float: left; overflow: hidden; height:10px;/*visibility:hidden;*/}
.frame-item:last-child{height:auto;overflow:initial;visibility:initial;}

/* 统一的菜单列表 */
menu { }
    menu li { padding: 10px 0px 0px; }
        menu li a { display: block; height: 50px; line-height: 50px; background: #fff; border-bottom: solid 1px #dddddd; padding-left: 60px; position: relative; }
            menu li a i { position: absolute; left: 10px; width: 32px; height: 32px; font-size: 18px; top: 9px; line-height: 32px; text-align: center; background: no-repeat center center; background-size: cover; border-radius: 12px; color: #fff; }
            menu li a::after { content: ">"; position: absolute; right: 15px; top: 0px; font-size: 22px; color: #999; }
        menu li.green a i { background-image: url(../images/icon-bg-green.png); }
        menu li.yellow a i { background-image: url(../images/icon-bg-yellow.png); }
        menu li.blue a i { background-image: url(../images/icon-bg-blue.png); }

    menu dl { padding: 10px 0px; }
    menu dd { background-color: #fff; border-bottom: solid 1px #e5e5e5; height: 50px; line-height: 50px; overflow: hidden; }
        menu dd::after { clear: both; content: " "; display: block; }
        menu dd label { float: left; color: #999999; margin-left: 12px; }
        menu dd span { float: right; margin-right: 12px; }

/* 列表 */
.list { }
    .list li { background-color: #fff; }
        .list li .title {  height: 32px; line-height: 32px;padding: 10px; }
        .list li .content { padding: 10px; border-bottom: 1px solid #ddd;}
            .list li .content::after { clear: both; content: " "; display: block; }
        .list li .content-item { float: left; width: 50%; }

/* 页面头部信息 */
.header-info { background: url(../images/team-bg.png) no-repeat center top; background-size: 100%; }
    .header-info h2 { color: #fff; text-align: center; font-weight: normal; line-height: 64px; }
    .header-info .content { margin: 20px; background-color: #fff; padding: 10px; position: relative; overflow: visible; border-radius: initial; }
        .header-info .content::after { content: " "; display: block; position: absolute; width: 90%; left: 5%; background-color: #fbfbfb; height: 10px; top: -10px; }
        .header-info .content::before { content: " "; display: block; position: absolute; width: 80%; left: 10%; background-color: #fce2c9; height: 10px; top: -20px; }
/**
 * ===========================
 * iSlider
 * ===========================
 */
.islider-outer { display: block; position: relative; list-style: none; margin: 0; padding: 0; height: 100%; width: 100%; overflow: hidden; }
    .islider-outer > li { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; list-style: none; overflow: hidden; display: -moz-box; display: -webkit-box; display: box; -moz-box-pack: center; -webkit-box-pack: center; box-pack: center; -moz-box-align: center; -webkit-box-align: center; box-align: center; }
.islider-img > img { max-width: 100%; max-height: 100%; }
.islider-sliding { z-index: 0; }
.islider-sliding-focus { z-index: 1; }
/**
 * ===========================
 * iSlider.plugin.button
 * ===========================
 */
.islider-btn-outer { position: absolute; width: 3em; height: 3em; cursor: pointer; top: 0; bottom: 0; margin: auto 0; display: block; background-color: #777777; }
    .islider-btn-outer.left { left: 5%; }
    .islider-btn-outer.right { right: 5%; }
.islider-btn-inner { position: absolute; width: 50%; height: 50%; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }
.islider-btn-outer.left > .islider-btn-inner { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.islider-btn-outer.right > .islider-btn-inner { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

/**
 * ===========================
 * iSlider.plugin.dot
 * ===========================
 */
.islider-dot-wrap { width: 80%; height: 10%; margin: 0 auto; position: absolute; padding: 0; left: 0; right: 0; bottom: 0; z-index: 10000; text-align: center; }
.islider-dot { position: relative; display: inline-block; width: 0.8em; height: 0.8em; border-radius: 50%; border: 1px solid #ffffff; list-style: none; margin: 5px; }
    .islider-dot.active { background-color: #ffffff; }

/* 等待效果 */
.loading-form, .loading-control, .loading-list, .loading-ajax { background: url(../images/loading.gif) no-repeat center center;}
    .loading-form > *,
    .loading-control > *,
    .loading-list > *,
    .loading-ajax > * { visibility: hidden; }
 /*清除浮动*/
        .clearfix:before, .clearfix:after {content: "";display: table;}
        .clearfix:after {clear: both; }
        .clearfix {*zoom: 1; /*IE/7/6*/}
          /*各浏览器显示不同，去掉边框等默认样式*/
        fieldset, img, input, button {border: none;padding: 0; margin: 0; outline-style: none;}
.Color#f64400 {color:#f64400 !important;}

.showerweima{width:162px;height:185px;position:fixed;left:10px;top:40%}
.showerweima li{width:160px;height:185px;background:#fff;display:block;font-size:12px;border:1px solid #e4e4e4;text-align:center}

.reward{width:600px;height:360px;margin:auto;text-align:center;background:#ffffff;border-radius:4px;display:none;transition:all .5s;min-width:300px;max-width:800px;overflow:hidden;position:fixed;top:30%;left:34%;box-shadow:0 0 10px rgba(0,0,0,.4);z-index:100;}
    .reward .rewardtop {height:50px;line-height:50px;}.reward .rewardtop span{float:left;margin-left:20px;color:black;}.reward .rewardtop img{float:right;margin-right:20px;margin-top:15px;}
    .reward .rewardleft {float:left;width:50%;height: 76%;}
    .reward .rewardright {float:right;width:50%;height: 76%;}
    .rewardimg {width:100%;}