body{ background:#efefef; font-size:13px;}
a:hover {color:#DB383E;}
.menunav{
/*-webkit-box-shadow: 0 -.1rem #fff inset;*/
display: -webkit-box;
width:100%;
}
.menunav a{
display: block;
-webkit-box-flex: 1;
text-align: center;
width: 100%;
font-size: 13px;
position: relative;
}
.menunav a i{
display: block;
width: 100%;
height:43px;
clear: both;
}
.menunav a:after {
content: '';
display: block;
height: 40%;
position: absolute;
right: 0;
top: 20%;
}

.logoqu{ background:#0ea5e9}
.menunav a{ color:#FFF}
.indexitem .ptitle{background:url(./images/dian3.jpg) 3px center no-repeat #FFF;}
.indexitem .ptitle span{ margin:auto; text-align:left; padding-left:12px; display:inline;}
.indexitem .ptitle span a{ color:#0ea5e9}
.buyfals{width:56px; height:22px; display:block; text-align:center; line-height:22px; font-size:12px; background:#0ea5e9;border-radius:5px; position:absolute; bottom:13px; right:10px; z-index:10; color:#FFFFFF;}

.addcar {background-color: #0ea5e9;}
.footers{ background:#fafafa; border-top:1px solid #ededed}
.rexian{font-size:14px; color:#DB383E}
.footers p,.footers p a{ color:#666}

#header { background:#0ea5e9;color:#fff}
.shoptitle span{ text-shadow:none; font-size:14px}
.mainhead .shopinfol p.gdesc{ color:#0a452e}
.price{ color:#0a452e}
.logoright p span{line-height:46px;background:#0ea5e9; width:85px; float:right; text-align:center; color:#FFF; font-size:14px; font-weight:bold}
.logoright div{background: url(./images/dian.png) right 20px no-repeat; position:relative;background-size:auto 10px}
.logoright div a{ height:47px; line-height:47px;}
.logoright div .showmenu{  display:none;height:auto; width:120px; background:#ededed; position:absolute; right:-10px; top:47px; z-index:9; background:#f0f0f0;opacity:1;border-radius:0px 0px  5px 5px;}
.logoright div .showmenu p{ text-shadow:none; height:24px; border-bottom:1px solid #e8e8e8; line-height:24px; text-align:center}
.logoright div .showmenu p a{ height:24px; line-height:24px; width:100%; display:block; color:#666}
.logoright div .showmenu p a:hover{ background:#ededed}

.top_bar{ height:50px; border-top:1px solid #d8d8d8;background: rgba(230,230,230,0.9);position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; padding-bottom:4px;}
.top_menu{ height:50px;}
.top_menu li{ cursor:pointer; width:25%; float:left; height:50px;}
.top_menu li a{ display:block; text-align:center; padding-top:32px;color:#666}
.top_menu li a:hover{ color:#0ea5e9}
.top_menu li a label{ cursor:pointer; display:block; height:18px; line-height:18px;}
.top_menu li.li1 a{ background:url(./images/li1.png) center 5px no-repeat;background-size:auto 45%}
.top_menu li.li1 a:hover{ background:url(./images/li1_h.png) center 5px no-repeat;background-size:auto 45%}
.top_menu li.li2 a{ background:url(./images/li2.png) center 5px no-repeat}
.top_menu li.li2 a:hover{ background:url(./images/li2_h.png) center 5px no-repeat}
.top_menu li.li5 a{ background:url(./images/li4.png) center 5px no-repeat;background-size:auto 45%}
.top_menu li.li5 a:hover{ background:url(./images/li4_h.png) center 5px no-repeat;background-size:auto 45%}

.top_menu li.li51 a{ background:url(../../images/xkefu.png) center 5px no-repeat;background-size:auto 45%}
.top_menu li.li51 a:hover{ background:url(../../images/xkefu.png) center 5px no-repeat;background-size:auto 45%}


.top_menu li.li4 a{ background:url(./images/li5.png) center 5px no-repeat;}
.top_menu li.li4 a:hover{ background:url(./images/li5_h.png) center 5px no-repeat;}
.top_menu li.li3{ text-align:center;}
.top_menu li.li3 a{ position:fixed; bottom:0px; right:auto; left:auto;z-index:999; margin:0 auto; color:#FFF;padding-top:40px; padding-right:2px;display:block; width:65px; height:27px;background:url(./images/yy.png) center 0px no-repeat}
.top_menu li.li3 a:hover{ background:url(./images/yy_h.png) center 0px no-repeat}
.loginbut{padding:5px; background:#FFA500; color:#fff;width:100%; line-height:25px; cursor:pointer; font-weight:bold; border:none; font-size:14px}
.top_menu li.li1 a,.top_menu li a label{ font-size:13px;}



html {
    background: #f8f8f8;
}

body {
    margin: 0 auto;
    background: #f8f8f8;
    min-width: 320px;
    max-width: 640px;
}

a {
    text-decoration: none;
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

 .header input {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    outline: none;
}

.header {
    position: relative;
    width: 100%;
    height: 44px;
    font-size: 1em;
    color: white;
    line-height: 44px;
    background-color: #c40000;
    letter-spacing: 1px;
}

.content {
    background: #f8f8f8;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 80px;
}

.area {
    width: 80px;
    padding-left: 20px;
    position: relative;
    float: left;
    margin-top: 10px;
}
.areatwo {
    padding-left: 20px;
    position: relative;
    float: left;
}
.areatwo img{width:18px;}

    .area p {
        width: 35px;
        line-height: 24px;
        background: #c40000;
        color: white;
        font-size: 16px;
        margin: 0;
        float: left;
    }

    .area img {
        width: 12px;
        margin-top: 10px;
        float: left;
    }

.namespace {
    float: left;
    margin-left: 2%;
    margin-top: 5px;
    height: 18px;
}

.border {
    /*position: absolute;
    height: 28px;
    overflow: hidden;
    top: 8px;
    border: solid #b80000 1px;
    background-color: #ea2727;
    right: 60px;
    left: 80px;
    display: block;*/
    
    position: absolute;
    height: 28px;
    overflow: hidden;
    top: 8px;
    right: 60px;
    left: 80px;
    display: block;

    background:#ea2727 none repeat scroll 0 0;
    border-radius:15px;
}

.input1 {
    /*text-align: left;
    padding: 0;
    line-height: 6px;
    width: 80%;
    height: 22px;
    font-size: 1em;
    color: #dcdcdc;
    border: none;
    margin-left: 2%;
    background-color: #ea2727;
    float: left;
    margin-top: 2px;*/
    
    text-align: left;
    padding: 0;
    line-height: 6px;
    width: 80%;
    height: 22px;
    font-size: 14px;
    color: #dcdcdc;
    border: none;
    margin-left: 2%;
    float: left;
    margin-top: 3px;
    background-color: #ea2727;
}

.weixin {
    padding-right: 20px;
    right: 0;
    position: absolute;
}

.footer {
    position: fixed;
    width: 100%;
    background: #ffffff;
    height: 50px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    min-width: 320px;
    max-width: 640px;
    z-index: 9999;
}

.child {
    border-top: solid #dcdcdc 1px;
    width: 25%;
    float: left;
    position: relative;
    height: 50px;
    position: relative;
}

    .child img {
        position: absolute;
        left: 50%;
        margin-left: -11px;
        top: 8px;
        height: 20px;
    }

.round {
    width: 90%;
    border-radius: 100%;
    height: 50px;
    background: #f2f2f2;
    border: solid #dcdcdc 1px;
    position: absolute;
    left: 0;
    top: -20px;
}

.small_round {
    width: 90%;
    background: #ffffff;
    border: none;
    
}

.en {
    font-size: 14px;
    color: #999999;
    text-align: center;
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -14px;
}

.bang {
    width: 1px;
    height: 20px;
    position: absolute;
    background: #dcdcdc;
    top: 15px;
    right: 0;
}

.yb_top {
    position: fixed;
    bottom: 100px;
    right: 2%;
}
.pro_num{
    width:15px;
    height:15px;
    line-height:15px;
    text-align:center; 
    font-size:8px;
    border-radius:50%;
}
.white_bac{
    background:#fff;
     color:#c40000;
}
.ding_pro{
    position:absolute;
    top:7px;
    right:0%;
    margin-right:10px;
}
.bottom_pro{
    position:absolute;
    top:2px;
    right:50%;
    color:#fff;
    margin-right:-22px;
}
.red_backg{
    background:#c40000;
}

/*新增*/
.title{
    height: 5rem;
    width: 95%;
    margin: 0 auto;
    border-bottom: 1px solid #ededed;
    padding-bottom: 2rem;
}
.title h1{
    font-size:1.5rem;
    margin-top: 3.5rem;
    text-align: center;
    color:#ff484c;
    font-weight: bold;
    width: 100%;
}
.title p{
    font-size:0.8rem;
    text-align: center;
    margin-top: 0.5rem;
    width: 100%;


    display: inline-block;
}
.title p i{
    background: url(http://www.gwylsc.cn/m/images/z_fengxian.png) right center no-repeat;
    background-size: 1.5rem auto;
    height: 2rem;
    width: 49%;
    display: inline-block;
    float: left;
    text-align: right;
    margin-right: 1%;

}
.title p span{

    height: 2rem;
    width: 50%;
    text-align: left;
    display: inline-block;
    line-height: 2rem;
    float: left;


}






.titlebzj{
    height: 5rem;
    width: 95%;
    margin: 0 auto;
   background:  #c9072c;
    color:#fff;
    border-bottom: 1px solid #ededed;
    padding-bottom: 2rem;
    padding-top: 2rem;
    border-radius: 1rem;
}
.titlebzj h1{
    font-size:1.5rem;
    padding-left: 2rem;
    text-align: left;
    color:#fff;
    font-weight: bold;
    width: 100%;
}
.titlebzj p{
    font-size:0.8rem;
    color:#fff;
    padding-left: 2rem;
    text-align: center;
    margin-top: 0.5rem;
    width: 100%;


    display: inline-block;
}
.titlebzj p i{
    background: url(http://www.gwylsc.cn/m/images/z_fengxian.png) right center no-repeat;
    background-size: 1.5rem auto;
    height: 2rem;
    width: 49%;
    display: inline-block;
    float: left;
    text-align: right;
    margin-right: 1%;

}
.titlebzj p span{

    height: 2rem;
    width: 50%;
    text-align: left;
    display: inline-block;
    line-height: 2rem;
    float: left;


}




.subtitle{
    height:2rem;
    width: 90%;
    margin: 0 auto;
    display: block;
    margin-bottom: 2rem;
}
.subtitle p{
    font-size:0.8rem;
    text-align: center;
    margin-top: 0.5rem;
    width: 100%;


    display: inline-block;
}
.subtitle p span{

    height: 2rem;
    width: 50%;
    text-align: left;
    display: inline-block;
    line-height: 2rem;
    float: left;



}
.subtitle .cen{text-align: center}
.subtitle .rigt{text-align: right}




/* 2、红箭头是单独的盒子，通过移动显示出箭头 */
#progress{
    display: flex;
    margin-top:50px;
    justify-content: start;
}
#progress>div{
    width: 25%;
    height: 34px;
    line-height: 35px;
    color: #fff;
    position: relative;
    text-align: center;
}
/* 三角形 */
.triangle-box{
    display: inline-block;
    width: 20px;
    height: 34px;
    overflow: hidden;
    position: absolute;
    left: 0;
}
.triangle{
    transform:rotate(45deg);
    transform-origin: left top;
    position: absolute;
    top: -3px;
    left: -1px;
    width: 25px;
    height: 25px;
    border: 2px solid #fff;
}
/* 红色、灰色背景 */
.bg-red{
    background-color: #e2231a;
}
.bg-gray{
    background-color: #CCCCCC;
}



.titleyue {
    height: 7rem;
    width: 40%;
    margin: 0 2%;
    border: 1px solid #0a452e;
    padding-bottom: 5rem;
    border-radius: 1rem;
}
.titleyue h2{
    font-size:1.5rem;
    margin-top: 1.5rem;
    text-align: center;
    color:#0a452e;
    font-weight: bold;
    width: 100%;
}

.titleyue h1{
    font-size:1.5rem;
    margin-top: 2.5rem;
    text-align: center;
    color:#0a452e;
    font-weight: bold;
    width: 100%;
}
.titleyue p{
    font-size:0.8rem;
    text-align: center;
    margin-top: 0.5rem;
    width: 100%;


    display: inline-block;
}
.titleyue p i{
    background: url(http://www.gwylsc.cn/m/images/z_fengxian.png) right center no-repeat;
    background-size: 1.5rem auto;
    height: 2rem;
    width: 49%;
    display: inline-block;
    float: left;
    text-align: right;
    margin-right: 1%;

}
.titleyue p span{

    height: 2rem;
    width: 100%;
    text-align: center;
    display: inline-block;
    line-height: 2rem;
    float: left;


}

.buttom {
    background:#0a452e;
    margin: 20px 12px 20px 12px;
    font-size: 16px;
    color: white;
    line-height: 40px;
    text-align: center;
    border-radius: 1rem;
}

.hong{
    background:#0a452e;
}
.topmar{margin-top: 0.1rem;}
.bai{
    color:#fff !important;
}
.cent{
    text-align: left !important;
}
.pleft{padding-left: 1rem !important;}

.yuxuan{
    margin-top: 0.5rem;
}
.titleyuex{border: none;height: 2rem;line-height: 2rem;padding-left: 4%;width: 95%;}
.yuxuan ul{display: block;padding-left: 4%;width: 95%;margin-top:1rem;}
.yuxuan ul li{display: block; float: left; width:30%;text-align: center;color:#0a452e;border: 1px solid #c9072c;margin: 1rem 0;line-height: 2rem;height: 2rem;margin-right: 2%;border-radius: 1rem;cursor: pointer; }
.currentli{background:#0a452e;color: #fff !important; }