/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#666; background: #371d10;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1000px; margin:0 auto;}

Fbody {
    margin:0;
    padding:0;
    font-family:"",Verdana,Geneva,sans-serif
}

/*banner_02*/
.banner_02{ height:810px; overflow:hidden; margin-top:91px;}
.banner_02 #banner_02_con{ display:none;}



@font-face {
    font-family: 'DINBold';
    src: url('../fonts/DINBold.eot');
    src: url('../fonts/DINBold.eot') format('embedded-opentype'),
        url('../fonts/DINBold.woff2') format('woff2'),
        url('../fonts/DINBold.woff') format('woff'),
        url('../fonts/DINBold.ttf') format('truetype'),
        url('../fonts/DINBold.svg#DINBold') format('svg');
}
a:focus {
    outline:0
}
a:link,a:visited,a:active {
    color:#b39b77;
    text-decoration:none
}
a:hover {
    opacity: 0.9;
}
a.mask {
    text-decoration:none;
    overflow:hidden;
    display:block
}
.oc {
    color:#C30B17
}

.uname{
    font-size: 24px;
    font-family: ;
    position: absolute;
    right: 0;
    z-index: 501;
    transform: translateX(1000px);
}
.gname{
    font-size: 32px;
    font-family: ;
    position: absolute;
    right: 0;
    z-index: 501;
    transform: translateX(1000px);
}

.mobile_sbtn{
    position: absolute;
    width: 28.125%;
    left: 66.875%;
    z-index: 20;
    top: 56.12%;
}
.tline{
    margin-top: 25px;
    border-top: #cccccc 1px solid;
}

.rline{
    min-height: 100px;
    border-right: #cccccc 1px solid;
    padding: 30px 0 20px 0;
    box-sizing: border-box;
    text-align:center;
}

.notetip{
    font-size: 14px;
}

.notetip i{
    font-style: normal;
    color: #C30B17;
    font-size: 14px;
}

.qrcode1{
    width: 300px;
    height: 300px;
    margin: 30px auto;
}
.pure-form select {
    height:2.5em;
    border:1px solid #e45746;
    background-color:#e45746;
    color:#fff
}


#state {
    margin:15px 0;
    width:180px;
    box-shadow:none;
    text-align:center;
    outline:0
}
.lazy {
    background:#fff
}
.shop-list {
    display:none
}
.pagelist {
    text-align:center;
    margin:3px;
    font-family:"",Verdana,Geneva,sans-serif;
    font-size:14px;
    display: none;
}
.pagelist a {
    padding:4px 8px;
    MARGIN:1px;
    COLOR:#C30B17;
    TEXT-DECORATION:none;
    display:inline;
    line-height:18px
}
.pagelist A:hover {
    color:#fff;
    background:#C30B17;
    text-decoration:none;
    border-radius:50%
}
.pagelist A:active {
    color:#C30B17
}
.pagelist SPAN.current {
    padding:4px 8px;
    MARGIN:1px;
    color:#fff;
    background:#C30B17;
    border-radius:50%
}
.pagelist SPAN.disabled {
    padding:4px 8px;
    MARGIN:1px;
    COLOR:#ddd
}
.pure-g [class *="pure-u"] {
    font-family:"",Verdana,Geneva,sans-serif
}
.pure-img-responsive {
    max-width:100%;
    height:auto
}
.pure-img-responsive1 {
    max-height:100%;
    width:auto;
    cursor:pointer;
    margin:0 auto
}
img {
    border:0;
    display:block
}
img.zoom-img {
    width:100%;
    position:relative;
    padding:0
}
img.zoom-img {
    -webkit-transform:scale(1,1);
    -webkit-transition-timing-function:ease-out;
    -webkit-transition-duration:250ms;
    -moz-transform:scale(1,1);
    -moz-transition-timing-function:ease-out;
    -moz-transition-duration:250ms;
    box-shadow:0 0 0 0 #000
}
img.zoom-img:hover {
    -webkit-transform:scale(1.05);
    -webkit-transition-timing-function:ease-out;
    -webkit-transition-duration:750ms;
    -moz-transform:scale(1.05);
    -moz-transition-timing-function:ease-out;
    -moz-transition-duration:750ms;
    overflow:hidden;
    opacity:.9
}
img.op-img {
    position:relative;
    padding:0
}
img.op-img {
    opacity:1;
    transform:scale(1,1);
    transition:all 350ms ease-out
}
img.op-img:hover {
    opacity:.7;
    transform:scale(1.05,1.05);
    transition:all 350ms ease-out
}

img.z-img {
    position:relative;
    padding:0
}
img.z-img {
    opacity:1;
    transform:scale(0.8,0.8);
    transition:all 350ms ease-out
}
img.z-img:hover {
    -webkit-transform:scale(1);
    -webkit-transition-timing-function:ease-out;
    -webkit-transition-duration:350ms;
    -moz-transform:scale(1);
    -moz-transition-timing-function:ease-out;
    -moz-transition-duration:350ms;
    overflow:hidden;
}

.wechat_big{
    width: 160px;
    height: 200px;
    margin: 20px auto 0 auto;
}
.wrap {
    max-width:1140px;
    margin:0 auto;
    height:100%;
    position:relative
}
.wrap1 {
    max-width:1000px;
    margin:0 auto;
    height:100%;
    position:relative
}
.wrap2 {
    max-width:960px;
    margin:0 auto;
    height:100%;
    position:relative
}
.wrap-in {
    max-width:980px;
    margin:0 auto;
    height:100%;
    position:relative
}
.shadow {
    background:url(../images/shadow.png) repeat-x bottom
}
.out-border {
    border-left:#C30B17 1px solid;
    border-right:#C30B17 1px solid;
    background-color:#fff
}
.mb20{
    margin-bottom: 20px;
}
.pt20{
    padding-top:20px;
}
.mg10 {
    margin:20px 10px;
    box-sizing:border-box;
    position:relative
}

.mg101 {
    margin:20px 10px 5px 10px;
    box-sizing:border-box;
    position:relative
}
.mg102 {
    margin:5px 5px 5px 10px;
    box-sizing:border-box;
    position:relative
}
.mg103 {
    margin:5px 10px 5px 5px;
    box-sizing:border-box;
    position:relative
}
.mg20 {
    margin:10px 10px 0 10px;
    box-sizing:border-box;
    position:relative
}

.countdown{
    width: 126px;
    height: 192px;
    background: url(../images/countdown_bg.png) no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 500;
    color: #fff;
    font-size: 60px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 38px;
    font-family: arial;
    font-weight: bold;
}

.mapg20 {
    margin:0px 0px 0 0px;
    box-sizing:border-box;
    position:relative
}
.mg9 {
    margin:9px;
    box-sizing:border-box;
    position:relative
}
.mg18 {
    margin:9px 18px 9px 9px;
    box-sizing:border-box;
    position:relative
}
.mt20 {
    margin-top:20px; margin-bottom:20px;}
.out-border1 {
    border:#C30B17 1px solid
}
.bicon {
    padding-bottom:20px
}
.bicon .imgc {
    margin:0 18px
}
.bicon img {
    max-width:100%;
    height:auto
}
.comment_container{
    width: 100%;
    background: #f5f5f5;
}
.comment{
    margin: 35px 0;
}

.comment label{
    font-size: 18px;
    color: #b39b77;
    margin: 18px 0 10px 0;
}
.comment .pure-form input[type=text] ,.comment .pure-form textarea{
    min-height: 50px;
    border-radius: 0px;
    box-shadow: none;
    outline: 0;
    background: #fff;
    border: #999999 1px solid;
    color: #b39b77;
    font-size: 18px;
    text-align: left;
}

.comment .pure-button-primary{
    height: 60px;
    width: 220px;
    background: #b39b77;
    border-radius: 0px;
    font-size: 21px;
    margin-top: 20px;
    letter-spacing: 3px;
}

.redtext1{
    font-style: normal;
    font-weight: normal;
    color: #b39b77;
}

.newbanner{
    display: block;
    width: 100%;
    background: url(../images/newBanner_v2.png) no-repeat center;
    background-size: contain;
    height: 150px;
}


#header {
    width:100%;
    height:90px;
    background: #fff;
    background-size: contain;
    position: relative;
    text-align: center;
    border-bottom: #cccccc 1px solid;
    visibility: hidden;
}
#header .wrap{
    background: #fff url(../images/mp.png) no-repeat right;
    background-size: contain;
}
#header .logo {
    width:200px;
	height:90px;
    position: absolute;
	float:left;
}
#header .pure-menu{
    padding-top: 30px;

}
.pure-menu-horizontal {
    width: auto;
}
#header .pure-menu-item{
    margin: 0 13px;
}

#header .pure-menu-link{
    font-size: 18px;
    letter-spacing: 3px;
    color: #b39b77;

    padding-right: 0;
    border-bottom: 4px #fff solid;
    padding: .0em 0em 0.15em 3px;


}

#header .pure-menu-link:hover{
    background: none;
    border-bottom: 4px #b39b77 solid;
}

#header .pure-menu-selected .pure-menu-link{
    color: #b39b77;
    background: none;
    border-bottom: 4px #b39b77 solid;
}
#header .pure-menu .tmall-link{
    background: url(../images/tmall.png) no-repeat right;
    background-size: contain;
    padding-right: 38px;
}



#header1 {
    width:100%;
    height:90px;
    background: #fff;
    background-size: contain;
    border-bottom: #cccccc 1px solid;
    position:fixed;
    top:0;
    z-index:8000;
    transition:all .2s ease-out 0s
}

#header1 .logo {
    width:90px;
    
	float:left;
	height:90px;
}
#header1 .pure-menu{
	float:left;
    padding-top: 35px;
    
}

#header1 .pure-menu-item{
    margin: 0 10px;
}

#header1 .pure-menu-link{
    font-size: 15px;
    letter-spacing: 2px;
    color: #b39b77;

    padding-right: 0;
    border-bottom: 4px #fff solid;
    padding: .0em 0em 0.15em 3px;
}

#header1 .pure-menu-link:hover{
    background: none;
    border-bottom: 4px #b39b77 solid;
}

#header1 .pure-menu-selected .pure-menu-link{
    color: #b39b77;
    background: none;
    border-bottom: 4px #b39b77 solid;
}
#header1 .pure-menu .tmall-link{
    background: url(../images/tmall.png) no-repeat right;
    background-size: contain;
    padding-right: 38px;
}

#header1 .slogan{
    
    width:251px;
	float:right;
  padding-top: 25px;
  margin-right:0px;
  text-align:center;
}
#header1 .slogan i{
    font-style: normal;
    font-size: 24px;
    color: #b39b77;
    font-family: 'DINBold';
}

#header1 .slogan span{
    font-size: 15px;
    color: #999999;
    letter-spacing: 1px;
}


.close_container{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 27px;
    right: 20px;
    background: #fff;
    transition:all 0.3s ease-in-out; 
}

.close_container b{
    display: block;
    width: 30px;
    height: 5px;
    background: #b39b77;
    transition:all 0.3s ease-in-out;
    position: absolute;
}
.close_container b:nth-child(1){
    top: 0;
}
.close_container b:nth-child(2){
    top: 10px;
}
.close_container b:nth-child(3){
    top: 20px;
}
.menu_on .close_container{

}
.menu_on .close_container b:nth-child(1){
    top:10px;
    transform: rotate(45deg);
}
.menu_on .close_container b:nth-child(2){
    opacity: 0;
}
.menu_on .close_container b:nth-child(3){
    top:10px;
    transform: rotate(-45deg);
}

.menu_on .pure-menu{
    transform:translateY(0);
}

#banner {
    width:100%
}
#banner .slidedown{
    width: 150px;
    height: 25px;
    background: url(../images/scrolldown_txt.png);
    background-size: contain;
    position: absolute;
    z-index: 10;
    bottom: 35px;
    left: 50%;
    margin-left: -75px;
}

#banner .slidearrow{
    width: 60px;
    height: 30px;
    background: url(../images/scrolldown_arrow.png);
    background-size: contain;
    position: absolute;
    z-index: 10;
    bottom: 75px;
    left: 50%;
    margin-left: -30px;
    animation: sdown 0.5s alternate infinite ease-in-out;
}

@keyframes sdown{
    0%{
        transform: translateY(0px);
    }
    100%{
        transform: translateY(10px);
    }
}

#center_container {
    width:100%;
    overflow: hidden;
	 
}

#main_tvc{
    width: 100%;
    height: 700px;
}

#tvc{
    width: 100%;
    background: #b39b77;
    margin-bottom: 45px;
}

#tvc .title{
    max-width: 340px;
    height: 55px;
    background: #333;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    line-height: 55px;
    box-sizing: border-box;
    padding-left: 27px;
}

#tvc .morelink{
    color: #fff;
    font-size: 20px;
    letter-spacing: 2px;
    position: absolute;
    right: 60px;
    top: 35px;
    display: block;
    height: auto;
}

#tvc .m-10{
    margin-left: -10px;
    margin-right: -10px;
}

#tvc .m10{
    margin:40px 10px 57px 10px;
}
#tvc .tcon{
    background: #fff;
}
#tvc .tcon .ttitle{
    color: #b39b77;
    font-size: 25px;
    line-height: 1.1em;
    margin: 20px 20px 0 20px;
}
#tvc .tcon .tsubtitle{
    color: #666666;
    font-size: 18px;
    line-height: 1.5em;
    margin: 10px 20px 0 20px;
}

.title1 {
    margin:0;
    height:100px;
    background:url(../images/title1_v2.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    line-height:50px;
    text-align:right
}
.title1 a:link,.title1 a:visited,.title1 a:active,.title2 a:link,.title2 a:visited,.title2 a:active {
    margin-right:20px;
    color:#fff
}
.title1 a:hover,.title2 a:hover {
    color:#fff
}
.title2 {
    margin:0;
    height:100px;
	color:#b39b77; font-size:28px; text-align:center; font-weight:normal; letter-spacing:2px;
    background-image:url(../images/title2_v2.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    line-height:105px;
   
}

.title3 {
    margin:0;
    height:100px;
    background-image:url(../images/title3_v2.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    line-height:50px;
    text-align:right
}
.title2_1 {
    margin:0 10px;
    height:50px;
    background-image:url(../images/title2_1.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    line-height:50px;
    text-align:right
}

h2 {
    font-size:20px;
    font-family:"",Verdana,Geneva,sans-serif;
    font-weight:normal;
    margin-left:20px;
    margin-bottom:5px;
    margin-top:15px
}

.more-link {
    font-size:14px;
    font-family:"",Verdana,Geneva,sans-serif;
    text-align:right;
    margin:10px 10px 16px 10px
}

.tvc-bg {
    background-image:url(../images/temp5.jpg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    min-height:372px;
    height:100%
}
.yuyue {
    position:absolute;
    left:50%;
    top:70%;
    width:120px;
    height:120px;
    margin:-60px 0 0 -60px;
    z-index:20
}
.shi {
    position:absolute;
    left:-9px;
    top:7%;
    width:126px;
    height:40px;
    background-image:url(../images/shi.png);
    background-repeat:no-repeat;
    background-size:contain;
    z-index:10
}
.feng {
    position:absolute;
    left:-9px;
    top:7%;
    width:126px;
    height:40px;
    background-image:url(../images/feng.png);
    background-repeat:no-repeat;
    background-size:contain;
    z-index:10
}

.play-con{
    position: relative;
}

.play-bt {
    position:absolute;
    left:50%;
    top:50%;
    width:80px;
    height:80px;
    margin:-40px 0 0 -40px;
    z-index:20
}

.sctitle{
    width: auto;
    font-size: 35px;
    height: 65px;
    background: #333333;
    line-height: 60px;
    box-sizing: border-box;
    padding-left: 20px;
    color: #fff;
    margin-right: 40px;
    margin-bottom: 68px;
    position: relative;
    z-index: 10;
    letter-spacing: 3px;
}
.scsubtitle{
    position: absolute;
    left: 0;
    top: 40px;
    font-size: 26px;
    color: #fff;
    background: #b39b77;
    height: 65px;
    box-sizing: border-box;
    padding-left: 20px;
    line-height: 84px;
    width: 95%;
}

#ranking .scsubtitle{
    position:static;
    font-size: 26px;
    color: #fff;
    background: #b39b77;
    height: 55px;
    box-sizing: border-box;
    padding-left: 20px;
    line-height: 55px;
    width: 95%;
}

#footer {
    max-width:1140px;
    margin:0 auto;
    text-align:center;
    color:#ccc;
    line-height: 1.2em;

}
#footer .logo{
    margin:0;
    height:150px;
    background:url(../images/bottom_logo.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}

#footer .copyrright{
    font-size: 12px;
}

#footer .copyrright i{
    font-style: normal;
}
#footer .company{
    font-size: 12px;

}
#footer .address{
    font-size: 12px;

}
#footer .icon {
    width:57px;
    height:56px;
    background-image:url(../images/icon.png);
    background-size: 113px 113px;
    background-repeat:no-repeat;
    margin:20px 7px;
    display:inline-block;
    position:relative
}
#footer .icon1 {
    background-position:0 0
}
#footer .icon1:hover,#footer .icon1:focus {
    background-position:0 -57px
}
#footer .icon2 {
    background-position:-57px 0
}
#footer .icon2:hover,#footer .icon2:focus {
    background-position:-57px -57px
}
.weixinQr {
    width:120px;
    height:130px;
    position:absolute;
    top:-132px;
    left:50%;
    margin-left:-60px;
    opacity:0;
    visibility:hidden;
    transition:all .2s linear;
    background:url(../images/wechat.png) no-repeat;
    background-size: 120px 120px;
}
#footer .icon2:hover .weixinQr {
    opacity:1;
    visibility:visible
}
.like {
    width:14px;
    height:12px;
    background-image:url(../images/like.jpg);
    background-size: 28px 12px;
    background-repeat:no-repeat;
    display:inline-block;
    line-height:18px
}
.like:hover,.like:focus {

}
.fullplayer {
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    bottom:0;
    background:#000;
    z-index:10000000
}
.fullplayer .close {
    position:absolute;
    width:30px;
    height:30px;
    right:10px;
    top:10px;
    display:block;
    z-index:2000
}
#weibo-header {
    position:relative;
    text-align:center;
    box-sizing:border-box;
    padding-top:28px;
    font-size:18px;
    line-height:24px;
    color:#C30B17;
    padding-bottom: 28px;
}
#weibo-header .tip {
    height:65px;
    background:#b39b77;
    color:#fff;
    line-height:65px;
    font-size:35px;
    width: 195px;
    font-family:"";
    text-align: center;

}
#weibo-header .tiptext{
    font-size: 24px;
    color: #333333;
    margin-left: 20px;
    line-height: 1.6em;
    text-align: left;
    font-family:"";
}
#weibo-header .tiptext b{
    color: #b39b77;
}
#weibo-header .lkuo{
    height: 130px;
    width: 20px;
    float: left;
    border-left: #b39b77 20px solid;
    border-top: #b39b77 20px solid;
}
#weibo-header .rkuo{
    height: 130px;
    width: 20px;
    float: right;
    border-right: #b39b77 20px solid;
    border-bottom: #b39b77 20px solid;
}
.text-wrap {
    max-width:600px;
    margin: 25px 50px 0 60px;
    font-family:"";
    font-size: 16px;
    color: #333333;
    text-align: left;
    letter-spacing: 0;
}
.content img {
    max-width:100%;
    height:auto
}

.title4 {
    margin:0 10px;
    height:50px;
    background-image:url(../images/title4.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center
}
.left-border {
    box-sizing:border-box;
    border-left:#C30B17 1px solid;
    margin-top:30px;
    padding-right:9px
}
.bottom-border {
    box-sizing:border-box;
    border-bottom:#C30B17 1px solid
}




.bx-wrapper {
    height:100%
}
.bx-wrapper .bx-viewport {
    border:0
}
.bxslider {
    height:100%;
    background:#FFF;
    margin:0;
    padding:0
}
#banner .bxslider li {
    width:100%;
    background-size:cover;
    background-position:center;
    cursor:pointer
}
.bx-controls {
    position:absolute;
    width:100%;
    bottom:10px
}
.bxslider1 {
    height:100%;
    background:#FFF;
    margin:0;
    padding:0
}

.bxslider10 {
    height:100%;
    background:#FFF;
    margin:0;
    padding:0
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/aleft.png);
    left: 10px;
    right: auto;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/aright.png);
    right: 10px;
    left: auto;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 41px;
    height: 81px;
    margin-top: -40px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 41px 81px;
    -webkit-background-size: 41px 81px;
    background-size: 41px 81px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-container11,.swiper-container12,.swiper-container13,.swiper-container14 {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.bx-wrapper .bx-caption span {
    color:#fff;
    font-family:"",Verdana,Geneva,sans-serif;
    display:block;
    font-size:14px;
    padding:15px 0 15px 30px;
    line-height:24px
}
.bx-wrapper .bx-caption span h2 {
    font-size:18px;
    margin:0
}
.videonews .bx-wrapper .bx-pager {
    text-align:right;
    font-size:.85em;
    font-family:Arial;
    font-weight:bold;
    color:#666
}
.videonews .bx-wrapper .bx-pager .bx-pager-item,.videonews .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:inline-block;
    *zoom:1;
    *display:inline
}
.videonews .bx-wrapper .bx-pager.bx-default-pager a {
    background:#000;
    text-indent:-12px;
    font-size:0;
    display:block;
    width:12px;
    height:12px;
    margin:0 5px;
    outline:0;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    box-sizing:border-box;
    border:#fff 2px solid
}
.videonews .bx-wrapper .bx-pager.bx-default-pager a:hover,.videonews .bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#fff
}
.videonews .bx-controls {
    position:absolute;
    width:100%;
    bottom:25px;
    right:25px
}
.weibo .pure-u-1-6 {
    position:relative
}
.t-item {
    position:absolute;
    bottom:0;
    width:100%;
    height:40px;
    background:rgba(255,255,255,0.75);
    line-height:40px;
    font-size:12px;
    font-family:"",Verdana,Geneva,sans-serif;
    padding-left:70px;
    box-sizing:border-box
}
.weibo .t-item .W_face_radius {
    width:40px;
    height:40px;
    position:absolute;
    top:-20px;
    left:20px;
    border-radius:50%
}
.qrcode {
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    bottom:0;
    background:rgba(234,87,90,0.8);
    z-index:10000000;
    visibility:hidden;
    opacity:0;
    transition:all 200ms linear
}
.qrcode .code {
    position:absolute;
    top:50%;
    left:50%;
    width:234px;
    height:280px;
    margin:-140px 0 0 -117px
}
.stitle {
    position:absolute;
    z-index:2;
    font-family:"",Verdana,Geneva,sans-serif;
    font-size:20px;
    color:#fff;
    top:15px;
    left:10px;
    pointer-events:none
}
.fengcai {
    position:relative
}
.fengcai .pure-u-1-2 {
    height:100%
}
.pure-u-1-1 {
    position:relative
}
.star_glow {
    opacity:.8;
    position:absolute;
    top:0;
    left:0;
    width:150%
}
#starBIG {
    display:block;
    width:9%;
    position:absolute;
    top:50%;
    left:74.5%;
    opacity:.8
}
#starBIG_BG {
    display:block;
    width:7%;
    position:absolute;
    top:52%;
    left:75.5%;
    opacity:.6
}


#intro_star {
    position:absolute;
    top:63%;
    left:29.8%;
    width:16.7%;
    height:16.7%
}
#intro_star img {
    width:100%;
    height:100%
}


.common{
    margin-top: 58px;
}
.common22{
    margin-left:-22px;
    margin-right: -22px;
    margin-bottom: 30px;
}

#sc .common{
    margin-top: 0px;
}

.m22{
    margin: 0 22px;
    position: relative;
}
#shichuan{
    margin-top: 40px;
}

.common h1{
    font-weight: normal;
    font-size: 35px;
    letter-spacing: 3px;
    color: #b39b77;
    margin-left: 44px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.common h3{
    font-size: 20px;
    line-height: 1.5em;
    color: #666;
    margin-left: 44px;
}
.common h3 .small{
    font-weight: normal;
    color: #b39b77;
}
.common .starc{
    position: relative;
}

.common  h2{
    margin-top: 55px;
    font-size: 25px;
}
.common .stitle{
    background: #fff;
    border-bottom: #b39b77 5px solid;
    color: #333333;
    font-size: 20px;
    padding:10px 20px;
    bottom: -45px;
    top: auto;
    left: 0px;
    line-height: 1.5em;
}
.common .stitle span{
    font-size: 15px;
    color: #999999;
    display: block;
}
.common .likec{
    position: absolute;
    right: 5px;
    bottom: -33px; 
    font-size: 15px;
    color: #b39b77;
}
.common .date{
    margin-left: 22px;
    margin-bottom: 30px;
}

.like {
    width: 20px;
    height: 16px;
    background-image: url("../images/like.jpg");
    background-size: 20px 16px;
    background-repeat: no-repeat;
    background-position: bottom;
    margin-left: 10px;
    display: inline-block;
    line-height: 16px;
    padding-top: 5px;
}

.common  .liketext{
    font-size: 15px;
    color: #b39b77;
    line-height: 15px;
    position: absolute;
    top: 5px;
    right: 35px;
}

.common22 .title{
    max-width: 260px;
    height: 62px;
    line-height: 60px;
    color: #fff;
    background: #b39b77;
    font-size: 35px;
    letter-spacing: 3px;
    box-sizing: border-box;
    padding-left: 20px;
}

.common22 .rborder{
    margin-top: 20px;
    margin-left: 20px;
    box-shadow: -20px -20px 0px #b39b77; 
}

.article{

}

.article .cirproduct{
    max-width: 400px;
    position: relative;
    margin-bottom: 130px;
}
.article .cirproduct .mtitle{
    width: auto;
    height: 65px;
    background: #b39b77;
    font-size: 40px;
    color: #fff;
    position: absolute;
    z-index: 2;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    line-height: 65px;
    left: 0px;
    bottom: -30px;
    letter-spacing: 2px;
}

.article .cirproduct .subtitle{
    width: auto;
    height: 65px;
    color: #fff;
    background: #333333;
    font-size: 24px;
    position: absolute;
    z-index: 1;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    line-height: 75px;
    left: 0px;
    bottom: -80px;
    letter-spacing: 3px;
}

.article h1 {
    font-size:40px;
    font-family:"",Verdana,Geneva,sans-serif;
    font-weight:normal;
    color:#b39b77
}

.article .misc {
    font-size:14px;
    font-family:"",Verdana,Geneva,sans-serif;
    margin:15px 0 0 0;
    line-height:14px;
    color:#838485
}
.article .misc span {
    display:inline-block;
    padding:0 0;
    font-size: 16px;
    color: #000;
}
.article .misc .left-line {
    border-left:#ccc 1px solid
}

.detail {
    line-height:1.6em;
    overflow: hidden; 
    position: relative;
    font-size: 18px;
    color: #666666;
}

.detail img{
    text-align: center;
}



/*****************************************************************/

.product{

}

.mlr{
    margin:10px;
    position: relative;
}
.mlr .btext{
    color:#b39b77;
    font-size: 18px;
    text-align: center;
    position: absolute;
    bottom: 10px;
    width: 100%;
    letter-spacing: 3px;
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
}
.mlr .bline{
    position: absolute;
    bottom: 0;
    height: 1px;
    background: #b39b77;
    left: 10px;
    right: 10px;
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
}
.newpro .pure-u-1-4{
    cursor: pointer;
}
.newpro .active .btext{
    font-size: 24px;
    opacity: 1;
}
.newpro .active .bline{
    height: 2px;
    opacity: 1;
}

.newpp{
    margin-bottom: 30px;
}
.newpp .img{
    position: relative;
    z-index: 10;
}
.newpp .pure-u-1-4 .view{
    opacity: 0;
    z-index: 1100;
    position: absolute;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
	width:100%;
	
}
.newpp .pure-u-1-4 a:hover .view{
    opacity: 1;
}
.newpp .pure-u-1-4:hover .view{
    opacity: 1;
}
.btt{
    height: 100px;
    text-align: center;
    background: #fff;
}

.newpp .pure-u-1-4:hover .btt{
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 50px rgba(0,0,0,0.15);
}
.newpp .pure-u-1-4{
    position: relative;
    z-index: 1;
}

.newpp .pure-u-1-4:hover {
    z-index: 10;
}

.btt h2{
    padding: 1.1em 0 0.6em 0;
    margin: 0;
    font-size: 18px;
    color: #b39b77;
}

.btt h3{
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #666666;
    font-weight: normal;
}

.product .mr8{
    margin-right: 10px;
}
.product .ml8{
    margin-left: 10px;
}


.product .cirproduct{
    max-width: 400px;
    margin: 25px 80px 50px 80px;
    position: relative;
}
.product .cirproduct .mtitle{
    width: auto;
    height: 65px;
    background: #b39b77;
    font-size: 40px;
    color: #fff;
    position: absolute;
    z-index: 2;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    line-height: 65px;
    left: -15px;
    bottom: 20px;
    letter-spacing: 2px;
}

.product .cirproduct .subtitle{
    width: auto;
    height: 65px;
    color: #fff;
    background: #333333;
    font-size: 24px;
    position: absolute;
    z-index: 1;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    line-height: 75px;
    left: -15px;
    bottom: -30px;
    letter-spacing: 3px;
}

.product .cont{
    font-size: 16px;
    line-height: 1.75em;
    color: #999999;
    margin-left: 25px;
    margin-right: 25px;
}


.wrap-product {
    max-width:960px;
    margin:0 20px
}
.product-title {
    background-image:url(../images/title_bg.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    text-align:center;
    color:#fff;
    height:80px;
    line-height:80px;
    font-family:"";
    font-size:36px
}
#pv_bt {
    width:39.7%;
    height:30.5%;
    position:absolute;
    left:1.25%;
    top:35.5%;
    z-index:2
}
.mb50 {
    margin-top:50px;
    margin-bottom:30px
}
#yuyyebt {
    width:16.5%;
    height:auto;
    display:block;
    position:absolute;
    left:79.8%;
    top:54.1%
}
.bxslider3 {
    height:100%;
    background:#FFF;
    margin:0;
    padding:0
}
.s3text {
    text-align:center;
    font-family:"";
    font-size:18px;
    line-height:2.1em;
    padding:20px 0 80px 0;
    color:#333
}
.s3text h1 {
    font-size:36px;
    color:#f20000;
    margin-left:0;
    margin-right:0;
    margin-bottom:20px
}
.bxslider2 {
    height:100%;
    background:#FFF;
    margin:0;
    padding:0
}
.s2text {
    font-family:"";
    font-size:18px;
    line-height:1.6em;
    padding:10px 50px 0 50px;
    color:#333
}
.s2text h1 {
    font-size:36px;
    color:#f20000;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    margin-bottom:20px;
    line-height:1.2em
}
.s2text .info {
    font-family:"";
    font-size:18px;
    line-height:1.6em
}
.bxslider4 {
    height:100%;
    margin:0;
    padding:0
}
.bxslider5 {
    height:100%;
    margin:0;
    padding:0
}
.bxslider6 {
    height:100%;
    margin:0;
    padding:0
}
.bxslider7 {
    height:100%;
    margin:0;
    padding:0
}
.pure-u-1-2 {
    position:relative
}
.s4text {
    font-family:"";
    font-size:18px;
    line-height:1.6em;
    padding:100px 80px 0 80px;
    color:#fff;
    position:absolute;
    left:0;
    top:0
}
.s4text h1 {
    color:#fff;
    font-size:36px;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    margin-bottom:10px;
    line-height:1.2em
}
.s4text .info {
    font-size:20px;
    line-height:1.8em
}
.dff{
    font-family:"";
    color: #333;
    padding-right: 20px;

}

.starlist{
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
}

.starlist .p1{background-image: url(../images/p1.png); }
.starlist .p2{background-image: url(../images/p2.png); }
.starlist .p3{background-image: url(../images/p3.png); }
.starlist .p4{background-image: url(../images/p4.png); }
.starlist .p5{background-image: url(../images/p5.png); }

.starlist li{
    border-bottom: #ccc 1px solid;
    box-sizing: border-box;
    height: 130px;
    margin: 0;
    padding: 0;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}
.starlist li:last-child{
    border-bottom:0;
}

.starlist li h2{
    margin: 0;
    font-size: 18px;
    color: #b39b77;
    padding-top: 40px;
}

.starlist li p{
    margin: 0;
    font-size: 15px;
    color: #666666;
    line-height: 1.5em;
}


.starlist li img{
    border-radius: 50%;
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 22px;
    float: left;
    width: 100px;
    height: 100px;
}

.view_bt{
    font-family:"";
    display: block;
    width: 100%;
    text-align: center;

    background: url(../images/view_bt.jpg);
    background-size: cover;
    bottom: 0;
    left: 0;
    color: #fff;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    position: absolute;
}
.view_bt:link,.view_bt:hover,.view_bt:visited,.view_bt:active{
    color: #fff;
}
.s5text {
    font-family:"";
    font-size:18px;
    line-height:1.6em;
    padding:80px 60px 0 60px;
    color:#fff;
    position:absolute;
    left:0;
    top:0
}
.s5text h1 {
    color:#fff;
    font-size:36px;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    margin-bottom:10px;
    line-height:1.2em
}
.s5text .info {
    font-size:20px;
    line-height:1.5em
}

.s5text .info ul{
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
    font-size: 18px;
}

.s5text .info ul li{
    font-size: 18px;
}

.squar{
    font-family: arial;

    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/sbg.jpg);
    background-size: cover;
    z-index: 10;
    color: #fff;
    font-weight: bold;

    text-align: center;
    box-sizing: border-box;
    width: 190px;
    height: 190px;
    font-size: 30px;
    padding-top: 80px;
}
.squar b{
    font-size: 48px;
}

.squar1{
    font-family: arial;

    position: absolute;
    left: 0;
    bottom: 0;
    background: #e63273;
    background-size: cover;
    z-index: 10;
    color: #fff;
    font-weight: bold;

    text-align: center;
    box-sizing: border-box;
    width: 80px;
    height: 80px;
    font-size: 20px;
    padding-top: 20px;
}
.squar1 b{
    font-size: 24px;
}

.back-top {
    width:50px;
    height:50px;
    position:fixed;
    bottom:-60px;
    right:10px;
    z-index: 60;
    transition:all .2s ease-out 0s
}

#allmap{width: 100%;height: 700px;overflow: hidden;}

#search-bar{
    width: 330px;
    position: absolute;
    z-index: 200;
    min-height: 250px;
    background: #fff ;
    background-image: url(../images/mapbg.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    right: 0;
    top: 0;
    border-left: #dbdbd3 1px solid;
    border-bottom: #dbdbd3 1px solid;
    box-sizing: border-box;
    padding-top: 125px;
    box-sizing: border-box;
}

#search-bar .titles{
    color: #b39b77; 
    padding-left: 10px;
    padding-bottom: 30px;
    font-size: 16px;
    font-family:"";
    text-align: center;
    line-height: 1.6em;
}

#search-bar .titles span{
    font-size: 30px;
    padding: 0 3px;
}

#search-bar .titles h4{
    font-size: 24px;
    font-weight: normal;
    margin: 5px 0;
}

#search-bar h2{
    font-size: 18px;
    color: #999999;
    margin-top: 3px;
    margin-bottom: 15px;
    text-align: center;
}

#search-bar h2 span{
    color: #b39b77;
    margin-left: 12px;
}

#search-bar .city{
    width: 180px;
    height: 56px;
    box-sizing: border-box;
    border: #666666 1px solid;
    background: #fff;
    border-radius: 0;
    padding-left: 30px;
    font-size: 18px;
    color: #333;
    outline: 0;
    margin-right: 4px;
    margin-left: 20px;
}

#search-bar .search-button{
    height: 56px;
    box-sizing: border-box;
    border: 0;
    background: #b39b77;
    border-radius: 0;
    text-align: center;
    color: #fff;
    width: 100px;
    font-size: 18px;
    outline: 0;
}

#search-bar  .shopl{
    width: 310px;
    padding-left: 20px;
    margin-top: 1em;
    padding-bottom: 1em; 

}

#search-bar ul{
    list-style: none;
    margin: 0;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 00px;
}

#search-bar ul li{
    list-style: none;
    margin: 3px 0 0 0;
    text-indent: 0;
    width: 300px;  
    height: 80px;
    font-size: 16px;
    color: #b39b77; 
    position: relative;
    border-radius: 0px;
    border: #f9f8f6 1px solid;
    box-sizing: border-box;
    padding-top: 11px; 
    padding-left: 20px;
    cursor: pointer;
}

#search-bar ul li:hover{
    border: #b39b77 1px solid; 
}

#search-bar ul li a:link,#search-bar ul li a:visited,#search-bar ul li a:active,#search-bar ul li a:hover{
    display: none;
    width: 100px;
    height: 80px;
    line-height: 1.5em;
    border-radius: 0;
    background: #b39b77;
    color: #fff;
    position: absolute;
    z-index: 10;
    right: -1px;
    top: -1px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 15px;

}

#search-bar ul li:hover a:link,#search-bar ul li:hover  a:visited,#search-bar ul li:hover  a:active,#search-bar ul li:hover  a:hover{
    display: block;

}

#search-bar ul li b{
    font-weight: normal;
}
#search-bar ul li u{
    text-decoration: none;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    background: url(../images/crown_0.png);
    left: 10px;
    top: 10px;
}

#search-bar ul li .l28{
    margin-left: 24px;
}

#search-bar ul li i{
    font-style: normal;
    font-size: 14px;
    color: #58595b;
}

#search-bar ul li span{
    font-size: 14px;
    color: #999999;
    position: absolute;
    display: block;
    right: 5px; 
    top: 14px; 
}

#appointment_header{
    width: 100%;
    height: 65px;
    background: #b39b77;
}

#appointment_header .hitem{
    font-size: 18px;
    color: #fff;
    opacity: 0.5;
    text-align: center;
    letter-spacing: 4px;
    height: 40px;
    line-height: 40px;
    border-bottom: rgba(255,255,255,0.5) 1px solid;
    margin: 10px 72px 0 72px;
}

#appointment_header .active{
    font-size: 24px;
    color: #fff;
    opacity: 1;
    letter-spacing: 4px;
    border-bottom: rgba(255,255,255,1) 2px solid;
}

#appointment{
    width: 100%;
    height: 700px;
    background-image: url(../images/map_bg1.jpg);
    background-size: cover;
    background-position: center;
    text-align: center;
    position: relative;
    margin-top: 0;
    padding-top: 1px;
    zoom: 1;
}
#appointment1{
    width: 100%;
    height: 700px;
    background-image: url(../images/map_bg2.jpg);
    background-size: cover;
    background-position: center;
    text-align: center;
    position: relative;
    margin-top: 0;
    padding-top: 1px;

    zoom: 1;
}
.share_btn,.share_btn:focus{
    width: 200px;
    height: 50px;
    border-radius: 0;
    background:#b39b77;
    font-family: "";
    font-size: 21px;
    color: #fff;
    text-align: center;
    letter-spacing: 3px;
}
.share_btn:link,.share_btn:active, .share_btn:visited{
    color: #fff;
}
.share_btn:hover{
    color: #fff;
    background-size: contain;
}
.pic_frame{
    width: 320px;
    margin: 44px auto;
    box-shadow: 0px 0px 44px rgba(0,0,0,0.3);
}

.popup{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all 0.3s;
    background: rgba(178,7,41,0);
    z-index: 100000;
}

.popup.hide{
    opacity: 0;
    visibility: hidden;
}

.popup .card{
    width: 320px;
    height: 320px;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    margin: -160px 0 0 -160px;
}

.popup .card .close{
    width: 35px;
    height: 35px;
    background: url(../images/nav.png);
    display: block;
    position: absolute;
    z-index: 10;
    left: 17px;
    top: 17px;
    cursor: pointer;
}

#appointment .didi_banner{
    width: 220px;
    height: 220px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 500;

}

#appointment .didi_banner img{
    max-width: 100%;
    height: auto;
}

#appointment .weibo_banner{
    width: 220px;
    height: 220px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 500;

}

#appointment .weibo_banner img{
    max-width: 100%;
    height: auto;
}


#appointment .gap30{
    height: 30px;
}
#appointment .gap30a{
    height: 30px;
}
#appointment h1{
    font-weight: normal;
    font-size: 30px;
    color: #b39b77;
    margin: 1.2em 0;
}

#appointment h2{
    font-size: 18px;
    margin-bottom: 40px;
    color: #666666;

}

#appointment h2 i{
    font-size: 24px;
    font-style: normal;
    color: #b39b77; 
}

#appointment h3{
    font-size: 18px;
    color: #666666;
    margin-bottom: 40px;
    line-height: 30px;
    font-weight: normal;
}
#appointment .bk{

}
#appointment #qrcdoes{
    width: 140px;
    height: 140px;
    border: #b39b77 0px solid;
    margin: 0 auto; 
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
    display: none;
}

#appointment .smstext{
    display: none;
    text-shadow:0px 0px 3px #ffffff;
}

#appointment .pure-form-aligned{
    margin-top: 20px;
}
#appointment h2 .small{
    font-size: 18px;
}
.pure-form-aligned .pure-control-group {
    margin-bottom: 0.9em;
}
.pure-form-aligned .pure-control-group label {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    width: 5em;
    margin: 0 1em 0 0;
    color: #b39b77;
}

#appointment .sel {
    width: 280px;
    height: 56px;
    box-shadow: none;
    text-align: center;
    outline: 0;
    background: #fff;
    border:#666 1px solid;
    border-radius: 0px;
    color: #666666;
    font-size: 18px;
    text-align: left;
}

#appointment .sel:disabled{
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#appointment span{
    font-size: 24px;
    color: #b39b77;
}

.didi-button,.didi-button:focus{
    width: 200px;
    height: 51px;

    border-radius: 0px;
    background:#b39b77;
    font-family: "";
    font-size: 21px;
    color: #fff;
    text-align: center;
    letter-spacing: 3px;
}

.didi-button:hover{
    background:#ae131d;
    background-size: contain;
}

.app-submit,.app-submit:focus ,.app-submit:link, .app-submit:active ,.app-submit:visited{
    width: 200px;
    height: 51px;
    margin-left: 2em;
    border-radius: 0px;
    background:#b39b77;
    font-family: "";
    font-size: 21px;
    color: #fff;
    text-align: center;
    letter-spacing: 3px;
}


.shop-submit,.shop-submit:focus{
    width: 200px;
    height: 51px;
    margin-left: 30px;
    border-radius: 0px;
    background:#b39b77;
    font-family: "";
    font-size: 21px;
    color: #fff;
    text-align: center;
    letter-spacing: 3px;
}

.shop-submit:hover{
    background:#ae131d;
    background-size: contain;
}

.shop-submit1,.shop-submit1:focus{
    width: 200px;
    height: 51px;
    margin-left: 30px;
    border-radius: 0;
    background:#b39b77;
    font-family: "";
    font-size: 21px;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
}

.shop-submit1:hover{

    background-size: contain;
}
.shop-submit1:disabled{

    background-size: contain;
}

.shop-submit2,.shop-submit2:focus{
    width: 224px;
    height: 53px;
    border-radius: 6px;
    background:#b39b77 url(../images/submit2.png) left top;
    background-size: contain;
    margin-top: 30px;
}

.shop-submit2:hover{
    background:#ae131d url(../img/submit2.png) left top;
    background-size: contain;
}
.shop-submit2:disabled{
    background:#ae131d url(../images/submit2.png) left top;
    background-size: contain;
}

.back-map1{
    width: 200px;
    height: 50px;
    border-radius: 0px;
    box-sizing: border-box;
    border: 2px #b39b77 solid;
    background:#fff; 
    margin-left: 30px;
    font-family: "";
    font-size: 21px;
    color: #b39b77;
    text-align: center;
    padding: .4em 1em; 
    letter-spacing: 3px;
}

.back-map1:hover{
    background:#fff; 
    border: 2px #b39b77 solid;
} 

.back-map2{
    width: 200px;
    height: 50px;
    border-radius: 0px;
    box-sizing: border-box;
    border: 2px #b39b77 solid;
    background: #fff; 
    font-family: "";
    font-size: 21px;
    color: #b39b77;
    text-align: center;
    padding: .4em 1em; 
    letter-spacing: 3px;
}

.mleft{
    margin-left: 30px;
}

.back-map2:hover{
    background:#fff; 
    border: 2px #b39b77 solid; 
}

.pure-form-aligned .pure-control-group label {
    text-shadow:0px 0px 3px #ffffff;
}
.back-map3{
    width:224px;
    height:53px;
    border-radius: 6px;
    box-sizing: border-box;
    border: 2px #fff solid;
    background:#b39b77 url(../images/back3.png) left top; 
    background-size: contain;
    display: block;
    margin: 30px auto 0 auto;
    display: none;
}

.back-map3:hover{
    border: 2px #fff solid;
    background:#ae131d url(../images/back3.png) left top; 
    background-size: contain;
}


#comment-list{
    list-style: none;
    -webkit-padding-start: 0px;
    font-size: 18px;
    color: #58595b;
    line-height: 1.67em;
}
#comment-list li{
    margin-bottom: 35px;
}
#comment-list b{
    color: #b39b77;
    font-weight: normal;
}

#comment-list i{
    display: block;
    font-style: normal;
    font-size: 12px;
    color: #999;
}

.side_banner{
    border-right:#C30B17 1px solid;
    border-bottom:#C30B17 1px solid;
}

.thumb-icon{
    width: 120px;
    height: 120px;
    margin: 30px auto 10px auto;
    cursor: pointer;
}
.shichuan .likec{
    position: absolute;
    right: 100px;
    bottom: 0px; 
}

.shichuan .liketext{
    font-size: 15px;
    color: #b39b77;
    line-height: 15px;
}
.rline .like{
    margin-left: 0px;
}
.lnum{
    display: block;
    color: #b39b77;
    margin-top: 5px;
    font-size: 15px;
}

.swiper-container1 {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.bra{
    background: #fceaf1;
    box-sizing: border-box;
    padding: 20px 20% 20px 0;
    text-align: center;
    line-height: 1.25em;
    color: #666666;
    font-family:"";
    position: relative;
}

.bra .big{
    color: #b39b77;
    font-size: 20px;
    line-height: 1.4em;
}

.bra .dbra{
    width: 152px;
    height: 152px;
    position: absolute;
    right: 0;
    display: block;
    top:-5%;
}



.star-item{
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    margin-left: 70px;
    height: 188px;
    position: relative;
    padding-top: 1px;
}
.star-item .crown{
    width: 41px;
    height: 54px;
    background: url(../images/crown.png);
    position: absolute;
    top: 7px;
    left: -15px;
}
.star-item1{
    display: block;

    color: #fff;
    font-size: 16px;
    line-height: 40px;
    height: 70px;
    position: relative;
    padding-top: 1px;
}

.nicktext{
    font-size: 20px;
    color: #b39b77;
}

.star-item1 .nicktext{
    font-size: 14px;
    color: #b39b77;
    position: absolute;
    left: 160px;
    top: 0px;
}

.nicktexts:link, .nicktexts:visited, .nicktexts:active, .nicktexts:hover{
    color: #333;
    font-size: 20px;

}

.star-item .nicktext:link,.star-item .nicktext:visited,.star-item .nicktext:active{
    color: #e63273;
}
.star-item1 .nicktext:link,.star-item1 .nicktext:visited,.star-item1 .nicktext:active{
    color: #e63273;
}

.avatar1{
    border-radius: 50%; display: block; margin-right: 20px;  border: #fff 4px solid;
    width: 100px; height: auto;
    position: absolute;
    top:50px;
    left: -50px;
    z-index: 10;
}

.avatar2{
    border-radius: 50%; display: block;  border: #fff 4px solid;
    width: 50px; height: auto;
    position: absolute;
    z-index: 10;
    left: 86px;
    top: -10px;
}

.tiao1{
    border-radius: 20px;
    height: 40px;
    font-weight: bold;
    margin-top: 62px;
}

.tiao2{
    border-radius:  20px;
    height: 40px;
    width: 100px;
    padding-left: 20px;
    font-weight: bold;
}

.bgc0{
    background-color: #e63273;
}
.bgc1{
    background-color: #ed6f9d;
}
.bgc2{
    background-color: #f084ab;
}
.bgc3{
    background-color: #f298b9;
}
.bgc4{
    background-color: #f5adc7;
}

.rules{
    background: url(../images/rule_bg.jpg) no-repeat;
    min-height: 1111px;
    position: relative;
}
.rules h1{
    text-align: center;
    font-size: 48px;
    margin-bottom: 0;
}
.rules h4{
    font-family:"";
    text-align: center;
    font-size: 24px;
    color: #b39b77;
    font-weight: normal;
    margin-top: 10px;
}
.rules h3{
    font-family:"";
    text-align: center;
    font-size: 28px;
    color: #b39b77;
    font-weight: normal;
    margin-top: 1.5em; 
    margin-bottom: 2em;
    line-height: 1.4em;
}
.rules h5{
    font-family:"";
    text-align: center;
    font-size: 18px;
    color: #999999;
    font-weight: normal;
    margin-top: 2.5em; 
    margin-bottom: 2.5em;
    line-height: 1.4em;
}
.rules .cont{
    font-family:"";
    margin: 0 95px;
    color: #999999;
    font-size: 18px;
    line-height: 1.5em;

}
.shichuan .mg10{
    background: #fff;
}

.rules .btn{
    width: 191px;
    height: 191px;
    position: absolute;
    top: 50px;
    right: 56px;
}




.test{
    background: url(../images/rule_bg.jpg) no-repeat;
    min-height: 1000px;
    position: relative;
}
.test-item{
    display: none;
    width: 100%;
}
#test .test-item:first-child{

}

.test .btn{
    width: 191px;
    height: 191px;
    margin: 40px auto 0 auto;
}

.test h1{
    text-align: center;
    font-size: 48px;
    margin-bottom: 0;
}

.test h3{
    font-family:"";
    text-align: center;
    font-size: 30px;
    color: #b39b77;
    font-weight: normal;
    margin-top: 1.5em; 
    margin-bottom: 0em;
    line-height: 1.4em;
}
.test h4{
    font-family:"";
    text-align: center;
    font-size: 24px;
    color: #b39b77;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 10px;
}
.test h5{
    font-family:"";
    text-align: center;
    font-size: 18px;
    color: #999999;
    font-weight: normal;
    margin-top: 0.3em; 
    margin-bottom: 2.5em;
    line-height: 1.4em;
}

.test .xutext{
    text-align: center;
}

.test .xuicon{
    font-family:"";
    display: inline-block;
    width: 80px;
    height: 80px;
    background: #ccc;
    font-size: 36px;
    color: #fff;
    border-radius: 50%;
    padding: 20px 0;
    box-sizing: border-box;
    margin: 65px 15px;
}

.test .active1{
    background: #b39b77;

}

.test .img-bord{
    box-sizing: border-box;
    border-left: #b39b77 7px solid;
    border-top: #b39b77 7px solid;
    border-right: #b39b77 1px solid;
    border-bottom: #b39b77 1px solid;
}
.test .title{
    width: 100%;

    text-align: center;
    height: 90px;
    background: rgba(201,11,23,0.05);
    padding-top: 24px;
    padding-bottom: 24px;
    box-sizing: border-box;
    color: #b39b77;
    transition: all 0.2s linear;
}
.test .test1 .pure-u-1-3{
    cursor: pointer;
}
.test .test1 .pure-u-1-3:hover .title{
    background: rgba(201,11,23,1);
    color: #fff;
}
.test .option{
    transition: all 0.3s ease-in-out;
    height: 0px;
    overflow: hidden;
}
.test p{
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    height: 90px;
    overflow: hidden;
}

.test .pure-button{
    font-family:"";
    margin: 0 auto;
    display: block;
    width: 156px;
    height: 56px;
    background: #b39b77;
    border-radius: 6px;
    font-size: 24px;
}

.test .active .title{
    background: rgba(201,11,23,1);
    color: #fff;  
}

.test .active .option{
    height: 220px;
}
.result{
    width: 500px;
    margin: 20px auto 40px auto;
}

.result .r0{
    display:table; height: 90px;width: 100%; margin: 5px 10px;
}

.result .r1{
    font-family:"";
    box-sizing: border-box;
    font-size: 36px;
    height: 90px;
    border: #b39b77 1px solid;
    margin: 5px 10px;
    color: #b39b77;
    padding-top: 24px;
    text-align: center;
}

.result .r2{ 
    font-family:"";
    box-sizing: border-box;
    font-size: 20px;
    vertical-align:middle;   
    display:table-cell;   
    background: #b39b77;
    margin: 5px 10px;
    color: #fff;
    text-align: center;


}

.result .mask{
    margin: 10px;
}

.pageavatar{
    border-radius: 50%; display: block; margin-left: 20px; margin-right: 20px;  float: left;
    width: 100px;
    height: 100px;
}
.hh2{
    padding-top: 25px; font-size: 20px; color: #b39b77;
}

.pp2{
    margin-bottom: 20px; font-size: 15px; color: #999;
}

.share{
    width: 60px;
    height: 60px;
    margin: 15px auto 0 auto;
    background: url(../images/share.png) no-repeat center;
    background-size: 60px 60px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    z-index: 100;
}
.share:hover{
    border: #cccccc 1px solid;
}

.share-container {
    position: absolute;
    left: 0;
    top: 60px;
    width: 60px;
    height:180px;
    display: none;
}

.share:hover .share-container {
    display: block;
}
.jiathis_button_tsina,.jiathis_button_tqq,.jiathis_button_douban{
    width: 60px;
    height: 60px;
    display: block;
    position: relative;
}

.sinabt{
    width: 60px;
    height: 60px;
    background: url(../images/sinabt.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
}

.qqbt{
    width: 60px;
    height: 60px;
    background: url(../images/qqbt.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
}

.doubanbt{
    width: 60px;
    height: 60px;
    background: url(../images/doubanbt.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
}


.share:hover .share-container{
    left: -1px;
    top: 59px;
}

.more{
    border-top: #b39b77 1px solid;
    margin-top: 20px;
    font-size: 18px;
    color:#b39b77;
    letter-spacing: 4px;
    text-align: center;
    padding: 19px 0;
}
.more .loadmore{
    padding-right: 35px;
    background: url(../images/more.png) no-repeat right;
    background-size: contain;
}
.didi{
    display: none;
    text-align: center;
}

.didi p{
    font-size: 16px;
    font-family:"";
    color: #4d4d4d;
    font-weight: bold;
    line-height: 1.5em;
    text-shadow:0px 0px 3px #ffffff;
    margin: 10px 0 10px 0;
}
#appointment   .didi p span{
    color: #b90424;
    font-size: 16px;
    font-family:"";
    font-weight: bold;
    line-height: 1.5em;
}

@media all and (max-width:1440px) {
    .weibo .pure-u-1-6 {
        width:20%
    }
}@media all and (max-width:1280px) {
    .weibo .pure-u-1-6 {
        width:25%
    }
}@media all and (max-width:1024px) {
    .app-submit,.app-submit:focus ,.app-submit:link, .app-submit:active ,.app-submit:visited{
        width: 180px;
    }

    #header1 .pure-menu {
        margin-left: 180px;
    }
    #header1 .pure-menu-item {
        margin: 0 5px;
    }
    #header1 .slogan {
        width: 450px;
        font-size: 18px;
    }
    #header1 .slogan i {
        font-size: 26px;
    }

    #header .wrap {
        background: #fff url("../images/mp1.png") no-repeat right;
        background-size: contain;
    }
    #tvc .title {
        margin-left: 22px;
        font-size: 22px;
    }
    #tvc .m-10{
        margin-left: 12px;
        margin-right: 12px;
    }
    #tvc .tcon .ttitle {
        font-size: 22px;
    }
    #tvc .tcon .tsubtitle {
        font-size: 15px;
    }
    .common22 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .common h2 {
        font-size: 20px;
    }
    .common .date {
        font-size: 14px;
    }
    .common .stitle {
        font-size: 18px;
    }

    .sctitle {
        font-size: 30px;
        height: 55px;
        line-height: 55px;
        margin-bottom: 52px;
    }
    .scsubtitle {
        font-size: 22px;
        height: 55px;
        line-height: 68px;
    }

    .starlist li {
        height: 90px;
    }

    .starlist li img {
        margin-left: 20px;
        margin-right: 20px;
        width: 60px;
        height: 60px;
    }

    .starlist li h2 {
        font-size: 18px;
        padding-top: 20px;
    }

    .mg10 {
        margin: 20px 22px;
        box-sizing: border-box;
        position: relative;
    }

    #weibo-header .tiptext {
        font-size: 22px;
    }

    .comment {
        margin: 35px 22px;
    }

    .countdown{
        width: 80px;
        height: 121px;
        font-size: 40px;
        padding-top: 24px;
        left: 10px;

    }



}@media all and (max-width:768px) {
    .app-submit,.app-submit:focus ,.app-submit:link, .app-submit:active ,.app-submit:visited{
        width: 160px;
        margin-left: 0.4em;
    }

    #appointment .weibo_banner{
        width: 140px;
        height: 140px;
    }

    #tvc .title{
        height: 45px;
        font-size: 20px;
        line-height: 45px;
        padding-left: 27px;
    }

    #tvc .morelink{
        font-size: 20px;
        right: 40px;
        top: 25px;
    }

    .product .cont{
        margin-left: 0px;
    }


    #tvc .m10{
        margin:20px 10px 37px 10px;
    }
    #tvc .tcon .ttitle{
        font-size: 16px;
        margin: 10px 10px 0 10px;
    }
    #tvc .tcon .tsubtitle{
        font-size: 14px;
        margin: 10px 10px 0 10px;
    }

    .dff{
        font-size: 16px;  
    }
    .rules h1{
        text-align: center;
        font-size: 40px;
        margin-bottom: 0;
    }
    .rules h4{

        font-size: 20px;
        color: #b39b77;

        margin-top: 10px;
    }
    .rules h3{

        font-size: 24px;


        margin-top: 1.5em; 
        margin-bottom: 2em;
        line-height: 1.4em;
    }

    .rules .btn{
        width: 150px;
        height: 150px;
        position: absolute;
        top: 50px;
        right: 30px;
    }
    #header ,#header1{
        height:80px;
    }
    #header .wrap{
        display: none;
    }

    #header .logo,#header1 .logo {
        width: 100px;
        height: 70px;
        
        margin-left: 30px;
    }
    #header1{
        display: none;
    }
    #header .pure-menu {
        padding-top: 25px;
    }
    #header .wrap{
        background: none;
    }

    #header .logo{
        display: none;
    }
    #header .pure-menu-item {
        margin: 0 6px;
    }
    #header .pure-menu-link {
        font-size: 16px;
    }
    #header .pure-menu .tmall-link {

        padding-right: 28px;
    }
    #header1 .pure-menu {
        margin-left: 140px;
        padding-top: 25px; 
    }
    #header1 .pure-menu-item {
        margin: 0;
    }
    #header1 .slogan {
        width: 340px;
        font-size: 14px;
    }
    #header1 .slogan span {
        font-size: 12px;
        letter-spacing: 0px;
    }
    #header1 .slogan i {
        font-size: 20px;

    }

    #banner .bxslider li {
        height:360px
    }
    .newpro .active .btext {
        font-size: 20px;
    }
    .mlr .btext {
        font-size: 16px;
        bottom: 6px;
    }
    .btt {
        height: 80px;
    }
    .btt h2 {
        padding: 0.7em 0 0.3em 0;
    }

    .wrap {

    }
    #counter {
        height:50px;
        font-size:24px;
        line-height:50px
    }
    #counter span {
        width:18px;
        font-size:28px;
        height:30px;
        padding-top:2px;
        margin-top:2px;
        line-height:25px
    }
    .title1 {
        height: 80px;
    }
    .title2 {
        height:80px; 
    }
    .title3 {
        height:50px
    }
    .title4 {
        height:40px
    }
    .common .stitle {
        font-size: 14px;
    }
    .common .stitle span {
        font-size: 12px;
    }
    .common h2 {
        font-size: 16px;
    }
    .common .date {
        font-size: 12px;
    }
    .sctitle {
        font-size: 20px;
        margin-bottom: 50px;
    }
    .scsubtitle {
        font-size: 16px;
    }
    .nicktexts:link, .nicktexts:visited, .nicktexts:active, .nicktexts:hover {
        font-size: 16px;
    }
    .starlist li img {
        margin-left: 0px; 
        margin-right: 10px;
        width: 60px;
        height: 60px;
    }
    .starlist li h2 {
        font-size: 16px;
        padding-top: 23px;
    }
    .starlist li p {
        margin: 0;
        font-size: 12px;
        color: #666666;
        line-height: 1.5em;
    }
    .common22 {
        margin-bottom: 0px;
    }

    #center_container p {

    }
    .bicon .imgc {
        margin:0 10px
    }
    .yuyue {
        top:70%;
        width:100px;
        height:100px;
        margin:-50px 0 0 -50px
    }
    #weibo-header{
        margin-left: 0;
        margin-right: 0;
    }
    #weibo-header .tip {
        height:45px;
        background:#b39b77;
        color:#fff;
        line-height:45px;
        font-size:24px;
        width: 165px;
        font-family:"";
        text-align: center;

    }
    #weibo-header .tiptext{
        font-size: 16px;
        color: #333333;
        margin-left: 10px;
        margin-top: 20px;
        line-height: 1.6em;
        text-align: left;
        font-family:"";
    }
    #weibo-header .tiptext b{
        color: #b39b77;
    }
    .text-wrap {
        max-width:600px;
        margin: 25px 40px 0 50px;
        font-family:"";
        font-size: 13px;
        color: #333333;
        text-align: left;
        letter-spacing: 0;
        line-height: 1.5em;
    }
    .weibo .pure-u-1-6 {
        width:33.33%
    }
    .t-item {
        height:30px;
        line-height:30px;
        padding-left:50px
    }
    .weibo .t-item .W_face_radius {
        width:30px;
        height:30px;
        top:-15px;
        left:15px
    }
    .stitle {
        font-size:15px;
        top:10px;
        left:6px
    }
    .product-title {
        height:50px;
        line-height:50px;
        font-size:24px
    }
    .wrap-product {
        max-width:960px;
        margin:0 10px
    }
    .s2text {
        font-size:14px;
        line-height:1.6em;
        padding:10px 30px 50px 30px;
        color:#333
    }
    .s2text h1 {
        font-size:24px;
        color:#f20000;
        margin-left:0;
        margin-right:0;
        margin-top:0;
        margin-bottom:20px;
        line-height:1.2em
    }
    .s2text .info {
        font-size:14px;
        line-height:1.6em
    }
    .s4text {
        padding:60px 60px 0 60px
    }
    .s4text h1 {
        font-size:24px;
        margin-bottom:10px;
        line-height:1.2em
    }
    .s4text .info {
        font-size:16px;
        line-height:1.8em
    }

    .s5text {
        font-family:"";
        font-size:18px;
        line-height:1.6em;
        padding:50px 30px 0 30px;
        color:#fff;
        position:absolute;
        left:0;
        top:0
    }
    .s5text h1 {
        color:#fff;
        font-size:26px;
        margin-left:0;
        margin-right:0;
        margin-top:0;
        margin-bottom:10px;
        line-height:1.2em
    }
    .s5text .info {
        font-size:16px;
        line-height:1.5em
    }


    .s5text .info ul li{
        font-size: 16px;
    }

    .mg101 .squar{
        width: 139px;
        height: 139px;
        font-size: 24px;
        padding-top: 53px;
    }
    .mg101 .squar b{
        font-size: 28px;
    }

    #counter1 {

        height:90px;

        font-size: 16px;

    }

    #counter1 .cctext{
        padding-top: 22px;
        font-size: 16px;
        line-height: 1.5em;
        color: #666666;
        letter-spacing: 1px;
    }
    #counter1 .cclogo{
        background: url(../images/logo3.png) center no-repeat;
        height: 90px;
    }

    #counter1 .ccd{
        padding-top: 22px;
        letter-spacing: 1px;
    }
    #counter1 .pure-u-md-1-6 {
        width: 16.6667%;
    }


    #counter1 span {  
        font-size:28px;
        color:#b39b77;
        height:38px;
        line-height:18px;
        margin-right:1px;
        letter-spacing: 0px;
        vertical-align: baseline;
    }


    .bra{
        font-size: 12px;
        padding: 20px 25% 20px 0;
    }

    .bra .big{
        font-size: 14px;
    }

    .bra .dbra{
        width: 122px;
        height: 122px;
        right: 0;
    }



    .star-item{
        font-size: 16px;
    }
    .star-item .crown{
        top: 7px;
        left: -35px;
    }
    .avatar1{
        top:40px;
        left: -70px;
    }
    .star-item1{
        font-size: 16px;
    }

    .nicktext{
        font-size: 16px;
    }

    .star-item1 .nicktext{
        font-size: 12px;
        left: 120px;
        top: 0px;
    }



    .avatar2{
        left: 56px;
        top: -10px;
    }

    .tiao1{
        margin-top: 62px;
    }

    .tiao2{
        width: 80px;
        padding-left: 10px;
    }

    #appointment .sel {
        width: 200px;
        height: 56px;
        box-shadow: none;
        text-align: center;
        outline: 0;
        background: #fff;
        border: #666 1px solid;
        border-radius: 0px;
        color: #666666;
        font-size: 16px;
        text-align: left;
    }

    #appointment_header{
        width: 100%;
        height: 65px;
        background: #b39b77;
    }

    #appointment_header .hitem{
        font-size: 16px;
        color: #fff;
        opacity: 0.5;
        text-align: center;
        letter-spacing: 4px;
        height: 40px;
        line-height: 40px;
        border-bottom: rgba(255,255,255,0.5) 1px solid;
        margin: 10px 30px 0 30px;
    }

    #appointment_header .active{
        font-size: 18px;
        color: #fff;
        opacity: 1;
        letter-spacing: 4px;
        border-bottom: rgba(255,255,255,1) 2px solid;
    }

    .article h1 {
        font-size: 26px;
    }
    .article .misc span {
        font-size: 16px;
    }
    .detail {
        font-size: 16px;
    }
    .pageavatar {
        margin-left: 10px;
        margin-right: 10px;
        width: 60px;
        height: 60px;
    }
    .hh2 {
        padding-top: 5px;
        font-size: 18px;
        margin-bottom: 0;
    }
    .pp2 {
        margin-bottom: 20px;
        font-size: 14px;
        margin-top: 0px;
    }

    .product .cirproduct{
        max-width: 400px;
        margin: 25px 22px 50px 22px; 
        position: relative;
    }

    .article .cirproduct .mtitle {
        width: auto;
        height: 55px;
        line-height: 55px;
        font-size: 30px;
        background: #b39b77;
    }
    .article .cirproduct {
        max-width: 300px;
        position: relative;
        margin-bottom: 100px;
    }
    .common22 .title {
        margin-right: 30px;
        height: 42px;
        line-height: 42px;
        font-size: 25px;

    }
    .common h1 {
        font-size: 30px;
        margin-left: 22px;
    }

    .common h3 {
        font-size: 14px;
        margin-left: 22px;
    }

    #header2{
        display: block;
    }
    #comment-list{
        margin: 0 22px;
    }

    .shop-submit,.shop-submit:focus{

        margin-left: 110px;
    }

    .didi-button:hover{
        margin-left: 110px;
    }

    .shop-submit1,.shop-submit1:focus{

        margin-left: 110px;
    }
    .back-map1 ,.back-map2 {
        margin-left: 110px;

    }

    #banner .slidearrow{
        display: none;
    }
    #banner .slidedown{
        display: none;
    }

    .newbanner{
        height: 100px;
    }

}@media all and (max-width:480px) {
    .app-submit,.app-submit:focus ,.app-submit:link, .app-submit:active ,.app-submit:visited{
        width: 155px;
    }

    .notetip{
        padding-left: 80px;
    }
    #appointment .weibo_banner{
        width: 110px;
        height: 110px;
    }
    .countdown{
        width: 63px;
        height: 96px;
        font-size: 30px;
        padding-top: 19px;
        left: 10px;

    }
    .pc{
        display: none;
    }
    .newbanner{
        height: 80px;
        background-size: cover;
    }
    #footer .copyrright i{
        font-style: normal;
        display: block;
    }
    .tline .pure-u-1-2{
        width: 50%;
    }

    .product .cirproduct .mtitle{
        width: auto;
        height: 55px;
        background: #b39b77;
        font-size: 30px;
        color: #fff;
        position: absolute;
        z-index: 2;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        line-height: 55px;
        left: -15px;
        bottom: 20px;
        letter-spacing: 2px;
    }

    .sctitle {
        font-size: 20px;
        margin-bottom: 50px;
        margin-right: 80px;
    }

    .newpro  .bline {
        height: 2px;
        opacity: 1;
        display: none;
    }
    #header2{
        display: block;
    }
    #weibo-header .tiptext{
        margin-bottom: 20px;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {

        left: 0px;
        right: auto;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

        right: 0px;
        left: auto;
    }
    .bx-controls {
        position:absolute;
        width:100%;
        bottom:0px; 
    }
    #header,#header1{
        height:80px;
    }

    #header .pure-menu,#header1.pure-menu{
        display: none;
    }

    .pcc{
        opacity: 0; display: inline;
    }


    #header1 .pc{
        display: none;
    }

    #header .pure-button-primary{
        height:auto;
        background: #c71121;
        border-radius: 6px;
        box-sizing: border-box;
        border: #fff 1px solid;
        font-size: 14px;
        top: 6px;
        right: 20px;
        position: absolute;
        color: #fff;
        font-family: "";
        padding: .3em  .5em;

    }
    #header1 .pure-button-primary{
        height: auto;
        background: #fff;
        border-radius: 6px;
        box-sizing: border-box;
        border: #c71121 1px solid;
        font-size: 14px;
        top: 6px;
        right: 20px;
        position: absolute;
        color: #c71121;
        font-family: "";
        padding: .3em  .5em;
    }
    #tvc .title {
        height: 45px;
        font-size: 18px;
        line-height: 45px;
        padding-left: 27px;
        max-width: 260px;
    }
    #tvc {
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    #tvc .morelink {
        font-size: 16px;
        right: 22px;
        top: 20px;
    }
    #tvc .m10 {
        margin: 10px 10px 10px 10px;
    }
    #banner .bxslider li {
        height:180px
    }
    .wrap {
        max-width:480px
    }
    .wrap1 {
        max-width:100%
    }
    .wrap-in {
        max-width:100
    }
    #counter {
        height:30px;
        font-size:14px;
        line-height:28px
    }
    #counter span {
        width:14px;
        font-size:18px;
        height:18px;
        padding-top:2px;
        margin-top:4px;
        line-height:18px
    }
    #center_container {
        background-size:30px
    }
    .mg10 {
        margin:10px 19px 0 19px;
        box-sizing:border-box;
        position:relative
    }

    .mg101 {
        margin:10px 19px 0px 19px;
        box-sizing:border-box;
        position:relative
    }
    .mg102 {
        margin:10px 5px 5px 19px;
        box-sizing:border-box;
        position:relative
    }
    .mg103 {
        margin:10px 19px 5px 5px; 
        box-sizing:border-box;
        position:relative
    }
    .pure-u-1-2 {
        width:100%
    }
    .pure-u-1-3 {
        width:100%
    }
    #counter1{
        height: 180px;
        font-size: 14px;
    }

    #counter1 .cctext{
        font-size: 14px;
    }
    #counter1 .ccd{
        padding-top: 0px; 
        letter-spacing: 1px;
    }
    #counter1 .cclogo{
        height: 60px;
        background-size:contain;
    }

    #counter1 .pure-u-5-12 {
        width:100%
    }
    #counter1 .pure-u-md-1-6 {
        width:100%
    }


    #counter1 span {  
        font-size:24px;
        color:#b39b77;
        height:24px;
        line-height:16px;
        margin-right:1px;
        letter-spacing: 0px;
        vertical-align: baseline;
    }
    .title1 {
        margin:10px 19px 30px 19px;
        height:40px;
        line-height:30px
    }
    .title2 {
        margin:10px 19px 0 19px;
        height:40px;
        line-height:30px
    }
    .title3 {
        margin:10px 19px 0 19px;
        height:40px;
        line-height:30px
    }
    .title4 {
        margin:0 19px 0 19px;
        height:30px
    }
    .product .mr8 {
        margin-right: 0px;
    }
    .product .cirproduct {
        margin: 25px 20px 50px 20px;
        padding-bottom: 30px;
    }
    .product .cont {

        margin-left: 0px;
        margin-right: 25px;
    }

    .bicon {
        padding-top:10px;
        padding-bottom:20px
    }
    .bicon .imgc {
        margin:10px 18px
    }
    .bicon .pure-u-1-4 {
        width:50%
    }
    .mlr {
        height: 30px;
    }
    .mlr img{
        display: none;

    }

    .newpp{
        margin-bottom: 0px;
    }

    .newpp .pure-u-1-4{
        width: 50%;
        margin-bottom: 20px;
    }
    .common .stitle {
        font-size: 16px;
    }
    .common .stitle span {
        font-size: 12px;
    }
    .common h2 {
        font-size: 18px;
    }
    .common .date {
        font-size: 10px; 
    }
    .common22 .pure-u-2-3,.comment_container  .pure-u-2-3{
        width: 100%;
    }
    .common h3 {
        margin-right: 22px;
    }

    #footer {
        margin:0 auto;
        text-align:center;
        padding-bottom: 100px;
    }
    .list .pure-u-2-3 {
        width:100%
    }
    .list .pure-u-1-3 {
        width:100%
    }
    .left-border {
        border-left:#C30B17 0 solid;
        margin-right:10px;
        margin-left:10px
    }
    .list h1 {
        font-size:20px;
        margin-left:0
    }
    .list .misc {
        font-size:12px;
        line-height:1em;
        margin:15px 0 0 0;
        margin-left:-5px
    }
    .list .misc span {
        display:inline-block;
        padding:0 5px 0 5px
    }
    .share-container {
        margin-bottom:25px;
        margin-left:0;
        margin-top:10px
    }
    .shi {
        top:6%;
        width:126px;
        height:40px
    }
    .feng {
        top:6%;
        width:126px;
        height:40px
    }
    .yuyue {
        top:70%;
        width:80px;
        height:80px;
        margin:-40px 0 0 -40px
    }
    .bx-wrapper .bx-caption span {
        font-size:12px;
        padding:10px 0 10px 20px;
        line-height:20px
    }
    .bx-wrapper .bx-caption span h2 {
        font-size:16px;
        margin:0
    }
    .videonews .bx-controls {
        position:absolute;
        width:100%;
        bottom:20px;
        right:15px
    }
    #weibo-header {
        position:relative;
        background-repeat:no-repeat;
        background-size:cover;
        text-align:center;
        box-sizing:border-box;
        padding-top:0;
        font-size:12px;
        line-height:20px;
        color:#C30B17
    }
    #weibo-header .tip {

    }
    .weibo .pure-u-1-6 {
        width:50%
    }
    .t-item {
        height:30px;
        line-height:30px;
        padding-left:50px
    }
    .weibo .t-item .W_face_radius {
        width:30px;
        height:30px;
        top:-15px;
        left:15px
    }
    .text-wrap {
        max-width:600px;
        margin: 25px 50px 0 60px;
        font-family:"";
        font-size: 14px;
        color: #333333;
        text-align: left;
        letter-spacing: 0;
    }
    .stitle {
        font-size:20px;
        top:15px;
        left:10px
    }
    .product-title {
        height:30px;
        line-height:30px;
        font-size:16px
    }
    .wrap-product {
        max-width:960px;
        margin:0 10px
    }
    .mb50 {
        margin-top:10px;
        margin-bottom:0
    }
    .s3text {
        font-size:14px;
        line-height:2.1em;
        padding:10px 0 50px 0;
        color:#333
    }
    .s3text h1 {
        font-size:24px;
        color:#f20000;
        margin-left:0;
        margin-right:0;
        margin-bottom:10px
    }
    .s2text {
        font-size:14px;
        line-height:1.6em;
        padding:10px 30px 50px 30px;
        color:#333
    }
    .s2text h1 {
        font-size:24px;
        color:#f20000;
        margin-left:0;
        margin-right:0;
        margin-top:0;
        margin-bottom:20px;
        line-height:1.2em
    }
    .s2text .info {
        font-size:14px;
        line-height:1.6em
    }
    .s4text {
        padding:60px 60px 0 60px
    }
    .s4text h1 {
        font-size:24px;
        margin-bottom:10px;
        line-height:1.2em
    }
    .s4text .info {
        font-size:16px;
        line-height:1.8em
    }
    .view_bt{
        height: 36px;
        line-height: 36px;
        font-size: 16px;
        position: absolute;
    }
    .s5text {
        font-family:"";
        font-size:18px;
        line-height:1.6em;
        padding:30px 30px 0 30px;
        color:#fff;
        position:absolute;
        left:0;
        top:0
    }
    .s5text h1 {
        color:#fff;
        font-size:25px;
        margin-left:0;
        margin-right:0;
        margin-top:0;
        margin-bottom:10px;
        line-height:1.2em
    }
    .s5text .info {
        font-size:16px;
        line-height:1.5em
    }


    .s5text .info ul li{
        font-size: 15px;
    }



    #allmap{width: 100%;height: 300px;overflow: hidden;}
    .mapg20 {
        margin:0px 0px 0 0px;
        box-sizing:border-box;
        position:relative
    }

    #search-bar{
        width: 100%;
        position:relative;
        z-index: 20;
        min-height: 240px;

    }
    #search-bar .shopl {
        width: auto;
        min-width: 320px;
        padding-left: 20px;
        margin-top: 1em;
        padding-bottom: 1em;
    }

    #search-bar .search-form{
        margin: 0 22px;
    }

    #search-bar .city{
        width: 180px;

    }

    #search-bar .search-button{
        height: 56px;

    }

    #search-bar ul{

    }

    #search-bar ul li{

    }

    #search-bar ul li:hover{
        border: #b39b77 1px solid; 
    }

    #search-bar ul li a:link,#search-bar ul li a:visited,#search-bar ul li a:active,#search-bar ul li a:hover{
        display: none;
        width: 100px;
        height: 80px;
        border-radius: 6px;
        background: #b39b77;
        color: #fff;
        position: absolute;
        z-index: 10;
        right: -1px;
        top: -1px;
        text-align: center;
        box-sizing: border-box;
        padding-top: 15px;

    }

    #search-bar ul li:hover a:link,#search-bar ul li:hover  a:visited,#search-bar ul li:hover  a:active,#search-bar ul li:hover  a:hover{
        display: block;

    }

    #search-bar ul li b{
        font-weight: normal;
    }
    #search-bar ul li u{
        text-decoration: none;
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        background: url(../images/crown_0.png);
        left: 10px;
        top: 10px;
    }
    #ranking .scsubtitle{
        position:static;
        font-size: 22px;
    }

    #search-bar ul li .l28{
        margin-left: 24px;
    }

    #search-bar ul li i{
        font-style: normal;
        font-size: 14px;
        color: #58595b;
    }

    #search-bar ul li span{
        font-size: 14px;
        color: #999999;
        position: absolute;
        display: block;
        right: 5px; 
        top: 14px; 
    }

    #appointment_header{
        width: 100%;
        height: 65px;
        background: #b39b77;
    }
    #appointment_header .wrap{
        margin: 0;
        max-width: 640px;
    }
    #appointment_header .pure-u-1-3{
        width: 33.33%;
    }
    #appointment_header .hitem{
        font-size: 14px;
        color: #fff;
        opacity: 0.5;
        text-align: center;
        letter-spacing: 4px;
        height: 40px;
        line-height: 40px;
        border-bottom: rgba(255,255,255,0.5) 1px solid;
        margin: 10px 5px 0 5px;
    }

    #appointment_header .active{
        font-size: 16px;
        color: #fff;
        opacity: 1;
        letter-spacing: 4px;
        border-bottom: rgba(255,255,255,1) 2px solid;
    }


    #appointment{
        width: auto;
        height: 500px;
        text-align: center;
        position: relative;
        margin: 0;
        padding-top: 1px;
        zoom: 1;
        background-size: cover;
        background-position: center;
    }

    #appointment h1{
        font-size: 24px;
        color: #b39b77;
        margin: 1em 0;
    }

    #appointment h2{
        font-size: 16px;
        color: #666;
        margin-bottom: 15px;

    }
    #appointment h2 i{
        font-size: 20px;
    }
    #appointment h2 {
        margin-right: 20px;
    }

    #appointment h3{
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 1.5em;
        margin-left: 30px;
        margin-right: 30px;
    }

    #appointment h2 .small{
        font-size: 16px;
    }
    .pure-form-aligned .pure-control-group {
        margin-bottom: 0.9em;
    }
    .pure-form-aligned .pure-control-group label {
        text-align: right;
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        width: 9em;
        margin: 0 1em 0 0;
        color: #b39b77;
    }

    #appointment .sel {
        width: 140px;
        height: 32px;
        font-size: 14px;
        display: inline-block;
        line-height: 20px;
        padding: 0 10px;
    }

    #appointment .sel:disabled{
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .didi-button,.didi-button:focus{
        width: 160px;
        height: 38px;
        border-radius: 0px;
        font-size: 18px;
        line-height: 15px;
        margin-left: 0;
    }

    .didi-button:hover{

    }

    .shop-submit,.shop-submit:focus{
        width: 140px;
        height: 38px;
        border-radius: 0px;
        font-size: 18px;
        line-height: 15px;
        margin-left: 145px;
        letter-spacing: 0;
    }

    .shop-submit:hover{

    }

    .shop-submit1,.shop-submit1:focus{
        width: 140px;
        height: 38px;
        border-radius: 0px;
        margin-left: 145px; 
        font-size: 16px;
        line-height: 16px;
        letter-spacing: 0px; 
    }

    .shop-submit1:disabled{

        background-size: contain;
    }

    .shop-submit1:hover{

    }

    .shop-submit2,.shop-submit2:focus{
        width: 140px;
        height: 38px;
        border-radius: 6px;

        margin-top: 30px;
    }

    .shop-submit2:hover{

    }
    .shop-submit2:disabled{

    }

    .back-map1{
        background-size: contain;
        width: 140px;
        height: 38px;
        margin: 0 auto 0 auto;
        margin-left: 145px;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0;
    }

    .back-map1:hover{
    }

    .back-map2{
        background-size: contain;
        width: 140px;
        height: 38px;
        margin: 0 auto 0 auto;
        margin-left: 145px;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 0;

    }

    .back-map2:hover{
        border: 2px #fff solid;
        background:#ae131d url(../images/back2.png) left top; 
        background-size: contain;
    }

    .back-map3{
        width: 160px;
        height: 38px;
        border-radius: 6px;
        box-sizing: border-box;
        border: 2px #fff solid;
        background:#b39b77 url(../images/back3.png) left top; 
        background-size: contain;
        display: block;
        margin: 30px auto 0 auto;
        display: none;
    }

    .back-map3:hover{
        border: 2px #fff solid;
        background:#ae131d url(../images/back3.png) left top; 
        background-size: contain;
    }
    .squar{
        width: 70px;
        height: 70px;
        font-size: 12px;
        padding-top: 30px;
    }
    .squar b{
        font-size: 14px;
    }

    .mg101 .squar{
        width: 135px;
        height: 135px;
        font-size: 24px;
        padding-top: 50px;
    }
    .mg101 .squar b{
        font-size: 28px;
    }


    .chanpin .pure-u-1-2{
        width: 50%;
    }


    .squar1{
        font-family: arial;

        position: absolute;
        left: 0;
        bottom: 0;
        background: #e63273;
        background-size: cover;
        z-index: 10;
        color: #fff;
        font-weight: bold;

        text-align: center;
        box-sizing: border-box;
        width: 60px;
        height: 60px;
        font-size: 16px;
        padding-top: 10px;
    }
    .squar1 b{
        font-size: 18px;
    }
    #sc .pure-u-2-3{
        width: 100%;
    }

    .bra{
        font-size: 12px;
        padding: 20px 0 20px 0;
        margin-bottom: 100px;
    }

    .bra .big{
        font-size: 12px;
    }

    .bra .dbra{
        width: 80px;
        height: 80px; 
        right: 0;
        top: 120px;
        left: 50%;
        margin-left:-50px; 
    }



    .star-item{
        font-size: 16px;
    }
    .star-item .crown{
        top: 7px;
        left: -35px;
    }
    .avatar1{
        top:40px;
        left: -70px;
    }
    .star-item1{
        font-size: 16px;
    }

    .nicktext{
        font-size: 16px;
    }

    .star-item1 .nicktext{
        font-size: 12px;
        left: 150px;
        top: 0px;
    }



    .avatar2{
        left: 86px;
        top: -10px;
    }

    .tiao1{
        margin-top: 62px;
    }

    .tiao2{
        width: 100px;
        padding-left: 20px;
    }

    .rules{

    }

    .rules h1{
        text-align: center;
        font-size: 28px;
        margin-bottom: 0;
    }
    .rules h4{

        font-size: 16px;
        color: #b39b77;

        margin-top: 10px;
    }
    .rules h3{

        font-size: 18px;


        margin-top: 1.5em; 
        margin-bottom: 7.5em;
        line-height: 1.4em;
    }
    .rules h5{
        font-size: 14px;
        margin-top: 2.5em; 
        margin-bottom: 2.5em;
        line-height: 1.4em;
    }
    .rules .cont{

        margin: 0 10px;

        font-size: 12px;
        line-height: 1.5em;

    }
    .rules .btn{
        width: 100px;
        height: 100px;
        position: absolute;
        top: 190px;
        left: 50%;
        margin-left: -50px;
    }


    .test{
        background: url(../images/rule_bg.jpg) no-repeat;
        min-height: 1000px;
        position: relative;
    }
    .test-item{
        display: none;
        width: 100%;
    }
    #test .test-item:first-child{

    }

    .test .btn{
        width: 120px;
        height: 120px;
        margin: 40px auto 0 auto;
    }

    .test h1{
        text-align: center;
        font-size: 48px;
        margin-bottom: 0;
    }

    .test h3{
        font-family:"";
        text-align: center;
        font-size: 20px;
        color: #b39b77;
        font-weight: normal;
        margin-top: 1.5em; 
        margin-bottom: 0em;
        line-height: 1.4em;
    }
    .test h4{
        font-family:"";
        text-align: center;
        font-size: 14px;
        color: #b39b77;
        font-weight: normal;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .test h5{
        font-family:"";
        text-align: center;
        font-size: 14px;
        color: #999999;
        font-weight: normal;
        margin-top: 0.3em; 
        margin-bottom: 2.5em;
        line-height: 1.4em;
    }

    .test .xutext{
        text-align: center;
    }

    .test .xuicon{
        font-family:"";
        display: inline-block;
        width: 60px;
        height: 60px;
        background: #ccc;
        font-size: 30px;
        color: #fff;
        border-radius: 50%;
        padding: 15px 0;
        box-sizing: border-box;
        margin: 40px 15px;
    }

    .test .active1{
        background: #b39b77;

    }

    .test .img-bord{
        box-sizing: border-box;
        border-left: #b39b77 7px solid;
        border-top: #b39b77 7px solid;
        border-right: #b39b77 1px solid;
        border-bottom: #b39b77 1px solid;
    }
    .test .title{
        width: 100%;

        text-align: center;
        height: 90px;
        background: rgba(201,11,23,0.05);
        padding-top: 24px;
        padding-bottom: 24px;
        box-sizing: border-box;
        color: #b39b77;
        transition: all 0.2s linear;
    }
    .test .test1 .pure-u-1-3{
        cursor: pointer;
    }
    .test .test1 .pure-u-1-3:hover .title{
        background: rgba(201,11,23,1);
        color: #fff;
    }
    .test .option{
        transition: all 0.3s ease-in-out;
        height: 0px;
        overflow: hidden;
    }
    .test p{
        text-align: center;
        font-size: 14px;
        line-height: 18px;
        height: 90px;
        overflow: hidden;
    }

    .test .pure-button{
        font-family:"";
        margin: 0 auto;
        display: block;
        width: 156px;
        height: 56px;
        background: #b39b77;
        border-radius: 6px;
        font-size: 24px;
    }

    .test .active .title{
        background: rgba(201,11,23,1);
        color: #fff;  
    }

    .test .active .option{
        height: 220px;
    }
    .result{
        width: 100%;
        margin: 20px auto 40px auto;
    }
    .result .r0{
        display:table; height: 70px;width: 90%; padding: 5px 10px;
        margin: 0;
    }

    .result .r1{
        font-family:"";
        box-sizing: border-box;
        font-size: 24px;
        height: 70px;
        border: #b39b77 1px solid;
        margin: 5px 10px;
        color: #b39b77;
        padding-top: 20px;
        text-align: center;
    }

    .result .r2{
        font-family:"";
        box-sizing: border-box;
        font-size: 16px;
        background: #b39b77;
        margin: 5px 10px;
        color: #fff;
        text-align: center;

    }

    .result .mask{
        margin: 10px;
    }

    .result .pure-u-1-2{
        width: 50%;
    }



}


@media all and (max-width:320px) {
    .app-submit,.app-submit:focus ,.app-submit:link, .app-submit:active ,.app-submit:visited{
        width: 130px;
        margin-left: 0.3em;
    }
    #header2 .slogan span{
        font-size: 10px;
        color: #999999;
        letter-spacing: 0px;
        margin-top: 0;
    }
    #header2 .logo {
        height: 70px;
        width: auto;
        position: absolute;
        margin-left: 10px;
        margin-top: 10px;
    }
    #tvc .title {
        height: 45px;
        font-size: 14px;
        line-height: 45px;
        padding-left: 20px;
        max-width: 190px;
        font-weight: normal;
    }
    #tvc .morelink {
        font-size: 14px;
        right: 22px;
        top: 20px;
    }
    #tvc .tcon .ttitle {
        font-size: 14px;
        margin: 10px 10px 0 10px;
    }
    #tvc .tcon .tsubtitle {
        font-size: 12px;
        margin: 10px 10px 0 10px;
    }
    .mlr {
        margin: 5px;
        position: relative;
    }
    .newpro .active .btext {
        font-size: 20px;
        padding-left: 4px;
    }
    #weibo-header .tiptext {
        font-size: 13px;

    }
    #weibo-header .lkuo,#weibo-header .rkuo {
        height: 150px;
    }

    .text-wrap {
        margin: 25px 40px 0 40px;
        font-size: 12px;

    }

    #counter {
        height:30px;
        font-size:14px;
        line-height:28px
    }
    #counter span {
        width:14px;
        font-size:18px;
        height:20px;
        padding-top:2px;
        margin-top:5px;
        line-height:18px
    }
    #center_container {
        background-size:30px
    }
    .pure-u-1-2 {
        width:100%
    }
    .pure-u-1-3 {
        width:100%
    }

    .title1 {
        margin:10px 19px 10px 19px;
        height:30px
    }
    .title2 {
        margin:10px 19px 0 19px;
        height:30px
    }
    .title3 {
        margin:10px 19px 0 19px;
        height:30px
    }
    .title4 {
        margin:0 19px 0 19px;
        height:30px
    }
    .bicon {
        padding-top:10px;
        padding-bottom:20px
    }
    .bicon .imgc {
        margin:10px 18px
    }
    .bicon .pure-u-1-4 {
        width:50%
    }
    .left-border {
        border-left:#C30B17 0 solid;
        padding-right:0
    }
    .list h1 {
        font-size:20px;
        margin-left:0
    }
    .list .misc {
        font-size:12px;
        line-height:1em;
        margin:15px 0 0 0;
        margin-left:-5px
    }
    .list .misc span {
        display:inline-block;
        padding:0 5px 0 5px
    }
    .share-container {
        margin-bottom:25px;
        margin-left:0;
        margin-top:10px
    }
    .shi {
        top:6%;
        width:90px;
        height:40px
    }
    .feng {
        top:6%;
        width:90px;
        height:40px
    }
    .play-bt {
        width:40px;
        height:40px;
        margin:-20px 0 0 -20px
    }
    .s3text {
        font-size:13px;
        line-height:2.1em;
        padding:10px 0 50px 0;
        color:#333
    }
    .s3text h1 {
        font-size:20px;
        color:#f20000;
        margin-left:0;
        margin-right:0;
        margin-bottom:10px
    }
    .s4text {
        padding:40px 40px 0 40px
    }
    .s4text h1 {
        font-size:20px;
        margin-bottom:10px;
        line-height:1.2em
    }
    .s4text .info {
        font-size:14px;
        line-height:1.6em
    }

    .s5text {
        font-family:"";
        font-size:18px;
        line-height:1.6em;
        padding:25px 25px 0 25px;
        color:#fff;
        position:absolute;
        left:0;
        top:0
    }
    .s5text h1 {
        color:#fff;
        font-size:20px;
        margin-left:0;
        margin-right:0;
        margin-top:0;
        margin-bottom:10px;
        line-height:1.2em
    }
    .s5text .info {
        font-size:14px;
        line-height:1.5em
    }

    .s5text .info ul{
        display: block;
        list-style-type: disc;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        -webkit-padding-start: 0;
        font-size: 14px;
    }

    .s5text .info ul li{
        font-size: 13px;
    }

    .squar{
        width: 60px;
        height: 60px;
        font-size: 12px;
        padding-top: 25px;
    }
    .squar b{
        font-size: 14px;
    }



    .mg101 .squar{
        width: 113px;
        height: 113px;
        font-size: 24px;
        padding-top: 48px;
    }
    .mg101 .squar b{
        font-size: 28px;
    }

    .rules{

    }

    .rules h1{
        text-align: center;
        font-size: 28px;
        margin-bottom: 0;
    }
    .rules h4{

        font-size: 16px;
        color: #b39b77;

        margin-top: 10px;
    }
    .rules h3{

        font-size: 18px;


        margin-top: 1.5em; 
        margin-bottom: 7.5em;
        line-height: 1.4em;
    }
    .rules h5{
        font-size: 14px;
        margin-top: 2.5em; 
        margin-bottom: 2.5em;
        line-height: 1.4em;
    }
    .rules .cont{

        margin: 0 10px;

        font-size: 12px;
        line-height: 1.5em;

    }
    .rules .btn{
        width: 100px;
        height: 100px;
        position: absolute;
        top: 200px;
        left: 50%;
        margin-left: -50px;
    }

    #search-bar .city {
        width: 160px;
        height: 56px;
        margin-left: 0px;
    }
    #search-bar .shopl {
        width: auto;
        min-width: 320px;
        padding-left: 0px;
        margin-top: 1em;
        padding-bottom: 1em;
    }



}