body{font:12px/18px "Microsoft YaHei",arial,sans-serif;color:#585858;
}

body,div,p,span,form,iframe,table,td,th,input,textarea,button,label,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0; box-sizing:border-box;}

h1,h2,h3,h4,h5,h6{font-size:100%; }

ul,ol,li,dl{list-style-type:none;}

em,i,dfn,cite,strong,small{font-style:normal;}

img{border:0;}

fieldset,button,input,select,option{vertical-align:middle;font:12px/18px "Microsoft YaHei",arial,sans-serif;}

table{border-collapse:collapse;border-spacing:0}

textarea{resize:none}

/* color */

a:link,a:visited{color:#575757;text-decoration:none;}

a:hover{color:#ef4165;text-decoration:none;}

a:active{color:#1d7400;}

/* clearfix */

.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}

*html .clearfix{ zoom:1;}



.preview{width:23.5%; margin:50px 0px 0px 150px;}

/* smallImg */




.smallImg{position:relative; height:125px;width:100%; overflow:hidden; float:left;}

.scrollbutton{width:43px; height:125px; overflow:hidden; position: absolute; float:left; cursor:pointer; }

.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background: rgba(243, 243, 243, 0.3) url(../../images/left.png) no-repeat center; background-size: 16px 26px;}

.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background: rgba(243, 243, 243, 0.3) url(../../images/right.png) no-repeat center; background-size: 16px 26px; right:-10px;}



#imageMenu {height:100%; width:100%; overflow:hidden; margin-left:0; float:left;}

#imageMenu li {height:125px; width:125px; overflow:hidden; float:left; text-align:center;}

#imageMenu li img{width:100%; height:100%;cursor:pointer;}

/*
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}
*/

/* bigImg */

.bigImg{position:relative; float:left; width:100%; height: 30%; overflow:hidden; padding: 15px; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; margin-bottom: 20px;}

.bigImg #midimg{width:100%; height:100%;}

.bigImg #winSelector{width:235px; height:210px;}

#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}

/* bigView */

#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}

#bigView img{position:absolute;}

/* news */
.convertibility_max {
    width: 100%;
    position: relative;
    padding: 0 !important;
    margin-bottom: 25px !important;
}
.ban_active {border: 1px solid #00a0e8;}
.ban {border: 1px solid #979797}
.rightss {width: 39% !important; padding-top: 57px; margin-left: 50px !important;}
.p11 {font-weight: normal !important; font-size: 24px !important; margin-bottom: 30px !important;}
.reds {width: 100%; height: 105px; color: #f8783b; background: #fff3eb; font-size: 18px; padding-left: 18px;line-height: 105px; margin-bottom: 21px !important; padding-bottom: 0 !important; border-bottom: none !important;}
.h49 {width: 100%; height: 50px; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5 !important; padding-bottom: 0 !important;}
.h49 ul {width: 100%; height: 100%;}
.h49 ul li {width: 33.33%; height: 100% !important; line-height: 49px !important; font-size: 18px; position: relative; color: #737373 !important;}
.h49 ul li:last-child {margin-right: 0;}
.h49 ul li::before {content: ""; width: 24px; height: 24px; border-radius: 50%; position: absolute; top: 50%; margin-top: -12px; left: 18px;}
.h49 ul li:nth-child(1)::before {background: url(../../images/foot_wkwk01.png) no-repeat; background-size: 100% 100%;}
.h49 ul li:nth-child(2)::before {background: url(../../images/foot_wkwk03.png) no-repeat; background-size: 100% 100%;}
.h49 ul li:nth-child(3)::before {background: url(../../images/foot_wkwk02.png) no-repeat; background-size: 100% 100%;}
.btnss {width: 200px; height: 44px; border-radius: 7px; line-height: 44px; text-align: center; display: inline-block; letter-spacing: 2px;}
.btnss_1 {background: #fff3eb; color: #fcae8a;}
.btnss_2 {background: #f56823; color: #ffffff; margin-left: 5px;}

.goods_box {
    width: 100%;
    text-align: center;
}
.goods_box p {
    margin: 0 !important;
    width: 100% !important;
}
.goods_box p img {
    width: 70%;
}
.Content_of_the_gift_bag {
    width: 100%;
}
.Content_of_the_gift_bag ul {
    width: 100%;
    padding-bottom: 3%;
    /* // min-height: 700px; */
}
.Content_of_the_gift_bag ul li {
    width: 24%;
    height: 411px;
    float: left;
    margin-right: 1%;
    position: relative;
    border: 1px solid #dedede;
}
.Content_of_the_gift_bag ul li:first-child {
    border-left: 0;
}
.Content_of_the_gift_bag ul li:last-child {
    margin-right: 0;
    border-right: 0;
}
.Content_of_the_gift_bag ul li dl {
    width: 100%;
    height: 411px;
}
.Content_of_the_gift_bag ul li dl dt {
    width: 100%;
    height: 323.75px;
    cursor: pointer;
}
.Content_of_the_gift_bag ul li dl dt img {
    width: 100%;
    height: 100%;
}
.Content_of_the_gift_bag ul li dl dd {
    font-size: 18px;
    padding-top: 20px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Content_of_the_gift_bag_btn {
    width: 100%;
    text-align: center;
    background: #f56823;
    position: absolute;
    bottom: 0;
    display: none;
}
.Content_of_the_gift_bag_btn a {
    color: #fff;
    font-size: 18px;
}
.advertising {
    float: right;
    width: 21.8%;
    color: #cbcfd0;
    padding: 60px 76px 0 76px;
}
.advertising .advertising_title {
    font-size: 15px;
    position: relative;
}
.advertising .advertising_title::after {
    top: 50%;
    left: 68px;
    content: '';
    width: 60px;
    height: 1px;
    position: absolute;
    background: #979797;
}
.advertising ul li {
    width: 200px;
    height: 200px;
    margin-top: 40px;
    position: relative;
}
.advertising ul li a {
    color: #696a6c;
}
.advertising_price {
    bottom: 0;
    width: 100%;
    height: 40px;
    /* // line-height: 30px; */
    position: absolute;
    text-align: center;
    background: rgba(255, 255, 255, 0.5);
}
.advertising_price p{
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.advertising ul li img {
    width: 100%;
    height: 100%;
}
