@charset "utf-8";
/* CSS Document */
html { font-size: 12px;}
.stateNavMark{ position: absolute; top: -85px; }
/*a { }*/
/*img { VERTICAL-ALIGN: middle}*/
/** { outline:none;}*/
*{margin:0; padding:0;}
html{font-size: 12px;}
body{position:relative; font-family:"Open Sans","Source Han Sans","黑体-简", "微软雅黑", "宋体"; background-color: #ebebeb;}
a{outline:none;}
img{width:100%; height:auto; border:none;}
ul, ol, li { list-style: none; }
.clear{clear:both; overflow:hidden; height:0; font-size:0; line-height:0;}
.white_layer { position: fixed;}
/*.temple_soldout_icon {  position: absolute;  left: 50%;  top: 50%;  margin-left: -54px;  margin-top: -54px;  z-index: 100;  }*/
.cd-modal { display: none;}
.headerAfter { margin-top:-44px; transition: margin-top 0.2s 0.1s ;}
.headerOver { margin-top:0px; transition: margin-top 0.2s 0.1s ;}
.cd-modal-action .btn.to-circle { width: 0;
    color: rgba(0, 0, 0, 0);
    -webkit-transition: color 0.2s 0s, width 0.3s 0.2s;
    -moz-transition: color 0.2s 0s, width 0.3s 0.2s;
    transition: color 0.2s 0s, width 0.3s 0.2s;}
#reGistration { padding-top: 20%;}
.cd-modal p { font-weight: bold; color: white; font-size: 1.2rem;}
.cont h1 { font-weight: bolder; color: white; font-size: 1.5rem;}
.cd-modal-close { height: 60px; width: 60px; top:10px; right: 10px;
    color: #fff; background-size: 50%; background: url(/image_site/event/2015/12/templet/popClose.png) no-repeat center center  rgba(0, 0, 0, 0.3); }
/*.cd-modal-action .btn { text-align: center;    background: rgba(0, 0, 0, 0.66);}*/
/*.cd-modal-action .btn, .cd-modal-action .cd-modal-bg { background-color: rgba(40, 41, 43, 0.66);}*/
.cd-section { width: auto; padding: 0;  background: none; position: absolute; right: 10px; top:10px; z-index: 500;  text-align: center; border-radius: 66px;     }
/*.cd-modal-bg .is-visible {     transform: translateX(0px) scale(30); }*/
.temple_soldout_icon img { width: 50%;}
/*.slickDivs .temple_soldout_icon img { width: 90%;}*/
.goods{ position: relative; }
.goods .temple_soldout_icon img { width: 80%;}
.awThemeCommodityNav  { position: relative; background: #B1B1B1; height: 44px;; text-align: center; overflow: hidden;width: 100%; display: block}
/*.awThemeCommodityNavTag { overflow: hidden; display: block; float: left;  background: white; padding-bottom: 2px; height:42px; line-height:42px; font-weight: bold; outline: none;}*/
/*.awThemeCommodityNavTagBox { height: 44px; background: #fff; }*/
/*.awThemeCommodityNavTagOn { height: 39px;}*/
.awThemeCommodityNavTagOn a {}
.awThemeCommodityNavFixed{ position: fixed; top: 80px; z-index: 200; width: 100%; }
.awThemeCommodityNavFixed1 { position: fixed; top: 36px; z-index: 200; width: 100%; }
.awThemeCommodityNavHeight{ display: none; width: 100%; height: 44px; }
.awThemeCommodityNav ul{width: 100%; display: block}
.bannerImg { width: 100%;}
.bannerImg img { width: 100%;}
.slick-dots li button:before {  font-size: 50px;  }
.button {
    min-height: 1.5em;
    display: inline-block;
    padding: 0;
    margin: 0;
    cursor: pointer;
    opacity: 0.9;

    color: #FFF;
    font-size: 1em;
    letter-spacing: 1px;
    text-shadow: rgba(0,0,0,0.9) 0px 1px 2px;

    background: #434343;
    border: 1px solid #242424;

    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    -webkit-transition: all 0.1s linear;
    -khtml-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.disable { background :grey ;}
.button:hover {
    -webkit-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    -khtml-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    -moz-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    -o-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
}
.button:active {
    -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
}
.shine {
    display: block;
    position: relative;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
    background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    padding: 0px;
    height: 1px;
    -webkit-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
    -khtml-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
    -moz-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
    -o-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
    box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.button:hover .shine {left: 24px;}
.button:active .shine {opacity: 0;}
.button.gray {background: #555;}
.button.blue {background: #3a617e;}
.button.green {background: #477343;}
.button.red {background: rgb(255, 196, 217);}
.button.purple {background: #4b3f5e;}
.button.orange {background: #624529;}
body { font-size:12px;}
*{margin: 0; padding: 0;}
img{border: none;}
.clear {clear: both;}
.phonebg{width: 100%; height:auto; position: relative;}
.bar { position: fixed; height: auto; z-index: 1000; width: 100%; overflow: hidden;}
.bar1 {}
.bar ul li { display: inline;}
.bar ul { overflow: hidden; height: 39px; background: white;  display: inline-block;}
.bar1 ul { width: 100%; height: 39px; background: #15487f; padding-bottom: 2px; }
.bar .focus { box-shadow: rgba(255,255,255,0.2) 0px 1px 5px; color:red; font-weight: bold;}
.bar1 .focus { box-shadow: rgba(255,255,255,0.2) 0px 1px 5px; color:#fff;}
.bar ul li { width: 83px; height: 100%; font-size: 14px; line-height: 100%; text-align: center; color: #c98872; float: left; overflow: hidden; font-weight:600 ;}
.barli1 { width: 32.7%; height: 100%; font-size: 14px; line-height: 100%; text-align: center; color: #c98872; float: left; overflow: hidden; font-weight:600 ;}
.bara { font-size: 14px; line-height: 100%; text-align: center; color: black; overflow: hidden; font-weight:600 ;}
.bara1 { font-size: 14px; line-height: 100%; text-align: center; color: #8cbdf5; overflow: hidden; font-weight:600 ;}
.banner { width: 100%; height: auto; text-align: center; overflow: hidden; position: relative;}
/*.banner img { width: 100%; height: 100%;}*/
.hongbaobg{width: 100%; height:auto; position: relative; background-image: url("/image_site/event/2015/12/templet/hongbao.jpg"); background-size: 100% 100%;}
.chouhongbao{position: absolute; top: 62%; left: 24%; width: 53.7%; height: auto;}
.chouhongbao img{width: 100%; height: auto;}
.inputs{ width:56.7%; position: absolute; top: 15%; left: 22%; height: 32.5%; background: #fff; border-radius:6px; }
.iinput{width: 100%; height: 100%; line-height: 100%; text-align: center; background: url(/image_site/event/2015/12/templet/input.png) no-repeat; background-size:100% 100%; border: none;
    font-size: 1.4rem; font-family: "微软雅黑", "宋体";outline:none; froce:none; color:#9a9a9a; padding:0 1.25%;}
.fourinone { background: #fff;}
.threeinone { background: #fff;}
.twoinone { background: #fff;}
.oneinone { background: #fff;}
/*.eachone4 { width: 25%; height: auto; float: left;}*/
/*.eachone4 img { width: 100%; height: 100%;}*/
.eachone3 { width: 33.333%; height: auto;  float: left;}
.eachone3 img { width: 100%; height: 100%;}
.eachone2 { width: 50%; height: auto;  float: left;}
.one { width: 100%; height: auto;  float: left;}
.eachone2 img { width: 100%; height: 100%;}
.one img { width: 100%; height: 100%;}
.youhuiquaneach img { width:100%; }
.youhuiquaneach1 img { width:100%; }
.timer { width: 100%; background-image: url(/image_site/event/2015/12/templet/timer.jpg); background-size: 100% 100%; }
/*.timerdiv { width: 64%; padding: 45px 0 55px; margin: 0% 18%; height: 65px; line-height: 65px; font-size: 1.1rem; text-align: center; color: black;}*/
.mizhihuodong { width: 100%; }
.mizhihuodong img { width: 100%; }
.fade { margin-top: 2%; width: 100%; }
.fadediv { width: 100%; outline: none; text-align: center;}
.fadediv img { width: 500%; }
.slick-prev, .slick-next {z-index: 100;}
.slick-prev { left: 0;}
.slick-next { right: 0;}
.black {width: 100%; height: 100%; line-height: 100%; text-align: center; background: url(/image_site/event/2015/12/templet/input.png) no-repeat; background-size:100% 100%; border: none;  font-size: 1.4rem; font-family: "微软雅黑", "宋体";outline:none; froce:none; color:black; padding:0 1.25%;}
.r_btn { position: absolute; right: 5%; top:2%; width: 19%; height: auto; background: rgba(0, 0, 0, 0.28);  text-align: center; border-radius: 66px; padding: 1%;}
.r_btn a { color: white; font-size: 1.2rem; font-weight: bold;  width: auto; display: inline;}
#back-to-top { z-index: 101; position: fixed; right:5%; bottom: 5%; overflow: hidden; width: 15%; height: auto; border-radius:66px; font-size: 1rem; font-weight: bolder; text-align: center;  }
#back-to-top1 { z-index: 101; position: fixed; right:5%; bottom: 12.5%; overflow: hidden; width: 15%; height: auto; border-radius:66px; border: 2px solid #000; background: #fff; font-size: 1rem; font-weight: bolder; text-align: center; line-height: 20px;  }
#back-to-top2 { z-index: 101;  position: fixed; right:5%; bottom: 20%; overflow: hidden; width: 15%; height: auto; border-radius:66px; border: 2px solid #000; background: #fff; font-size: 1rem; font-weight: bolder; text-align: center; line-height: 20px;  }
#back-to-top img { width: 100%;}
#back-to-top1 img { width: 100%;}
#back-to-top2 img { width: 100%;}
abbr {  text-decoration: underline;}
.popShare { background: #fff; width: 270px; position: fixed; left: 50%; top: 30%; margin-left: -135px; border-radius: 5px; box-shadow: 2px 2px 0 rgba(173, 173, 173, .5); z-index: 202; display: none; }

.shareEach { margin: 5% 0 10px 9%; width:50px; height: auto; float: left; }
.shareEach img { width: 100%;}
.shareEach p { margin-top: 15%; font-size: 1rem; text-align: center;}
.popClose { background: url("/common/html5/images/cart/pop_close_btn.png") no-repeat; background-size: 32px; display: block; width: 32px; height: 32px; position: absolute; right: -16px; top: -16px; }

.popCloseDiv { width: 60%; height: 60%; margin: 20%;}
.popClose img { width: 100%; }
.shareP { padding: 10px 0 0 10px; font-size: 18px; color: #434343; }
.slickImg { width: 100%;}
.center { margin-top: 20px;}
.centerDivs { width: 95%; padding-left: 2.5%; position: relative; background: #fff;}
.centerDivsL { width: 49%; margin-left: -1%; }
.centerDivsL img { width: 100%; display: inline;}
.onsale { width: 100%; }
.onsaleImg { width: 100%;}
.onsaleImg img { width: 100%;}
.centerDiv { opacity:0.5;}
.onsale .slick-slide{ opacity: 0.5;transition: all 400ms ease;
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}

.onsale  .centerDiv.slick-center{  -moz-transform: scale(1);transition: all 400ms ease;
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.centerDiv.slick-active {  -moz-transform: scale(0.9); transition: all 400ms ease;
    -ms-transform: scale(1);
    -o-transform: scale(1)
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.onsale1 .slickDiv.slick-slide{ opacity: 0.5;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.onsale1 .slickDiv.slick-center{  -moz-transform: scale(1); transition: all 400ms ease;
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.onsale1 .slickDiv.slick-slide.slick-active {  -moz-transform: scale(1); transition: all 400ms ease;
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.barli a img { width: 100%; height: 100%;}
.slick-dots { bottom: -21px;}
.slick-dots li button { display: none; }
.slick-dots li { width: 10px; height: 10px; border-radius: 20px; background-color: #fff; }
.slick-dots li.slick-active { background-color: #ccc; }
.itemShow { width: 50%; height: 95%; position: absolute; left: 50%; top: 5%;}
/*.itemName { width: 100%; height: 39%; overflow: hidden; color: #000; font-size: 1.2rem; font-weight: bold;}*/
.itemIntrodtn { width: 100%; height:12%; overflow: hidden; color: #808080; font-size: 1rem; overflow: hidden;}
/*.price { float: left; width: 55%; overflow: hidden; color: #e83843; font-size: 1.5rem; font-weight: bold; margin-top: 1%; }*/
/*.delprice { text-align: center; float:right; width: 40%; overflow: hidden; color: #cc8589; font-size: 1rem; font-weight: bold; text-decoration: line-through; margin-left: 2%; }*/
/*.timer1 { width: 94%; height: 21%; background: #E24F3D; color: #fff; margin: 2% 1%; text-align: center; }*/
.slickDiv { width: 100%;}
/*.slickDivs { position: relative; width: 45.85%; margin:1% 0% 0 2.5%; float: left;}*/
.itemIcon {width: 25%; position: absolute; top: 0; left: 0;}
.itemIcon img {width: 100%;}
.slickDivsImg { width: 100%; text-align: center; background: #fff; position: relative; }
.slickDivsImg img{ display: inline; width: 100%; }
/*.itemName1 { font-size: 15px; height: 36px; line-height: 18px; font-weight: bold; overflow: hidden; width: 100%; margin-top: 2%;}*/
/*.price1 { float: left; width: 55%; letter-spacing: -.5px; overflow: hidden; color: #e83843; font-size: 1.5rem; font-weight: bold; margin-top: 1%; }*/
/*.delprice1 { text-align: center; float: right; width: 40%; overflow: hidden; color: #cc8589; font-size: 1rem; font-weight: bold;text-decoration: line-through; }*/
/*.timer2 { width: 100%; height: 34px; background: #E24F3D; color: #fff; margin: 2% 0%; text-align: center; font-size: 1.2rem; }*/
.brandBar { width: 100%;}
.brandBar img  {width: 100%;}
.brandImg { width: 50%; float: left; }
.brandImg img { width:100%; }
.cd-modal .cd-modal-content { width: 90%; z-index: 500;}
.slick-next { background: url(/image_site/event/2015/12/templet/templet_right.png) no-repeat; background-size: 100% 100%; z-index: 999;}
.slick-next:focus,.slick-next:hover { background: url(/image_site/event/2015/12/templet/templet_right.png) no-repeat; background-size: 100% 100%; z-index: 999;}
.slick-prev { background: url(/image_site/event/2015/12/templet/templet_left.png) no-repeat; background-size: 100% 100%; z-index: 999;}
.slick-prev:focus,.slick-prev:hover { background: url(/image_site/event/2015/12/templet/templet_left.png) no-repeat; background-size: 100% 100%; z-index: 999;}
.slick-arrow { height: 40px;}
.slick-prev:before, .slick-next:before { color: transparent; }


/*hujunadd*/
.loadAjax{
    height: 800px; position: relative;
}
/*liuhui gai*/
.itemName { width: 100%; height:27%; overflow: hidden; color: #000; font-size: 1.2rem;}
.itemName1 { color: #000;font-size: 1.2rem; height: 3rem; line-height: 1.5rem; overflow: hidden; padding:0 2%; margin: 0 2%;
    word-break:break-all;}
.timerdiv { width:100%; padding: 45px 0 55px; margin: 0  auto; height: 65px; line-height: 65px; font-size: 2rem; text-align: center; color: #262537;}
/*.temple_soldout_icon {  display: none;}*/
.atat span{ font-size: 1.1rem;}
.pricebox{ overflow:  hidden; padding: 2% 0; position: relative}
.price { float: left; /* width: 55%; */  overflow: hidden;  color: #e83843;  font-size: 1.6rem;  font-weight: bold;   display:  inline-block}
.price1  { float: left; font-style: normal;  color: #e83843; font-size: 1.6rem;margin:0 2%;  display: inline}
.delprice ,.delprice1{position: absolute; float: left;text-align: left;  overflow: hidden; color: #bfbfbf; font-size: 1rem; font-weight: bold; text-decoration: line-through;display:  inline-block}
.awThemeCommodityNavTag { overflow: hidden; display: block; float: left;  background: white; padding-bottom: 2px; height:42px; line-height:42px; font-weight: bold; outline: none; color: #333333}
.awThemeCommodityNavTagBox { height: 44px; background: #fff; }
.awThemeCommodityNavTagOn { height: 39px; border-bottom: 2px solid #ff0000}
.slickDivs { position: relative; width: 45.85%; margin:1% 0% 1% 2.5%; float: left; background: #FFFFFF}
.eachone4 { width: 25%; height: auto; float: left; font-size: 0; overflow: hidden}
.timer1 { width: 94%; height: 21%; background: #e62531; color: #fff; margin: 2% 1%; text-align: center; }
.timer2 { width: 80%; height: 34px; background: #e62531; color: #fff;  margin: 2% 10% 5% 10%; text-align: center; font-size: 1.2rem; }
.banner,.twoinone,.threeinone,.oneinone,.brandDiv{font-size: 0;}
.centerDivsL{ position: relative}
.temple_soldout_icon {  position: absolute;  left: 16%;  right: 16%;  top: 8vw;  z-index: 100;}
.slickDivs .temple_soldout_icon img{width:100%}
.goodsbar{ padding: 3% 0;}
/*.eachone4 img { width: 100%; height: 100%;}*/

.h_r_btn img{
    display: inline;
}
.itemShow1{ padding-top:2%}
.timeend{ font-size: 1rem; color: #e62531;  margin: 0 2%;}
.itemIntrodtn1{ font-size: 1rem; padding:0 2%;  margin: 0 2%; height: 1.2rem; line-height:1.2rem;overflow: hidden; color: #808080}


/*为http://m.ocj.com.cn/event/g/9032临时调整视频位置*/
/*
.contentDiv .videodiv{
    top:39.8%;
}
.contentDiv .videodiv video{
    width: 100%; height: auto;
}*/

/*20161212 新增积分展示项*/
.icon_jifen{ float: right; font-size: 1rem; color: #ff8400; margin-top: 4px; margin-right: 2%; }
.icon_jifen i{ display: inline-block; padding: 1px; margin-right: 3px; color: #fff; background: #ff8400; }
/*g模板添加右边浮层图片*/
.hgFixedImg{    position: fixed;  right: 0px;  bottom: 130px;  width: 90px;  height: 90px;  z-index: 9999;}

/*20170808 新增优惠券领取功能*/
.titleTicket{ position: relative; padding-top: 10px; background: #fff; }
.titleTicket .ticketMore{ position: absolute; right: 0; top: 10px; width: 25%; height: 70%; }
.ticketBox{ position: relative; padding: 10px; background: #fff; }
.ticketItem{ position: relative; margin-bottom: 10px; }
.ticketItem img{ position: relative; z-index: 5; }
.ticketInfo{ position: absolute; width: 70%; left: 3%; top: 50%; z-index: 6;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.ticketInfo .title{ color: #1a1a1a; font-size: 1.4rem; line-height: 1.7rem; height: 3.4rem; overflow: hidden; margin-bottom: 0.4rem; }
.ticketInfo .price{ width: 64%; color: #e93116; font-size: 1.2rem; font-weight: normal; }
.ticketInfo .price i{ font-size: 1rem; }
.ticketInfo .price span{ font-size: 1.8rem; font-weight: bold; }
.ticketInfo .time{ font-size: 1rem; color: #fff; }
.ticketInfo .time{ position: absolute; width: 35%; right: 0; bottom: 0; font-size: 1rem; color: #1a1a1a; }
.circularArc{ position: absolute; width: 16%; top: 10.1%; left: 79.7%; overflow: hidden; }
.circularArc img{ z-index: 1; }
.circularArc p{ position: absolute; width: 100%; color: #fff; font-size: 1rem; line-height: 1.2rem; text-align: center; top: 25%; z-index: 5; }
.progressBar{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.progressBar img{ position: absolute; top: 0; left: 0; }
.ticketReceive{ display: block; position: absolute; width: 18.7%; height: 18%; right: 3%; bottom: 15.5%; }
.ticketLink{ display: block; position: absolute; width: 18.7%; height: 18%; right: 3%; bottom: 15.5%; }

.ticketScroll{ padding: 10px 0; width: 100%; overflow: hidden; background: #fff; }
.ticketScrollBox{ margin: 0 10px; }
.ticketScrollBox .ticketItem{ float: left; width: 225px; margin-bottom: 0; margin-right: 10px; }
.ticketScrollBox .ticketInfo{ top: 52%; width: 58%; }
.ticketScrollBox .ticketItem .price{ width: auto; float: none; color: #fff; font-size: 1.1rem; }
.ticketScrollBox .ticketItem .title{ color: #fff; font-size: 1rem; line-height: 1.4rem; height: 1.4rem; margin-bottom: 0; }
.ticketScrollBox .ticketInfo .time{ position: static; width: auto; font-size: 1rem; color: #fff; }
.ticketScrollBox .circularArc{ width: 21.3%; left: 71.6%; }
.ticketScrollBox .circularArc p{ color: #e73419; }
.ticketScrollBox .ticketReceive{ display: block; position: absolute; width: 26%; height: 19%; right: 4.5%; bottom: 14%; }
.ticketScrollBox .ticketLink{ display: block; position: absolute; width: 26%; height: 19%; right: 4.5%; bottom: 14%; }