/*index*/
/*图片自适应*/
.widthAuto{
    width: auto!important;
    height: 100%!important;
    max-height: 100%!important;
}
.heightAuto{
    width: 100%!important;
    max-width: 100%!important;
    height: auto!important;
}
.wrapper{
    width: 100%;
    background-color:#fff;
    position: relative;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 6;
}
.wrapper.show{
    /*-webkit-transform: translateX(5rem);*/
    /*transform: translateX(5rem);*/
    -webkit-transform: translateX(80%);
    transform: translateX(80%);
    height: 100%;
    overflow: hidden;
}


.backTop{
    display: none;
    position: fixed;
    width: 0.9rem;
    height: 0.9rem;
    background: rgba(106,200,231,0.6);
    right: 0.2rem;
    bottom: 0.6rem;
    z-index: 100;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    line-height: 0.9rem;
    overflow: hidden;
}
.backTop:active{
    background: rgba(106,200,231,0.8);
}

.backTop_Arrow {
    display: inline-block;
    position: relative;
    width: 0.4rem;
    height: 0.4rem;
    border-bottom: .04rem solid #fff;
    border-left: .04rem solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top:0.36rem;
}

header{
    position: relative;
    border-bottom: 2px solid #edc54b;
}

.header_inner .top{
    background: #12afe2;
    height: 0.52rem;
}
.header_inner .top a{
    color: #fff;
}

.top_r a:first-child{
    text-decoration: underline;
    margin-right: 0.5rem;
}
.header_menu{
    position: relative;
    padding-top: 0.05rem;
    padding-bottom: 0.05rem;
    background: #f6f6f6;
    /*add*/
}

.menu_btn{
    max-width: 0.8rem;
    height: 0.5rem;
    text-align: center;
    line-height: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    /*background-image: url(../images-wap/menu_icon.png);
    background-repeat: no-repeat;
    background-size: cover;*/
}
.menu_btn span{
    font-size: 0.26rem;
    color: #c4c4c4;
}
.menu_btn i{
   display: block;
    height: 0.07rem;
    line-height: 1;
    margin-bottom: 0.08rem;
    width: 100%;
    background: #c4c4c4;
}
.menu_btn i.first{
    margin-top: 0.05rem;
}

.menu_btn.show{
    /*background-image: url(../images-wap/menu_icon_on.png);
    background-repeat: no-repeat;
    background-size: cover;*/
    color: #ff7018;
}
.menu_btn.show span{
    color: #ff7018;
}
.menu_btn.show i{
    background: #ff7018;
}
.menu_m .logo{
    width: 1.1rem;
    height: 0.86rem;
    margin-left: 15%;
}
.menu_r_search{
    width: 0.6rem;
    height: 0.6rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-image: url(../images-wap/search_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.menu_r_search:active{
    opacity: 0.8;
}
.menu_r_search.hide{
    display: none;
}
.menu_r img{
    width: 0.7rem;
    height: 0.7rem;
}
.menu_r_num{
    font-size: 0.32rem;
    color: #c4c4c4;
    margin-left: 4px;
}
.menu_r_num i{
    font-size: 0.32rem;
    color: #fedc83;
}
.menu_r_num i a{
    font-size: 0.32rem;
    color: #fedc83;
}
.header_search{
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background: #f6f6f6;
    /*add*/
}
.header_search.show{
    padding: 0.2rem;
    height: auto;
    opacity: 1;
}
.header_search_inner{

    height: 0.6rem;
    border: 2px solid #fae09b;
    box-sizing: content-box;
}
.header_search_sub{
    width: 0.6rem;
    height: 0.6rem;
}
.header_search_sub input{
    width: 0.6rem;
    height: 0.6rem;
    border: none;
    outline: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-image: url(../images-wap/search_btn.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.header_search_sub input:active{
    opacity: 0.8;
}
.header_search_input{
    padding: 0 0.2rem;
}
.header_search_input input{
    border: none;
    outline: none;
    color: #666;
    background: #f6f6f6;
    /*add*/
}
.header_search_input input::-webkit-input-placeholder{
    color: #999!important;
}

.homeScroll{
    /*height: auto;*/
    position: relative;
    min-height: 0.3rem;
    height: 2.3rem;
    overflow: hidden;
}
.homeScroll img{
    height: 2.3rem;
    /*width: auto;*/
    max-width:inherit;
    display: inline-block;
}
.homeScroll .swiper-pagination-bullet {
    width: 0.16rem;
    height: 0.16rem;
    display: inline-block;
    border-radius: 100%;
    background: #878a8f;
    opacity: .8;
}

.homeScroll .swiper-pagination-bullet-active{
    opacity: 1;
    background: #fff;
}
.homeScroll a{
    display: block;
    text-align: center;
    height: 100%;
    position: relative;
    width: 100%;
}
.homeScroll p{
    position: absolute;
    width: 100%;
    padding:0 0.1rem;
    box-sizing: border-box;
    z-index: 2;
    bottom: 0;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: left;
    background: rgba(122,110,106,0.7);
    font-size: 0.24rem;
    color: #d6d6d6;
}

.nav-list {
    position: fixed;
    top: 0;
    bottom: 0;
    /*left: -5rem;*/
    /*width: 5rem;*/
    left: -80%;
    width: 80%;
    height: 100%;
    overflow-y: scroll;
    border-right: 2px solid #12afe2;
    border-top: 2px solid #12afe2;
    border-bottom: 2px solid #12afe2;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);
    background-color: #fff;
    color: #313131;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 99;
    -webkit-overflow-scrolling: touch;
}
.nav-list::-webkit-scrollbar{
    width:0
}
.nav-list.show {
    /*-webkit-transform: translateX(5rem);*/
    /*transform: translateX(5rem);*/
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.page-cover {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 7;
}

/*section one*/
.section{
    /*display: none;*/
    padding: 0 0.2rem;
    line-height: 1.4;
}
.openMoreInfo{
    width: 80%;
    max-width: 100%;
    line-height: 1;
}
.openMoreInfoDetail{
    display: inline-block;
    max-width: 100%;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
}
.openMoreInfoDetail.line2{
    display: -webkit-box;
	    line-height: 1.3;
}
.section_one ul{
    padding-top: 0.1rem;
}
.section_one li{
    padding: 0.15rem 0;
    border-bottom: 1px solid #d9d9d9;
}
.section_one li:first-child h1{
    color: #82a8a8;
	font-size: 0.28rem;
}

.section_one li p{
	    color: #464646;
    font-size: 0.24rem;
    font-weight: normal;
    margin: 0;
    line-height: 1.3;
}

.section_arrow{
    height: 0.7rem;
    text-align: right;
    line-height: 0.7rem;
    color: #baba93;
}
.section_arrow a{
    color: #baba93;
}
.section_arrow a em{
    color: #baba93;
    text-decoration: underline;
}
.section_arrow  i{
     color: #baba93;
    font-family: Sans-Serif;
 }

.section_tip{
    padding: 0.2rem 0;
    border-bottom: 1px solid #232323;
}
.section_tip h2{
    line-height: 1;
}
.section_tip a{
    font-size: 0.32rem;
    color: #d5a843;
}
.section_tip i{
    font-size: 0.32rem;
    color: #d5a843;
    font-family: Sans-Serif;
}
.section_tip em{
    font-size: 0.32rem;
    vertical-align: middle;
    display: inline-block;
    width: 0.1rem;
    height: 0.1rem;
    background: #77b037;
    margin-right: 0.15rem;
}
.section_two_subTitle{
    font-size: inherit;
    color: #fd070d;
    text-align: right;
    padding: 0.1rem 0;
}

.section_list li{
    min-height: 3.6rem;
    width: 49%;
    /*width: 2.9rem;*/
    float: left;
    /*height: 3.7rem;*/
    margin-bottom: 0.1rem;
}



.section_list li:nth-child(odd){
    margin-right: 2%;
    /*margin-right: 0.14rem;*/
}

.section_list li .pic{
    border: 1px solid #eee;
    box-sizing: border-box;
    overflow: hidden;
    /*width: 2.9rem;*/
    /*height: 2.9rem;*/
}
.section_list li .pic img{
    width: 100%;
    max-width: 100%;
    height: auto;
}
.section_list li .info{
    /*height: 0.86rem;*/
    overflow: hidden;
}
.section_list li .info h2{
    text-align: center;
    line-height: 1.3;
    padding:0  0.15rem;
    margin-top: 0.1rem;
}
.section_des{
    line-height: 1.3;
    padding-right: 0.3rem;
 }

.section_des_title{
    padding: 0.2rem 0;
}

.section_des_title h2,.section_des_title p{
    font-size: 0.24rem;
    color: #464646;
    line-height: 1.3;
}
.section_des_title h2 a{
    font-size: 0.24rem;
    color: #464646;
}
.section_des_title h3 a{
    font-size: 0.24rem;
    color: #464646;
}
.section_comment p{
    color: #999999;
}
.section_comment h3{
    color: #9b9999;
    line-height: 1.3;
}

.section_comment_detail{
    margin-top: 0.1rem;
}

.section_comment_detail p{
		    line-height: 1.3;
}

.section_room p{
    color: #464646;
    /*padding: 0.25rem 0;*/
    padding: 0.2rem 0 0.1rem;
}
.section_room li{
    padding: 0 0.1rem;
    /*height: 1.4rem;*/
}

.section_room li img{
    width: 100%;
    /*height: 1.4rem;*/
}

.section_Portraint{
    padding: 0.2rem 0;
}
.section_Portraint .pic{
    width: 3rem;
    max-width: 3rem;
    height: auto;
    /*height: 3.9rem;*/
}
.section_Portraint .pic img{
    width: 3rem;
    max-width: 3rem;
    height: auto;
    /*height: 3.9rem;*/
}
.section_Portraint .info{
    padding: 0 0.05rem 0 0.3rem;
}

.section_Portraint .info p{
    color: #464646;
}
.section_Portraint_bt img{
   /* width: 6rem;
    max-width: 6rem;*/
    width: 100%;
    height: auto;
    /*height: 2.3rem;*/
}
.section_Museum{
    padding: 0.3rem 0;
}
.section_Museum .info{
    padding: 0 0.3rem 0 0.05rem;
}
.section_art{
    padding: 0.3rem 0;
}
.section_art .pic{
    width: 3rem;
}
.section_art .img{
    width: 3rem;
}

.section_art .info{
    padding-left: 0.3rem;
}
.section_art .info .art_down{
    text-align: center;
}
.section_art .info .art_down img{
    display: inline-block;
    width: 0.4rem;
}
.section_art .info p{
    color: #464646;
    margin-bottom: 0.1rem;
}
.section_art .info h4{
    color: #12ade3;
    padding: 0.35rem 0;
    text-align: center;
}
.section_art .info h5{
    color: #f8041b;
    text-align: center;
}
.medias_subTitle{
    padding: 0.3rem 0;
    color: #464646;
}

.section_medias .pic{
    width: 3.3rem;
}

.section_medias .info{
    padding-left: 0.15rem;
}
.section_medias .info a{
    display: block;
    position: relative;
    padding-left: 0.1rem;
    font-size: 0.28rem;
    color: #618080;
    margin-bottom: 0.13rem;
}
.section_medias .info a em{
    position: relative;
    left: -0.1rem;
}
.section_nine .section_list{
    padding-top: 0.4rem;
}

.section_ten{
    padding: 0;
}

.section_ten .section_des{
    padding-left: 0.2rem;
    padding-right: 0.5rem;
}
.section_ten_subTitle{
    padding: 0.25rem 0.2rem 0;
    line-height: 1;
    border-top: 1px solid #d2ac71;
}
.section_ten_subTitle a{
    font-size: 0.28rem;
    color: #d2ac71;
}

.section_ten_subTitle a .ui-triangle:after {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    border-top: .15rem solid #77b037;
    border-left: .09rem solid transparent;
    border-right: .09rem solid transparent;
    border-bottom: 0;
    margin-left: 0;
    -webkit-transition:all 0.3s ease;
    transition: all 0.3s ease;
}
.section_ten_subTitle a.active .ui-triangle:after{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.section_ten .section_des_title p {
    font-size: 0.24rem;
    color: #898989;
}
.section_ten .section_des_title h2 {
    font-size: 0.24rem;
    color: #9b9999;
}
.section_ten .section_des_title h2 a{
    font-size: 0.24rem;
    color: #9b9999;
}
.section_ten .section_ten_bdes h2{
    color: #898989;
    font-weight: bold;
}

.section_ten .section_des_title h3 {
    font-size: 0.24rem;
    color: #9b9999;
}
.section_ten .section_des_title h3 a{
    font-size: 0.24rem;
    color: #9b9999;
}
.section_ten .section_ten_bdes h3{
    color: #898989;
    font-weight: bold;
}

.section_ten_p{
    padding: 0  0.2rem;
    margin-bottom: 0.2rem;

}
.section_eleven_list li a{
    position: relative;
    padding: 0.2rem 0;

}
.section_eleven_list li a div{
    color: #474747;
    font-weight: bold;
    font-size: 0.24rem;
}
.section_eleven{
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
}

footer{
    padding: 0 0.2rem;
    border-top:1px solid #ccc;
}
footer .foot_link{
   padding: 0.3rem 0;
}
footer .foot_link li a{
    font-size: 0.28rem;
    color: #6f6f6f;
}
footer .foot_link li{
    padding: 0 0.1rem;
}
footer .foot_link li.line{
    /*margin: 0 0.2rem;*/
}
footer > p{
    text-align: center;
    line-height: 1.2;
    font-size: 0.28rem;
    color: #9b9999;
}
footer .foot_moreLink{
    padding: 0.05rem 0 0.1rem;
}
footer .web_info{
    padding: 0.2rem 0;
}
footer .web_info p{
    /*font-size: 0.24rem;*/
    color: #9b9999;
    margin-top: 0.15rem;
}
footer .web_info p:first-child{
    margin-top: 0;
}
footer .web_info p img{
    width: 0.4rem;
    display: inline;
    vertical-align: -0.05rem;
}

.section_ten_btn{
    position: relative;
    width: 0.18rem;
    height: 0.18rem;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    background: url(../images-wap/ui-triangle.png) no-repeat;
    background-size: cover;
}

.section_ten_btn.on{
    -webkit-transform:rotate(-60deg);
    transform: rotate(-60deg);
}


.section_eleven_openMore{
    display: none;
    height: 0;
    opacity: 0;
    -webkit-transition: height 0.2s ease;
    transition: height 0.2s ease;
}
.section_eleven_list li a.on + .section_eleven_openMore{
    display: block;
    height: auto;
    opacity: 1;
}
.section_eleven_list li a .ui-flex-right{
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.section_eleven_list li a.on .ui-flex-right:after{
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.section_eleven_openMore p{
    font-style: italic;
    color: #858988;
}
.section_eleven_openMore p a{
    font-style: italic;
    color: #858988;
}
.section_eleven_openMore p i{
    font-family: Sans-Serif;
    color: #858988;
}
.at-share-btn-elements{
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 0.05rem;
    position: relative;
    display: -webkit-box;
    display: box;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    width: 100%;
    box-sizing: border-box;
}
.at-share-btn-elements .at-share-btn{
    display: block!important;
    /*margin:0 0.15rem 0 0!important;*/
    /*margin: 0 5% 0 0!important;*/
}
.at-share-btn-elements .at-share-btn:last-child{
    margin: 0!important;
}
.at-icon-wrapper{
    width: 0.86rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
}
span.at-icon-wrapper{
    width: 0.86rem!important;
    height: 0.6rem!important;
    line-height: 0.6rem!important;
    text-align: center;
}
svg.at-icon{
    width: 0.6rem!important;
    height: 0.6rem!important;
    margin: 0 auto!important;
}



/*side bar*/
.sidebar_top{
    height: 1.25rem;
    border-bottom: 1px solid #12afe2;
}
.sidebar_top img{
    display: inline-block;
    margin: 0.14rem auto 0;
    width: 0.64rem;
    height: 0.64rem;
}
.sidebar_top > div{
    text-align: center;
    height: 1.25rem;
}
.sidebar_top > div:first-child{
    border-right: 1px solid #666;
}
.sidebar_top p{
    color: #12afe2;
    text-align: center;
    margin-top: 0.02rem;
}
.sidebar_top p a{
    color: #12afe2;
}
.sidebar_top p span{
    color: #12afe2;
    margin: 0 0.05rem;
}
.sidebar_top p.last{
    padding-right: 0.15rem;
}
.sidebar_menu > li{
    padding: 0 0.3rem;
    border-bottom: 1px solid #666;
    box-sizing: content-box;
}
.sidebar_menu > li > a{
    padding: 0.25rem 0;
}
.sidebar_menu_title{
    color: #12afe2;
    font-size: 0.36rem;

}
.sidebar_menu_arrow:after{
    border-width: 0.03rem 0.03rem 0 0;
}
.sidebar_menu > li a.on .sidebar_menu_arrow:after{
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.sidebar_menu_subclass{
    height: 0;
    overflow: hidden;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.sidebar_menu > li a.on{
    border-bottom: 1px solid #d9d9d9;
}
.sidebar_menu > li a.on + .sidebar_menu_subclass{
    opacity: 1;
    height: auto;
}

.sidebar_menu_pic_list{
    padding-top: 0.3rem;
    padding-bottom: 0.2rem;
}

.sidebar_menu_pic_list li{
    float: left;
    /*width: 2.1rem;*/
    width: 47%;
    /*height: 2.75rem;*/
}
.sidebar_menu_pic_list li .pic{
    /*width: 2.1rem;*/
    height: 2.2rem;
    overflow: hidden;
}
.sidebar_menu_pic_list li .pic img{

}
.sidebar_menu_pic_list li:nth-child(odd){
    margin-right: 0.17rem;
}
.sidebar_menu_pic_list li p{
    text-align: center;
    color: #cfa037;
    height: 0.65rem;
    line-height: 0.65rem;
}

.sidebar_menu_subclass_link a{
    display: block;
    color: #cfa037;
    font-size: 0.3rem;
    border-top: 1px solid #d9d9d9;
    height: 0.8rem;
    line-height: 0.8rem;
    box-sizing: content-box;
}
.sidebar_menu_subclass_link p{
    display: block;
    color: #040404;
    font-size: 0.3rem;
    border-top: 1px solid #d9d9d9;
    height: 0.8rem;
    line-height: 0.8rem;
    box-sizing: content-box;
}
.sidebar_menu_title.last{
    color: #999;
}

.close_sidebar_btn{
    position: absolute;
    width: 0.34rem;
    height: 0.34rem;
    z-index: 100;
    right: 0.2rem;
    top:0.1rem;
}



.close_sidebar_btn::before, .close_sidebar_btn::after {
    content: '';
    position: absolute;
    height: 0.04rem;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #f21212;
}
.close_sidebar_btn::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.close_sidebar_btn::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.close_sidebar_btn:active{
    opacity: 0.7;
}
.header_inner .top_r{
    position: relative;
}
.header_inner .c-nav-sub {
    width: 1.8rem;
    position: absolute;
    z-index: 5;
    right: 0;
    top: 140%;
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: height .3s ease;
    -moz-transition: height .3s ease;
    transition: height .3s ease;
    -webkit-transform: translateZ(0);
}
.header_inner .c-nav-sub.on{
    height: auto;
    opacity: 1;
    overflow: visible;
}
.header_inner .c-nav-sub ul{
    border-radius: 0.1rem;
    overflow: hidden;
}
.header_inner .c-nav-sub ul li{
    height: 0.64rem;
    line-height: 0.64rem;
    border-bottom: 1px solid #d9d9d9;
    background: rgba(255,255,255,.9);
}
.header_inner .c-nav-sub ul li:active{
    background: rgba(255,255,255,1);
}
.header_inner .c-nav-sub ul li:last-child{
    border-bottom: none;
}
.header_inner .c-nav-sub ul img{
    display: inline-block;
    width: 0.24rem;
    vertical-align: middle;
    margin: 0 0.2rem;
}
.header_inner .c-nav-sub ul a{
    color: #333;
}
.c-nav-sub-tria{
    position: absolute;
    right: 0.2rem;
    top:-0.1rem;
}
.c-nav-sub-tria:after {
     content: "";
     width: 0;
     height: 0;
     display: inline-block;
     border-top: .15rem solid rgba(255,255,255,0.9);
     border-left: .09rem solid transparent;
     border-right: .09rem solid transparent;
     border-bottom: 0;
    -webkit-transform: rotate(64deg);
    transform: rotate(64deg);
    border-radius: 1px;
 }

/*login*/
.login{
    padding: 0.2rem;
}
.login > h2{
    padding: 0.13rem 0;
    font-size: 0.32rem;
    color: #999;
    font-weight: bold;
    border-bottom: 1px solid #333;
}
.login > h2 span{
    color: #d1a648;
    font-weight: bold;
}
.login_subtitle{
    padding: 0.12rem 0;
    text-align: right;
    font-size: 0.24rem;
    color: #ff0000;
}

.login_con{
    padding:0 0.5rem;
}
.toper_input{
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 0.6rem;
    font-size: 0.24rem;
    color: #333;
    padding: 0 0.2rem;
    border: 1px solid #facd89;
}

.toper_label{
    display: block;
    padding:0.15rem 0;
    color: #333;
    font-size: 0.26rem;
}
.login_con p{
    font-size: 0.24rem;
    color: #999;
    padding:0.15rem 0 0.1rem;
    line-height: 1.3;
}

.toper_button{
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 0.8rem;
    font-size: 0.34rem;
    color: #fff;
    background: #ccc;
    border: 1px solid #ccc;
    border-radius: 0.05rem;
    outline: none;
    margin-top: 0.3rem;
}

.toper_button.undisable{
    border: 1px solid #eb6100;
    background: #f39800;
}
.toper_button.undisable:active{
    background: #eb6100;
}
.login_checkbox{
    padding: 0.2rem 0;
}
.login_checkbox input{
    visibility: hidden;
    -webkit-appearance: checkbox;
    vertical-align: middle;
    display: none;
    opacity: 0;
    /*-webkit-appearance: checkbox;*/
}
.login_checkbox label{
    display: block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: 0.05rem 0;
    font-size: 0.24rem;
    color: #999;
    vertical-align: middle;
}

.login_checkbox i{
    position: relative;
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    border: 2px solid #ccc;
    /*box-sizing: content-box;*/
    box-sizing: border-box;
    border-radius: 100%;
    overflow: hidden;
    vertical-align: text-bottom;
    background: #fff;
}
/*.login_checkbox i:before{
    content: '';
    position: absolute;
    z-index: 2;
    width: 0.18rem;
    height: 0.18rem;
    background: transparent;
    top:0.04rem;
    left: 0.04rem;
    border-radius: 100%;
    overflow: hidden;
}*/
.login_checkbox input:checked + i{
    border: 0.06rem solid #f39800;
}
.login_checkbox span{
    font-size: 0.24rem;
    color: #999;
    vertical-align: middle;
}

.login_footer{
    padding: 0.05rem 0.2rem 0.5rem;
}
.login_footer a{
    font-size: 0.24rem;
    text-decoration: underline;
    color: #999;
}
.login_footer span{
    font-size: 0.24rem;
    color: #999;
}

.register_req{
    font-size: 0.24rem;
    color: #ff0000;
    padding: 0.1rem 0;
}

.register_radio label{
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.45rem;
    font-size: 0.24rem;
    color: #333;
}

.register_radio span {
    font-size: 0.24rem;
    color: #333;
    vertical-align: middle;
}

.register{
    padding-bottom: 0.7rem;
}

/*forget*/
.password_icon{
    width: 0.36rem;
    height: 0.4rem;
    background: url(../images-wap/password_icon.png) no-repeat;
    background-size: cover;
}
.forget{
    padding: 0 0.2rem 0.7rem;
}

.forget_title{
    padding: 0.25rem 0;
    border-bottom: 1px solid #d9d9d9;
}
.forget_title_info{
    font-size: 0.32rem;
    color: #333;
    margin-left: 0.15rem;
}

.forget_con{
    padding: 0.4rem 0.5rem 0 0.5rem;
}
.forget_email{
    padding-bottom: 0.5rem;
}
.forget_register{
    text-align: center;
    font-size: 0.24rem;
    color: #999;
    padding: 0.4rem 0;
}
.forget_register a{
    font-size: 0.24rem;
    color: #999;
    text-decoration: underline;
}
.forget_register a:active{
    color: #00a2ca;
}
.forget_wrapper{
    padding-bottom: 0;
}

.address_icon{
    width: 0.36rem;
    height: 0.4rem;
    background: url(../images-wap/address_icon.png) no-repeat;
    background-size: cover;
}
.address_req{
    padding-left: 0.2rem;
}
.address_req > em{
    position: relative;
    margin-left: -0.2rem;
    color: #ff0000;
}
.address_con{
    padding: 0.2rem 0.5rem;
}

.address_con .toper_input{
    background: #ebebeb;
    border:1px solid #acacac;
}
.select_Country{
    padding: 0.25rem 0;
    border-bottom: 1px solid #d9d9d9;
}
.select_Country >div{
    color: #333;
    font-size: 0.26rem;
}
.select_Country:active{
    opacity: 0.7;
}

.county_list{
    position: fixed;
    top: 0;
    bottom: 0;
    right: -5rem;
    width: 5rem;
    height: 100%;
    overflow: hidden;
    border-left: 1px solid #12afe2;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);
    background-color: #fbf9fe;
    color: #313131;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 99;
}
.county_list.show {
    -webkit-transform: translateX(-5rem);
    transform: translateX(-5rem);
}
.wrapper.showCounty {
    -webkit-transform: translateX(-5rem);
    transform: translateX(-5rem);
    height: 100%;
    overflow: hidden;
}

.county_list > h2{
    padding: 0.25rem;
    color: #333;
    font-size: 0.26rem;
}

.county_list ul{
    background: #fff;
    padding-left:0.25rem;
    border-top:1px solid #999;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.county_list li{
    padding: 0.23rem 0 0.23rem 0.1rem;
    color: #333;
    font-size: 0.26rem;
    border-bottom: 1px solid #d9d9d9;
}
.county_list li:active{
    background: #ddd;
}
.address-cover{
    background: rgba(0,0,0,0.3);
}

.address_con .toper_button{
    margin-top: 0.5rem;
}

.profile_req{
    padding-top: 0.35rem;
}

.member_profile{
    padding-top: 0;
    padding-bottom: 0.5rem;
}

.member_profile .toper_input {
    border: 1px solid #acacac;
}

.profile_icon{
    width: 0.36rem;
    height: 0.4rem;
    background: url(../images-wap/profile_icon.png) no-repeat;
    background-size: cover;
}
.notfound{
    padding: 0 0.2rem 1.5rem;
}
.notfound_inner{
    padding: 0 0.3rem;
}
.notfound_inner h2{
    padding: 0.2rem 0;
    text-align: center;
    margin-bottom: 0.6rem;
    font-size: 0.26rem;
    color: #666;
}
.notfound_inner h2 a{
    font-size: 0.26rem;
    color: #f18c03;
    text-decoration: underline;
}
.notfound_title{
    padding: 0.25rem;
    border-bottom: 1px solid #d9d9d9;
}

.notfound_icon{
    width: 0.4rem;
    height: 0.4rem;
    background: url(../images-wap/notfound_icon.png) no-repeat;
    background-size: cover;
}

.notfound_title_info{
    font-size: 0.32rem;
    color: #333;
    line-height: 1.2;
    margin-left: 0.12rem;
}
.section_faq .section_eleven_list{
    padding-top: 0.12rem;
}
.section_faq li{
    border-bottom: 1px solid #ccc;
    padding: 0.1rem 0;
}
.section_faq li:last-child{
    border-bottom: 1px dashed #999;
}
.faq_title{
    padding:0.4rem 0 0.15rem;
    border-bottom: 1px solid #5c5c5c;
    line-height: 1;
}
.faq_title_l{
    font-size: 0.34rem;
    color: #d1a648;
}
.faq_title_r{
    text-align: right;
    font-size: 0.24rem;
    color: #ff0000;
    position: relative;
    bottom: -0.15rem;
}
.section_faq .section_eleven_list li a {
    position: relative;
    padding: 0.12rem 0;
    line-height: 1;
}

.section_eleven_list li a div.faq_main_title{
    font-size: 0.28rem;
    color: #333;
    font-weight: bold;
}
.faq_main_right:after {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 0.14rem;
    width: 0.14rem;
    border-width: 0.02rem 0.02rem 0 0;
    border-color: #666;
    border-style: solid;
    position: relative;
    top: 0;
    margin-left: .3em;
}
.section_faq .section_eleven_openMore h3{
    font-size: 0.28rem;
    color: #333;
    position: relative;
    padding-left: 0.2rem;
}
.section_faq .section_eleven_openMore h3.ui-red-dot:before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 0.1rem;
    height: 0.1rem;
    z-index: 2;
    vertical-align: middle;
     margin-right: 0;
    background: #fe0010;
    border-radius: 100%;
    top: 0.15rem;
    left: 0;
}
.section_faq .section_eleven_openMore .ui-tri{
    margin-left: 0.1rem;
}
.section_faq .ui-tri{
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}
.section_faq .section_eleven_openMore h3.on .ui-tri {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.section_faq_small{
    display: none;
    padding: 0.2rem 0;

}
.section_faq .section_eleven_openMore h3.on + .section_faq_small{
    display: block;
}
.section_faq_small p{
    position: relative;
    font-size: 0.26rem;
    color: #999;
    line-height: 1.5;
    padding-left: 0.2rem;
    font-style: normal;
}
.section_faq_small p img + .magnifier {
    position: absolute;
    z-index: 10;
    width: 0.64rem;
    height: 0.64rem;
    background: url(../images-wap/magnifier_icon.png) no-repeat;
    background-size: cover;
    right: 0.2rem;
    bottom: 0.2rem;
}

.section_faq_small p a{
    font-size: 0.24rem;
    color: #999;
}
.section_eleven_openMore dd{
    margin-bottom: 0.05rem;
}
.section_faq .section_eleven_openMore{

}
.faq_footer{
    padding: 0.4rem 0.1rem 0.8rem 0.1rem;
}
.faq_footer p{
    font-size: 0.28rem;
    color:#00aee5;
}
.faq_footer p a{
    font-size: 0.28rem;
    color:#00aee5;
    text-decoration: underline;
}
.best_wrapper > h2{
    padding: 0.25rem 0.2rem;
    color: #ef9223;
    font-size: 0.24rem;
    font-weight: bold;
}

.best_wrapper > h1{
    padding: 0.25rem 0.2rem;
    color: #87c122;
    font-size: 0.28rem;
    font-weight: bold;
}



.best_change{
    height: 0.7rem;
    background: #f7f7f7;
    padding: 0 0.2rem;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.best_change_l{
    color:#333;
    font-size: 0.26rem;
}
.best_change_l a:first-child{
    margin-left: 0.1rem;
}
.best_change_l a{
    color:#666;
    font-size: 0.3rem;
    padding: 0 0.1rem;
    font-weight: bold;
}
.best_change_r{
    text-align: right;
    color:#333;
    font-size: 0.26rem;
}
.best_change_current{
    display: inline-block;
    height: 0.4rem;
    box-sizing: content-box;
    padding: 0 0.14rem;
    width: auto;
    background: #fff;
    font-size: 0.24rem;
    color: #666;
    line-height: 0.4rem;
    border: 1px solid #959595;
    margin-left: 0.1rem;
}
.best_change_current:after{
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    border-top: .15rem solid #B7B7B7;
    border-left: .09rem solid transparent;
    border-right: .09rem solid transparent;
    border-bottom: 0;
    margin-left: .12rem;
}

.shoplist_page{
    /*height: 0.7rem;*/
    background: #fff;
    padding: 0 0.2rem;
    /*border-bottom: 1px solid #ccc;*/
}
.weui_actionsheet_cell{
    padding: 0;
}
.weui_actionsheet_cell a{
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 0.25rem 0;
    font-size: 0.3rem;
}

.shoplist_page .part1{
    text-align: right;
    /*height: 0.7rem;
    line-height: 0.7rem;*/
    padding: 0.2rem 0;
    line-height: 1.2;
}
.shoplist_page .part1 a{
    margin: 0 0.04rem;
}
.selectShape{
    display: none;
    position: fixed;
    z-index: 1000;
    top:50%;
    left:50%;
    width: 100%;
    height: 1.5rem;
    padding: 0.2rem 0;
    box-sizing: content-box;
    background: rgba(225,225,225,0.7);
    -o-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.selectShape_show{
    display: block;
}
.selectShapeList{
    text-align: center;
}
.selectShape_inner{
    display: inline-block;
    float: left;
    width: 16.6%;
    height: 1.5rem;
    border: 1px solid #d9d9d9;
    background: #fff;
    text-align: center;
}
.selectShape_title{
    text-align: center;
    font-size: 0.24rem;
    color: #333;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.selectShape_title p{
    text-align: center;
    font-size: 0.24rem;
    color: #333;
}

.selectShape_img{
    display: inline-block;
    padding: 0.08rem;
}
.selectShapeList a:nth-child(1) img{
    width: 0.7rem;
    height: 0.6rem;
}
.selectShapeList a:nth-child(2) img{
    width: 0.7rem;
    height: 0.6rem;
    margin-bottom: 0.1rem;
}
.selectShapeList a:nth-child(3) img{
    width: 0.45rem;
    height: 0.6rem;
    margin:0.05rem 0 0.05rem;
}
.selectShapeList a:nth-child(4) img{
    width: 0.5rem;
    height: 0.5rem;
    margin:0.07rem 0 0.12rem;
}
.selectShapeList a:nth-child(5) img{
     width: 0.7rem;
     height: 0.3rem;
     margin:0.1rem 0 0.2rem;
}
.selectShapeList a:nth-child(6) img{
      width: 0.34rem;
      height: 0.7rem;
       margin:0;
}

.best_list{
    padding: 0.2rem 0;
    background: rgba(237, 237, 237, 0.5);
}
.best_list li{
    float: left;
    width: 47%;
    margin-left: 2%;
    background: #fff;
    margin-top: 0.1rem;
}
.best_list li .pic{
    width: 100%;
    height: 3rem;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: box;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    width: 100%;
    box-sizing: border-box;
}
.best_list li .info{
    height: 1.5rem;
}
.best_list li .item{
    position: relative;
    display: block;
}
.like_change{
    position: absolute;
    z-index: 10;
    width: 0.6rem;
    height: 0.6rem;
    top:0;
    right: 0;
    background-color: rgba(0,0,0,0.1);
    background-image:url(../images-wap/cancel_like_icon.png?12);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.like_change.on{
    background-image:url(../images-wap/like_icon.png?12);
    background-repeat: no-repeat;
    background-size: cover;
}
.best_list li .info .info_inner{
    padding: 0.12rem;
    position: relative;
    text-align: center;
}
.best_list li .info .info_inner h3{
    font-size: 0.24rem;
    color: #9b9999;
    line-height: 1.3;
    text-align: center;
}
.best_list li .info .info_inner a{
    display: inline-block;
    position: relative;
    width: auto;
    height: 0.48rem;
    line-height: 0.48rem;
    box-sizing: content-box;
    margin: 0.1rem auto 0;
    border: 1px solid rgba(153,153,153,0.2);
    border-radius: 0.04rem;
    padding-left: 0.4rem;
    padding-right: 0.1rem;
    font-size: 0.26rem;
    color: #aeadad;
}


.best_list li .info .info_inner a i{
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 0.38rem;
    height: 0.46rem;
    opacity: 0.6;
    background-image:url(../images-wap/search_icon_2.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.best_list li .info .info_inner span{
    display: inline-block;
    position: relative;
    width: auto;
    height: 0.48rem;
    line-height: 0.48rem;
    box-sizing: content-box;
    margin: 0.1rem auto 0;
    border: 1px solid rgba(153,153,153,0.2);
    border-radius: 0.04rem;
    padding-left: 0.4rem;
    padding-right: 0.1rem;
    font-size: 0.26rem;
    color: #aeadad;
}


.best_list li .info .info_inner span i{
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 0.38rem;
    height: 0.46rem;
    opacity: 0.6;
    background-image:url(../images-wap/search_icon_2.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.recentlyViewed{
    padding: 0 0.2rem 0.4rem 0.2rem;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}
.recentlyViewed h2{
    font-size: 0.26rem;
    color: #5b5b5b;
    text-align: center;
    line-height: 1.1;
    padding: 0.25rem 0;
    font-weight: bold;
}
.bestSwiper{
    padding: 0 0.4rem;
    position: relative;
}

.bestSwiper .swiper-button-next, .bestSwiper .swiper-button-prev {
   /* position: absolute;
    top: 0.65rem;
    width: 0.4rem;
    height: 1.2rem;
    z-index: 10;
    cursor: pointer;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;*/
    position: absolute;
    top: 50%;
    width: 0.6rem;
    height: 0.6rem;
    margin-top: -0.3rem;
    z-index: 10;
    cursor: pointer;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bestSwiper .swiper-button-prev{
    left: -0.5rem;
    /*background-image: url(../images-wap/recenty_prev_icon.png);*/
    background-image: url(../images-wap/room_scroll_prev.png);
}
.bestSwiper .swiper-button-next{
    right: -0.5rem;
    /*background-image: url(../images-wap/recenty_next_icon.png);*/
    background-image: url(../images-wap/room_scroll_next.png);
}

.bestSwiper .swiper-container{
    /*padding:0 0.5rem;*/
    overflow: visible;
}

.recentlyViewed a{

}
.recentlyViewed a .pic{
    height: 1.5rem;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: box;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    width: 100%;
    /*min-width: 2.2rem;*/
    box-sizing: border-box;
}
.recentlyViewed a .pic img{
    display: table-cell;
}
.recentlyViewed a p{
    font-size: 0.24rem;
    color: #9b9999;
    margin-top: 0.2rem;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    text-align: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    white-space: normal
}

.shoplist_page .part1 a.lastPage{
    display: none;
}
.shoplist_page .part1 a.downPage{
    display: inline-block;
    position: relative;
    width: 0.36rem;
    height: 0.36rem;
    color: #f7f7f7;
    overflow: hidden;
    background: #f7f7f7;
    border: 1px solid #d7d7d7;
    box-sizing: content-box;
    vertical-align: -0.1rem;
}
.shoplist_page .part1 a.downPage:after{
    content: " ";
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 0.12rem;
    width: 0.12rem;
    border-width: 1px 1px 0 0;
    border-color: #8e8e8e;
    border-style: solid;
    top: 0.12rem;
    left: 0.08rem;
    z-index: 3;
}
.shoplist_page .part1 a.upPage{
    display: inline-block;
    position: relative;
    width: 0.36rem;
    height: 0.36rem;
    color: #f7f7f7;
    overflow: hidden;
    background: #f7f7f7;
    border: 1px solid #d7d7d7;
    box-sizing: content-box;
    vertical-align: -0.1rem;
}
.shoplist_page .part1 a.upPage:after{
    content: " ";
    position: absolute;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    height: 0.12rem;
    width: 0.12rem;
    border-width: 1px 1px 0 0;
    border-color: #8e8e8e;
    border-style: solid;
    top: 0.12rem;
    left: 0.12rem;
    z-index: 3;
}

.delete_change {
    position: absolute;
    z-index: 10;
    width: 0.6rem;
    height: 0.6rem;
    opacity: 0.6;
    top: 0;
    right: 0;
    background-image: url(../images-wap/delete_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.best_list li.best_list_empty{
    width: 100%;
    padding: 0.25rem 0;
    margin: 0 auto;
    text-align: center;
}

.best_list li.favorites_list_empty{
    width: 100%;
    padding: 0.25rem 0;
    margin: 0 auto;
    text-align: center;
}

.best_list li.favorites_list_empty img{
    display: inline-block;
    width: 2.4rem;
    height: 0.6rem;
}
.favorites > h2 span{
    color: #87c122;
    font-size: 0.28rem;
    font-weight: bold;
}
.favorites > h1 span{
    color: #87c122;
    font-size: 0.28rem;
    font-weight: bold;
}
.favorites > h2 p{
    color: #ef9223;
    font-size: 0.24rem;
    line-height: 1;
    margin-top: 0.2rem;
}

.favorites > h1 p{
    color: #ef9223;
    font-size: 0.24rem;
    line-height: 1;
    margin-top: 0.2rem;
}
.j_member_top{
    height: 1.6rem;
    box-sizing: content-box;
    padding: 0.4rem 0;
    text-align: center;
    background: #3c3c3c;
}
.j_member_top_inner{
    display: inline-block;
    position: relative;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 100%;
    overflow: hidden;
    background: #fff;
}
.j_member_top_inner:active{
    opacity: 0.85;
}
.j_member_top_inner .member_images{
    position: absolute;
    left: 0;
    top:0;
    right: 0;
    bottom: 0;
    width: 1.1rem;
    height: 1.1rem;
    z-index: 2;
}

.j_member_top_inner .member_images img{
    width: 1.1rem;
    height: 1.1rem;
}
.j_member_top_inner .cameraBtn{
    position: absolute;
    width: 1.1rem;
    height: 1.1rem;
    left: 0;
    top:0;
    right: 0;
    bottom: 0;
    z-index: 5;
    opacity: 0;
}
.j_member_top h2{
    font-size: 0.34rem;
    text-align: center;
    line-height: 1;
    color: #fff;
    margin-top: 0.12rem;
}
.j_member_con li{
    padding-left: 0.2rem;
}
/*
.j_member_con li:active{
    background: #ddd;
}*/
.j_member_con li a{
    height: 0.88rem;
    padding-right: 0.2rem;
    border-bottom: 1px solid #d9d9d9;
}
.j_member_icon{
    width:0.46rem;
    height: 0.46rem;
}
.j_member_icon img{
    width:0.46rem;
    height: 0.46rem;
}
.j_member_title{
    font-size: 0.32rem;
    color: #333;
    margin-left: 0.1rem;
}
.j_member_arrow{

}

/*cart*/
.cart_list{

}
.cart_list li{
    /*border-bottom: 1px solid #d9d9d9;*/
}
.cart_list li .info{

}
.cart_list_title{
    position: relative;
    font-size: 0.3rem;
    color: #333;
    font-weight: bold;
    line-height: 1.3;
    padding: 0.4rem 0.6rem 0 0.6rem;
}
.cart_list_title em{
    position: absolute;
    left: 0.3rem;
    top:0.4rem;
    font-size: 0.3rem;
    color: #333;
    font-weight: bold;
}

.cart_list .big_pic{
    margin:0.2rem 0 0.3rem 0.6rem;
    width: 1.6rem;
    height: 1.6rem;
    overflow: hidden;
    /*border: 1px solid #d9d9d9;*/
}
.cart_list dd{
    line-height: 1;
    padding: 0.22rem 0.4rem 0.22rem 0.6rem;
    border-bottom: 1px solid #d9d9d9;
}
.cart_list dd span{
    font-size: 0.26rem;
    color: #333;
    margin-right: 0.15rem;
    vertical-align: middle;
    line-height: 1;
}
.cart_list dd i {
    font-size: 0.26rem;
    color: #888;
    vertical-align: middle;
    line-height: 1;
}
.cart_list dl dd:first-child{
    border-top: 1px solid #d9d9d9;
}
.cart_list dd a{
    font-size: 0.26rem;
    color: #5c5c5c;
    vertical-align: middle;
    line-height: 1.2;
    text-decoration: underline;
    box-sizing: content-box;
}
/*.cart_list dd.Framing{
    padding: 0.65rem 0.4rem 0.65rem 0.6rem;
}
.cart_list dd.CR{
    padding: 0.4rem 0.4rem 0.4rem 0.6rem;
}*/
.cart_list dd.CR .change{
    color: #12afe2;
    margin-right: 0.15rem;
}
.cart_list dd .small_pic_con{
    display: inline-block;
    vertical-align: middle;
    /*width: 1.4rem;
    height: 1.4rem;*/
    overflow: hidden;
}
.cart_list dd .small_pic_con .small_pic_con_inner{
    display: inline-block;
    vertical-align: middle;
}
.cart_list dd .small_pic{
    width: 1rem;
    height: 1rem;
    overflow: hidden;
}

.cart_cost{
    padding: 0.2rem 0.2rem 0.5rem 0.2rem;
    border-top:1px solid #d9d9d9;
}

.cart_checkbox{
    padding-left: 0.05rem;
}
.cart_checkbox label{
    margin-top: 0.14rem;
}
.cart_checkbox label span{
    vertical-align: text-bottom;
    margin-left: 0.12rem;
    color: #999;
    font-size: 0.26rem;
}
.cart_checkbox input:checked ~ span {
    color: #333;
}

.CustomerInstructions{
    /*padding: 0.2rem;*/
}
.CustomerInstructions h4{
    padding-left: 0.05rem;
    font-size: 0.26rem;
    color: #333;
    margin-bottom: 0.2rem;
}
.CustomerInstructions p{
    padding: 0.2rem 0.15rem 0.6rem 0.2rem;
    background: #eee;
    border-radius: 0.06rem;
    border: 1px solid #d9d9d9;
    font-size: 0.24rem;
    color: #999;
    line-height: 1.3;
}

.CustomerInstructions textarea{
    resize: none;
    display: block;
    width: 100%;
    padding: 0.2rem 0.15rem 0.6rem 0.2rem;
    background: #eee;
    border-radius: 0.06rem;
    border: 1px solid #d9d9d9;
    font-size: 0.24rem;
    color: #666;
    line-height: 1.3;
}
.CustomerInstructions textarea::-webkit-input-placeholder{
    color: #999;
}
.cart_total{
    text-align: right;
    margin-top: 0.15rem;
}
.cart_total h5{
    font-size: 0.26rem;
    color: #ff0000;
    font-weight: bold;
    padding: 0.1rem 0;
}
.cart_total a{
    display: inline-block;
    width: 2.3rem;
    height: 0.74rem;
    background: #f18d03;
    border-radius: 0.08rem;
    border: 1px solid #d47c02;
    text-align: center;
    line-height: 0.74rem;
    font-size: 0.32rem;
    color: #fff;
    box-sizing: content-box;
    margin-top: 0.1rem;
}

.cart_option{
    padding:0 0.2rem 0.2rem 0.5rem;
}
.cart_option p{
    font-size: 0.24rem;
    color: #999;
    line-height: 1.3;
}

.cart_member_info{
    padding-right: 0.2rem;
}
.cart_input{

}
.cart_input label,.cart_input .label{
    display: block;
    color: #5b5b5b;
    font-size: 0.26rem;
    padding: 0.15rem 0 0.1rem;
}
.cart_input input{
    display: block;
    width: 100%;
    text-indent: 0.1rem;
    height: 0.6rem;
    font-size: 0.24rem;
    color: #333;
    background: #eee;
    border: none;
    outline: none;
}

.cart_input select{
    /*width: 2rem;*/
    border-radius: 0.04rem;
    text-indent: 0.1rem;
    padding:0.05rem 0.1rem;
}
.cart_input select option{
    font-size: 0.24rem;
    color: #333;
}

.cart_list_empty{
    height: 0.7rem;
    text-align: center;
    line-height: 0.7rem;
    font-size: 0.28rem;
    color: #333;
    border-bottom: 1px solid #d9d9d9;
}

.tag_title{
    padding: 0.15rem 0.2rem;
}
.tag_title p{
    font-size: 0.24rem;
    line-height: 1.3;
    color: #97b399;
}
.tag_title p a{
    font-size: 0.24rem;
    line-height: 1.3;
    color: #97b399;
}
.tag_title .tag_title_tri {
    margin-left:0.2rem;
}
.tag_title_h2 h2,.tag_title_h2 h1{
    font-size: 0.32rem;
    color: #b8cb47;
    font-weight: bold;
    line-height: 1.3;
    padding: 0 0.2rem;
}

.product_tip{
    padding: 0.15rem 0.2rem 0.3rem 0.2rem;
}
.product_tip a{
    font-size: 0.24rem;
    color: #9b9999;
    margin-right: 0.2rem;
}
.product_tip a img{
    vertical-align: top;
    width: 0.24rem;
    height: 0.24rem;
    display: inline-block;
}
.product_pic{
    position: relative;
    /*width: 5.2rem;*/
    width: 80%;
    height: auto;
    margin: 0 auto;
    max-height: 6rem;
}
.product_pic img{
    width: 5.2rem;
    max-width:100%;
    height: auto;
}
.product_small_pic{
    position: absolute;
    z-index: 3;
    left: 50%;
    margin-left: -0.6rem;
    top:0.2rem;
    width: 1.4rem;
    height: 1.4rem;
    overflow: hidden;
}
.product_small_pic img{
    width: 1.2rem;
    max-width:100%;
    height: auto;
}

.product_Hand{
    padding: 0.25rem 0.2rem;
}
.product_Hand p{
    font-size: 0.24rem;
    color: #ff0000;
    line-height: 1;
}

.product_room{

}
.product_room h3{
    padding: 0.1rem 0;
    width: 96%;
    margin: 0 auto 0.3rem;
    position: relative;
    text-align: center;
    border-bottom: 1px dashed #9b9999;
}
.product_room h3 span{
    position: absolute;
    width: 2.2rem;
    text-align: center;
    background: #fff;
    z-index: 2;
    font-size: 0.3rem;
    color: #9b9999;
    left: 50%;
    margin-left: -1.1rem;
    top:15%;
}

.room_scroll{
    padding-left: 0.2rem;
    height: 1.4rem;
    overflow: hidden;
    margin: 0.2rem 0;
}
.room_scroll a img{
    height: 1.4rem;
}
.room_scroll img{
    height: 1.4rem;
}
.room_scroll .swiper-button-next,.room_scroll .swiper-button-prev{
    position: absolute;
    top: 50%;
    width: 0.6rem;
    height: 0.6rem;
    margin-top: -0.3rem;
    z-index: 10;
    cursor: pointer;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.room_scroll .swiper-button-next{
    background-image: url(../images-wap/room_scroll_next.png);
}
.room_scroll .swiper-button-prev{
    background-image: url(../images-wap/room_scroll_prev.png);
}

.room_Tags{
    position: relative;
    padding:0 0.2rem 0.3rem 0.8rem;
    line-height: 1.2;
    border-bottom: 1px solid #d9d9d9;
}
.room_Tags span{
    position: absolute;
    font-size: 0.24rem;
    color: #666;
    z-index: 2;
    left: 0.2rem;
    top:0;
}

.room_Tags a{
    color: #9b9999;
    font-size: 0.24rem;
}
.product_buy{
    padding-top: 0.2rem;
}
.product_buy_link{

}
.product_buy_link em{

}
.product_buy_link a{
    font-size: 0.24rem;
    color: #9b9999;
}

.product_buy_link{
    margin-top: 0.1rem;
    padding-left: 0.2rem;
    line-height: 1;
}
.product_buy_link a{
    font-size: 0.24rem;
    color: #9b9999;
    margin-right: 0.05rem;
}
.product_buy_link em{
    display: inline-block;
    vertical-align: 0.04rem;
    margin-right: 0.05rem;
    width: 0.08rem;
    height: 0.08rem;
    background: #ff9999;
}

.product_type h3{
    padding: 0.2rem;
    font-size: 0.28rem;
    color: #333;
    font-weight: bold;
}
.product_chosoe_size{
    padding: 0 0 0.2rem 0.2rem;
}
.product_chosoe_size_btn{
    font-size: 0.26rem;
    color: #666;
    padding-bottom: 0.2rem;
    padding-left: 0.3rem;
    border-bottom: 1px solid #d9d9d9;
}
.product_chosoe_size_btn.on{
    border-bottom: none;
}
.product_choose_size_list{
    display: none;
    padding: 0 0.5rem 0 0.3rem;
}
.product_chosoe_size_btn.on ~ .product_choose_size_list{
    display: block;
}
.product_chosoe_size_btn .ui-triangle{
    margin-left: 0.1rem;
}
.product_chosoe_size_btn.on .ui-triangle {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.product_choose_size_list li{
    width: 30%;
    height: 0.8rem;
    text-align: center;
    box-sizing: border-box;
    float: left;
    margin-left: 3%;
    font-size: 0.3rem;
    color: #999;
    line-height: 0.8rem;
    border: 1px solid #c9c9c9;
    margin-top: 0.2rem;
    background: #eee;
}
.product_choose_size_list li.on{
    /*border: 1px solid #cfa972;*/
    /*background: #cfa972;*/
    border: 1px solid #eb6100;
    background: #f39800;
    color: #fff;
}
.product_chosoe_paint{
    padding: 0 0 0.2rem 0.2rem;
}

.product_chosoe_paint_list{
    padding: 0 0.3rem 0 0.5rem;
}
.product_chosoe_paint_list{
    display: none;
}
.product_chosoe_size_btn.on ~ .product_chosoe_paint_list{
    display: block;
}
.product_chosoe_paint_list label{
    font-size: 0.26rem;
    color: #666;
    /*margin-top: 0.1rem;*/
    padding: 0.08rem 0;
}
.product_chosoe_paint_list label i{
    margin-right: 0.08rem;
}
.product_chosoe_size_title i{
    display: inline-block;
    margin: 0 0.15rem;
    width: 0.34rem;
    height: 0.34rem;
    vertical-align: text-bottom;
    background: url(../images-wap/paint_type.png) no-repeat;
    background-size: cover;
}

.product_chosoe_size_title a{
    display: inline-block;
    margin: 0 0.15rem;
    width: 0.34rem;
    height: 0.34rem;
    vertical-align: text-bottom;
    background: url(../images-wap/paint_type.png) no-repeat;
    background-size: cover;
}

.product_chosoe_paint_list .login_checkbox{
    padding: 0;
}

.product_type_price{

}
.product_type_price p{
    padding: 0.1rem 0.2rem 0.2rem;
    font-size: 0.26rem;
    color: #ff0000;
    text-align: right;
}
.product_type_price h4{
    font-size: 0.24rem;
    color: #666;
    padding: 0.1rem 0.3rem;
}
.product_type_price h4 span{
    font-size: 0.24rem;
    color: #5e93cf;
}
.product_type_price h5{
    padding: 0.2rem 0.3rem;
    font-size: 0.24rem;
    color: #999;
    line-height: 1.3;
    background: #eee;
}
.product_type > h3 > i{
    display: inline-block;
    margin: 0 0.15rem;
    width: 0.34rem;
    height: 0.34rem;
    vertical-align: text-bottom;
    background: url(../images-wap/paint_type.png) no-repeat;
    background-size: cover;
}

.product_type > h3 > a{
    display: inline-block;
    margin: 0 0.15rem;
    width: 0.34rem;
    height: 0.34rem;
    vertical-align: text-bottom;
    background: url(../images-wap/paint_type.png) no-repeat;
    background-size: cover;
}

.product_mount_radio_box{
    padding:0 0.5rem;
}
.product_mount_radio_box .login_checkbox{
    padding: 0;
}
.product_mount_radio_box .product_mount_pic{
    width: 1.6rem;
    height: 0.8rem;
    margin-left: 0.45rem;
}
.product_mount_radio_box .login_checkbox .stretch_no{
    margin-top: 0.06rem;
}
.product_mount_radio_box .login_checkbox label{
    font-size: 0.28rem;
    color: #666;
}
.product_mount p{
    padding: 0.25rem 0.2rem 0.2rem;
    font-size: 0.26rem;
    color: #ff0000;
    text-align: right;
    border-bottom: 1px solid #d9d9d9;
}

.frame_scroll {

}

.product_subtotal_info{
    font-size: 0.26rem;
    color: #9b9999;
    padding: 0 0.2rem 0.2rem 0.4rem;
}
.product_subtotal p{
    border-bottom: none;
}
.product_subtotal_button{
    width: 94%;
    margin: 0 auto;
    border: 1px solid #eb6100;
    background: #f39800;
}


.bank_bg{
    width: 100%;
    height: 0.9rem;
    background: url(../images-wap/buy-art-online.jpg?12) no-repeat;
    background-size: cover;
}
.product_comment{
    margin-top: 0.3rem;
}
.product_comment_section{
    border-bottom: 1px solid #d9d9d9;
}
.product_comment_title{
    padding: 0.3rem 0.2rem;
    font-size: 0.28rem;
    color: #b8cb47;
}
.product_comment_title h2{
    /*padding: 0.3rem 0.2rem;*/
    font-size: 0.28rem;
    color: #b8cb47;
    word-wrap:break-word;
}
.product_comment_title.on i.ui-triangle{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.product_comment_title i{
    display: inline-block;
    margin-left: 0.2rem;
}
.product_comment_info{
    display: none;
    font-size: 0.24rem;
    padding: 0 0.2rem 0.2rem 0.2rem;
    color: #666;
    line-height: 1.3;
}

.product_comment_title.on ~ .product_comment_info{
    display: block;
}

.product_comment_info_user{
    margin-bottom: 0.2rem;
}
.product_comment_info_user .pic{
    width: 0.66rem;
    height: 0.66rem;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 0.2rem;
}
.PostComment{
    text-align: right;
    padding: 0.15rem 0.2rem 0.2rem;
}
.PostComment a{
    display: inline-block;
    font-size: 0.28rem;
    color: #51c5f8;
}
.PostComment a i{
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    background: url(../images-wap/post_comment.png) no-repeat;
    background-size: cover;
    vertical-align: middle;
}
.product_all_art{
    border-bottom: 1px solid #d9d9d9;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}
.product_all_art h2{
    display: block;
    font-size: 0.28rem;
    color: #d2ad4e;
    padding: 0.2rem 0.2rem 0.2rem 0.2rem;
}
.product_all_art h2 a{
    font-size: 0.28rem;
    color: #d2ad4e;
}
.product_all_art .recentlyViewed {
    padding: 0 0.2rem 0.2rem 0.2rem;
}
.product_all_art > a{
    display: block;
    font-size: 0.28rem;
    color: #d2ad4e;
    padding: 0.2rem;
}

.magnifier{
    position: absolute;
    z-index: 10;
    width: 0.44rem;
    height: 0.44rem;
    background: url(../images-wap/magnifier_icon.png) no-repeat;
    background-size: cover;
    right: -0.5rem;
    bottom:-0.2rem;
}
.magnifier:active{
    opacity: 0.8;
}
.panzoom_wrapper{
    position: fixed;
    z-index: 2000;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: #fff;
    display: -webkit-box;
    display: box;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    box-sizing: border-box;

}

.zoom-in{
    font-family: 'BebasNeueRegular',sans-serif;
    cursor: pointer;
    color: black;
    display: inline-block;
    padding: 8px 10px;
    margin-right: 0.2rem;
}
.zoom-out{
    font-family: 'BebasNeueRegular',sans-serif;
    cursor: pointer;
    color: black;
    display: inline-block;
    padding: 8px 10px;
    margin-right: 0.2rem;
}
.zoom-range{
    -webkit-appearance: slider-horizontal;
    zoom: 125%;
    vertical-align: middle;
    margin-right: 0.2rem;
}
.zoom-reset{
    font-family: 'BebasNeueRegular',sans-serif;
    cursor: pointer;
    color: black;
    display: inline-block;
    padding: 8px 10px;
}

.zoom-button{
    position: fixed;
    z-index: 200;
    left: 0;
    bottom: 1.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    background: rgba(0,0,0,0.3);
    padding: 0.2rem;
    box-sizing: border-box;
}

#pan-when-zoomed{
    position: relative;
    /*width: 100%;*/
}
#panZoom{
    display: none;
}
.panzoom_close{
    top:0.2rem;
}
.product_upload{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top:0;
    left: 0;
    background: transparent;
    overflow: hidden;
}
.product_upload input{
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.room_scroll .swiper-slide{
    /*max-width: 2.4rem;*/
    margin-right: 0.3rem;
}

.frame_scroll {
    height: auto;
}
.thumblist_scroll{
    height: auto;
}
.thumblist_scroll img{
    /*width: auto;*/
    height: auto;
    max-height: 4.5rem;
}
.thumblist_scroll .current{
    padding: 4px;
    margin-bottom: 0.1rem;
    position: relative;
}
.thumblist_scroll  h5{
    font-size: 0.24rem;
    color:#9b9999;
    line-height: 1.2;
}
.thumblist_scroll  table{
    /*width: 100%;*/
    width: auto;
    max-width: 3rem;
}
.thumblist_scroll input:checked + .current{
    border: 2px solid #f39800;
    background: #c4c4c4;
}
.thumblist_scroll .product_right_icon{
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}
.thumblist_scroll .FrameName .product_right_icon{
    display: block;
}
/*.thumblist_scroll input:checked + .current .product_right_icon{
    display: block;
}*/
.thumblist_scroll .product_right_icon img{
    width: 1rem;
    height: 0.7rem;
}
.thumblist_scroll .product_right_icon .ui-flex-center{
    height: 100%;
}

.drop_menu{
    display: none;
    position: fixed;
    width: 100%;
    min-height: 2.4rem;
    left: 0;
    top: -2.4rem;
    z-index: 100;
    background: #f4f3f5;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -webkit-transition: transform .3s ease;
    transition: transform .3s ease;
}
.drop_menu.on{
    display: block;
    -webkit-transform: translateY(2.4rem);
    transform: translateY(2.4rem);
}

.drop_menu .drop_menu_inner{
    padding: 0.2rem 0.3rem;
}
.drop_menu_inner .pic{
    position: relative;
    width: 2rem;
    height: 2rem;
    overflow: hidden;
    background: #fff;
    padding: 0.2rem;
}
.drop_menu_inner .pic img{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.drop_menu_inner .info{
    padding-left: 0.4rem;
}
.drop_menu_inner .magnifier{
    right: 0;
    bottom: 0;
}
.drop_menu_inner h3{
    font-size: 0.28rem;
    color: #333;
    font-weight: bold;
}
.drop_menu_inner h1{
    font-size: 0.28rem;
    color: #333;
    font-weight: bold;
}
.drop_menu_inner p{
    font-size: 0.28rem;
    color: #ff0030;
    margin: 0.1rem 0 0.05rem;
}
.drop_menu_inner .product_subtotal_button {
    margin: 0;
    width: 70%;
}
.drop_menu_inner .product_subtotal_button:active {
    background: #eb6100;
}

.add_success_mask{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 1.5rem;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 7;
}

.add_success{
    display: none;
}

.add_success_inner{
    position: fixed;
    width: 5.6rem;
    height: 4rem;
    top:50%;
    left: 50%;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index: 1000;
    text-align: center;
}
.add_success_inner .add_success_pic{
    width: 0.8rem;
    height: 0.8rem;
    margin: 0.2rem auto;
}
.add_success_inner p{
    font-size: 0.28rem;
    color: #333;
    line-height: 1.3;
}

.add_success_inner a.goToCart{
    display: block;
    width: 3.4rem;
    text-align: center;
    box-sizing: border-box;
    height: 0.8rem;
    font-size: 0.34rem;
    color: #fff;
    border-radius: 0.05rem;
    outline: none;
    line-height: 0.8rem;
    border: 1px solid #eb6100;
    background: #f39800;
    margin:0.2rem auto;
}

.add_success_inner a.ContinueShopping{
    display: block;
    width: 3.4rem;
    text-align: center;
    box-sizing: border-box;
    height: 0.8rem;
    font-size: 0.34rem;
    color: #333;
    border-radius: 0.05rem;
    outline: none;
    line-height: 0.8rem;
    border: 1px solid #a0a0a0;
    background: #f4f3f5;
    margin:0.2rem auto;
}

.add_success_inner .close_sidebar_btn::before,
.add_success_inner .close_sidebar_btn::after{
    background: #999;
}

.hasCartInfo button{
    margin-top: 0.2rem;
}
.drop_menu_inner .drop_menu_CartInfo .product_subtotal_button{
    width: 45%;
    float: left;
    margin-right: 0.1rem;
}

.check_out_one{
    padding-left: 0.2rem;
}
.check_out_one .select_Country{
    padding-right: 0.2rem;
}
.select_Country_main{
    text-align: right;
}
.check_out_one_title{
    padding: 0.25rem 0;
    color: #333;
}
.check_out_one p.check_out_one_subtitle{
    font-size: 0.24rem;
    color: #999;
    line-height: 1.5;
    padding-right: 0.2rem;
}

.check_out_one_red{
    font-size: 0.24rem;
    color: #ff0000;
    line-height: 1.4;
}

.check_out_one h4{
    font-size: 0.28rem;
    color: #999;
    padding:0.25rem 0 0.15rem;
}

.check_out_one_cost{
    padding: 0 0.2rem 0 0.2rem;
}
.check_out_one_cost h2{
    font-size: 0.32rem;
    color: #333;
    text-align: right;
    line-height: 1.2;
}

.check_out_two_title{
    padding: 0.25rem 0.2rem;
    font-size: 0.32rem;
    color: #333;
}

.check_out_two .login_checkbox{
    padding: 0 0.3rem 0.2rem;
}

.check_out_two .cart_member_info{
    padding: 0 0.6rem;
}
.check_out_two .cart_input input{
    border: 1px solid #acacac;
}
.check_out_button{
    margin: 0.5rem 0 0.3rem;
}
.check_out_button > div:first-child{
    padding-right:0.1rem;
}
.check_out_button > div:last-child{
    padding-left:0.1rem;
}
.check_out_button button{
    display: block;
    width: 100%;
    height: 0.76rem;
    text-align: center;
    font-size: 0.32rem;
    outline: none;
    border-radius: 8px;
}

.check_out_button .button_Cancel{
    color: #f18d03;
    border: 1px solid #f18d03;
    background: #fff;
}
.check_out_button .button_CheckOut{
    color: #fff;
    background: #f18d03;
    border: 1px solid #d47c02;
}
.check_out_button button:active{
    opacity: 0.7;
}

.check_out_two .ContinueShopping{
    display: block;
    text-align: right;
    padding: 0 0.2rem 0.2rem 0;
    text-decoration: underline;
    color:#f18d03;
    font-size: 0.28rem;
}
.check_out_two{
    border-bottom: 1px solid #d9d9d9;
}
.check_out_three{
    padding: 0.3rem 0.2rem;
}
.check_out_three > p{
    font-size: 0.24rem;
    color: #999;
    line-height: 1.3;
}
.check_out_bank{
    margin-top: 0.2rem;
}
.check_out_pay{
    padding-left: 0.2rem;
}
.check_out_pay_inner{
    padding: 0.2rem 0.2rem 0.2rem 0;
    border-bottom: 1px solid #d9d9d9;
}
.check_out_pay h2{
    font-size: 0.32rem;
    color: #333;
    /*text-align: right;*/
    line-height: 1.6;
}
.check_out_item{
    display: none;
}
.check_out_item.on{
    display: block;
}
.check_out_item li{
    background: #eee;
    padding: 0.35rem 0.4rem;
    border-bottom: 2px solid #fff;
}
.check_out_item li:last-child{
    border-bottom: none;
}

.check_out_item .pic{
    width: 1.8rem;
    height: 1.8rem;
    overflow: hidden;
}
.check_out_item .info{
    padding-left: 0.25rem;
}
.check_out_item .info h2{
    font-size: 0.24rem;
    color: #333;
    padding-bottom: 0.1rem;
}

.check_out_item .info p{
    font-size: 0.24rem;
    color: #666;
    margin-top: 0.05rem;
}
.check_out_item_cf{
    padding: 0 0.2rem;
}
.check_out_item_cf span{
    font-size: 0.24rem;
    color: #ff0000;
    margin-right: 0.35rem;
}
.check_out_item_cf .register_radio label{
    font-size: 0.24rem;
    color: #ff0000;
}
.check_out_item > p{
    font-size: 0.24rem;
    color: #999;
    padding: 0 0.4rem 0.2rem;
    line-height: 1.3;
}
.check_out_pay.on .StretchingCost{
    display: none;
}
.check_out_pay.on .FramingCost{
    display: none;
}

.pay_success_icon{
    background-image:url(../images-wap/add_cart_success.png);
}
.pay_success_inner h2{
    text-align: left;
    font-size: 0.26rem;
    color: #666;
    line-height: 1.3;
    padding-left:0.2rem;
}
.pay_success_inner img{
    width: 88%;
    max-width: 3rem;
}

.wap_portrait h1{
    position: center;
    color: #ef9223;
    font-size: 0.38rem;
}

.wap_portrait p{
	text-align:center;
    font-size: 0.28rem;
    color: #938b7a;
    line-height: 1.7;
}


.contact_video{
    padding: 0.2rem;
    border-bottom: 1px solid #d9d9d9;
}
.contact_video h2{
    position: relative;
    color: #83c020;
    font-size: 0.34rem;
    padding: 0.15rem 0;
    border-bottom: 1px solid #575757;
}
.contact_video h2 span{
    position: absolute;
    right: 0;
    color: #ff0002;
    bottom: 0.15rem;
    font-size: 0.24rem;
    vertical-align: text-bottom;
}

.contact_video ul li{
    width: 50%;
    float: left;
    height: 2.7rem;
    margin-top: 0.2rem;
    text-align: center;
}
.contact_video ul li video{
    display: inline-block;
    width: 2rem;
    height: 1.8rem;
}

.contact_video ul li p{
    font-size: 0.24rem;
    color: #666;
    padding: 0.1rem 0;
}
.contact_video ul li a{
    color: #11a6de;
    font-size: 0.24rem;
}

.contact_video_more a{
    display: block;
    text-align: right;
    font-size: 0.24rem;
    color: #11a6de;
    text-decoration: underline;
    padding: 0.2rem;
}
.contact_us_inner{
    padding: 0.3rem;
}
.contact_us_inner p img{
    max-width: 5rem;
}
.contact_us_inner p{
    font-size: 0.24rem;
    color: #666;
    line-height: 1.7;
}
.contact_us_inner p.blue{
    color: #11a6de;
}
.contact_us_inner h3{
    padding: 0.2rem 0.1rem;
    font-size: 0.26rem;
    color: #11a6de;
    background: #f2f2f2;
    border-radius: 0.08rem;
    line-height: 1.3;
    margin: 0.2rem auto;
}
.contact_us_inner a{
    font-size: 0.24rem;
    color: #cb9b3f;
    text-decoration: underline;
}

.contact_us_inner2{
    padding: 0.3rem;
}
.contact_us_inner2 p{
    font-size: 0.28rem;
    color: #8a6d52;
    line-height: 1.7;
}

.contact_us_inner2 p img{
    max-width: 100%;
}

.contact_us_inner3{
    padding: 0.3rem;
}
.contact_us_inner3 p{
    font-size: 0.28rem;
    color: #8a6d52;
    line-height: 1.7;
}
.contact_us_inner3 p img{
    max-width: 100%;
}

.contact_us_inner4{
    padding: 0.4rem;
}
.contact_us_inner4 a{
    font-size: 0.28rem;
    color: #8a6d52;
    line-height: 1.7;
}

.contact_us_pic{
    width: 3.2rem;
    height: 4rem;
    margin: 0.2rem 0;
}

.catalogue_container{
    position: relative;
    width: 100%;
    height: 90%;
    overflow: hidden;
}
.catalogue_inner{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.catalogue_left{
    position: absolute;
    left: 0;
    top:0;
    min-width: 2.2rem;
    z-index: 3;
    width: 2.2rem;
    height: 100%;
    overflow:hidden;
    min-height: 100%;
}
.catalogue_left_inner{
    width: 2.2rem;
    height: 100%;
    overflow-y: auto;
    min-height: 100%;
    background: #eee;
    -webkit-overflow-scrolling: touch;
}
.catalogue_main{
    height: 100%;
    width: 100%;
    min-height: 100%;
    overflow:hidden;
    padding-left: 2.2rem;
}
.catalogue_main_inner{
    height: 100%;
    width: 100%;
    padding:0 0.1rem;
    min-height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.catalogue_left_inner li{
    position: relative;
    padding: 0.2rem 0.1rem 0.2rem 0.2rem;
    font-size: 0.24rem;
    font-weight: bold;
    color:#333;
    line-height: 1.2;
    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}
.catalogue_left_inner li a{
    color:#333;
}

.catalogue_left_inner li.on{
    color:#d5a843;
    border-right: 1px solid #fff;
    background: #fff;
}
.catalogue_left_inner li.on a{
    color: #d5a843;
}
.catalogue_main_inner .section_list li{
    width: 50%;
    padding: 0.1rem;
    box-sizing: border-box;
    margin-right: 0!important;
    margin-top: 0.2rem;
    min-height: 3rem!important;
    margin-bottom: 0;
}
.catalogue_main_inner li h3{
    text-align: center;
    font-size: 0.24rem;
    color: #666;
    margin-top: 0.2rem;
    line-height: 1.4;
    height: 0.66rem;
}
.catalogue_main_inner .section_list li .pic{
    border: none;
}

#catalogue_left_list{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}


.best2_change{

}
.best2_change .best_change_r{
    text-align: left;
}
.best2_change_btn{
    text-align: right;
}
.best2_change_btn img{
    width: 0.3rem;
    height: 0.28rem;
    vertical-align: text-bottom;
    margin: 0 0.1rem 0 0.2rem;
    display: inline-block;
}
.best_line{
    height: 0.7rem;
    background: #d9d9d9;
    width: 1px;
}
.best2_change_btn:active{
    opacity: 0.8;
}
.best2_top{
    padding: 0.2rem;
}
.best2_top h3{
    font-size: 0.32rem;
    color: #b8cb47;
}
.best2_top h1{
    font-size: 0.32rem;
    color: #b8cb47;
    margin-bottom: 0.2rem;
}
.best2_top_info{
    position: relative;
    padding:0;
    line-height: 1.5;
}
.best2_top_info .pic{
    width: 2rem;
}
.best2_top_info .pic img{
    width: auto;
    height: auto;
}
.best2_top_info .info p{
    font-size: 0.24rem;
    color: #333;
    padding-left: 0.2rem;
}
.best2_favorites{
    color: #638c67;
    height: 0.28rem;
    line-height: 0.28rem;
    font-size: 0.24rem;
    padding-left: 0.3rem;
    background: url(../images-wap/best2_favorites.png) no-repeat 0 0;
    background-size: 0.28rem;
    margin-top: 0.2rem;
}

.best2_top_ft{
    padding: 0.2rem 0;
}
.best2_top_ft h2{
    color: #ef9223;
    font-size: 0.24rem;
}
.best2_top_ft p{
    color: #12afe2;
    font-size: 0.24rem;
    margin-top: 0.1rem;
}

.best2_level{
    position: fixed;
    z-index: 20;
    left: 100%;
    top:1.5rem;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.best2_level.show{
    left: 0;
}


.best2_mask{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    z-index: 50;
    background: rgba(0,0,0,0.3);
}
.best2_level_inner{
    position: absolute;
    width: 95%;
    height: 95%;
    top:0;
    right:0;
    z-index: 500;
    background: #fff;
    overflow-y: auto;
    border-left: 1px solid #eabd42;
    border-bottom: 1px solid #eabd42;
    -webkit-overflow-scrolling: touch;
}
.best2_level_list{
    padding-top: 0.6rem;
}
.best2_level_list li.key_1{
    position: relative;
    padding: 0.25rem 0;
}
.level_1{

}
.best2_level_list li.key_1:before{
    content: " ";
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
    left: 0.2rem;
    height: 1px;
    border-bottom: 1px solid #11a6de;
}

.best2_level_list li .level_1{
    padding:0 0.2rem;
}
.best2_level_list li .level_1>a{
    font-size: 0.3rem;
    color: #333;
}

.best2_level_list li .ui-tri{
    vertical-align: middle;
    margin-left: 0.3rem;
}

.best2_level_list li .level_2{
    padding: 0.2rem 0.45rem;
}
.best2_level_list li .level_2>a{
    font-size: 0.26rem;
    color: #666;
}

.best2_level_list li.key_3{
    padding: 0.2rem 0.65rem;
    background:#f6f6f6;
    border-bottom: 1px solid #fff;
}

.best2_level_list li .level_3>a{
    font-size: 0.24rem;
    color: #999;
}

.best2_level_list li.key_1 ul{
    display: none;
}

.best2_level_list li.key_1.active ul{
    display: block;
}
.member_order_top li{
    height: 0.9rem;
    background: #eee;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 1px solid #d9d9d9;
}
.member_order_top li a{
    display: block;
    line-height: 0.9rem;
    text-align: center;
    height: 0.9rem;
    font-size: 0.28rem;
    color: #333;
}
.member_order_top li.active a{
    color: #11a6de;
    border-bottom: 2px solid #11a6de;
}

.member_order_left .pic{
    width: 1.2rem;
    height: 1.2rem;
    border: 1px solid #eee;
    box-sizing: border-box;
    overflow: hidden;
}
.member_order_list{
    padding-left: 0.2rem;
    border-bottom: 1px solid #d9d9d9;
}

.member_order_list li{
    padding: 0.3rem 0.2rem 0.3rem 0;
    border-bottom: 1px solid #d9d9d9;
}
.member_order_list li:last-child{
    border-bottom: none;
}
.member_order_main{
    padding: 0 0.2rem;
}
.member_order_main p{
    font-size: 0.26rem;
    color: #333;
    line-height: 1.3;
}
.member_order_main p span{
    font-size: 0.26rem;
    color: #666;
}
.member_order_main p a{
    font-size: 0.26rem;
    color: #12afe2;
    text-decoration: underline;
}
.member_order_right{
    width: 0.5rem;
}
.member_order_empty{
    padding: 0.25rem 0.2rem 0.25rem 0;
    color: #333;
    font-size: 0.28rem;
    text-align: center;
}
.order_detail_title{
    padding: 0.25rem 0.2rem;
    color: #11a6de;
    font-size: 0.28rem;
    border-bottom: 1px solid #999;
    line-height: 1;
}
.order_detail_user > li{
    padding: 0.24rem 0.2rem;
    border-bottom: 1px solid #d9d9d9;
    font-size: 0.26rem;
    color: #333;
    line-height: 1;
}
.order_detail_user > li span{
    font-size: 0.26rem;
    color: #888;
}

.order_detail_user > li.order_detail_item{
    padding: 0;
}
.order_detail_item .order_item_left{
    width: 1rem;
    background: #eee;
    border-right: 1px solid #d9d9d9;
}
.order_detail_item .order_item_main{

}
.order_detail_item .order_item_main li{
    padding: 0.24rem 0.2rem;
    border-bottom: 1px solid #d9d9d9;
    font-size: 0.26rem;
    color: #333;
    line-height: 1;
}

.order_item_main .pic{
    width: 1.2rem;
    height: 1.2rem;
    /*border: 1px solid #eee;*/
    box-sizing: border-box;
    overflow: hidden;
}
.order_item_main .info h3{
    font-size: 0.26rem;
    color: #333;
    padding: 0 0.2rem;
}

/*.order_item_main li.Framing img{
    display: inline-block;
    width: 20%;
    height: auto;
    vertical-align: middle;
    margin: 0 0.1rem;
}*/
.order_item_main li.Framing .Framing_table{
    display: inline-block;
    vertical-align: middle;
}
.order_detail_user > li.text_right{
    text-align: right;
}
.ten_pic_2 .Paintings{
    /*margin-top: 0.1rem;*/
}

.comment_con{
    padding: 0.2rem 0.4rem;
}
.comment_con textarea{
    display: block;
    width: 100%;
    border-radius: 0.08rem;
    min-height: 5rem;
    background: #eee;
    padding: 0.2rem;
    line-height: 1.3;
    font-size: 0.26rem;
    color: #333;
    outline: none;
    border: 1px dashed #b7b7b7;
    resize: none;
}
.comments_button{
    width: 2.5rem;
    margin: 0.1rem auto 0.5rem;
}
.product_mount .thumblist_scroll input[type='radio'] {
    box-sizing: border-box;
    padding: 0;
    opacity: 0;
    width: 0;
    height: 0;
}

.product_room .room_scroll .pic{
    position: relative;
    display: -webkit-box;
    display: box;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    width: 100%;
    box-sizing: border-box;
}
.product_room .room_scroll .pic img{
    width: auto;
}

.faq_quality_com{
    position: relative;
    width: 100%;
    height: auto;
}
.faq_quality_com .magnifier{
    bottom: 0;
    right: 0;
}
/*.faq_panZoom .zoom-button{
    top: 9.5rem!important;
}*/

.Framing .small_pic_con_inner table img{
    width: auto;
    height: auto;
    max-width: 1rem;
}
.Framing_table .Framing_table_pic{
    max-width: 1.2rem;
}

.catalogue_price_arrow{
    padding-left: 0.2rem;
    border-bottom: 1px solid #ccc;
}
.best_shoplist_page{
    border-bottom: 1px solid #ccc;
}

.best2_top_info img{
    display: inline;
    width: auto;
    height: auto;
    max-width: 1.8rem;
    max-height: 1.8rem;
    min-height: 1.8rem;
    float: left;
    margin-right: 0.2rem;
}
.best2_top_info .best2_top_p{
    float: left;
}

.best2_top_info.on{
    overflow: hidden;
}

.best2_top_info .surround_tri_con{
    display: none;
    position: absolute;
    z-index: 10;
    bottom: 2px;
    right: 0;
    line-height: 1.1;
    background: #fff;
}
.best2_top_info .surround_tri_con.on{
    display: block;
}

.best2_top_info.on .surround_tri_con span{
    display: inline;
    font-size: 0.24rem;
    color: #999;
    vertical-align: middle;
}
.surround_tri_con .surround_tri{
    top:0.05rem;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.surround_tri_con .surround_tri.rotate{
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
    top:0.1rem;
}

.best2_top_info .surround_tri_con{

}
.best2_top_info .surround_tri_con span{
    display: none;
}

.shoplist_bottom_page{
    border-bottom: 1px solid #d9d9d9;
}
.room_Tags p{
    line-height: 1.2;
}

.product_main_title{
    padding: 0 0.2rem;
    overflow: hidden;
}
.product_main_title h1{
    padding: 0;
    /*word-break: break-all;*/
    word-wrap: break-word;
}
.pro_new_title h2{
    font-size: 0.32rem;
    color: #b8cb47;
    font-weight: bold;
    line-height: 1.3;
}

.product_chosoe_size_title{
    font-size: 0.28rem;
    color: #666;
    font-weight: bold;
}
.product_type.ui-triangle:after {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    border-top: .15rem solid #ababab;
    border-left: .09rem solid transparent;
    border-right: .09rem solid transparent;
    border-bottom: 0;
}

.newrecentlyViewed .bestSwiper .swiper-button-next {
     right: 0;
}

.newrecentlyViewed .bestSwiper .swiper-button-prev {
    left: 0;
}
.newrecentlyViewed .bestSwiper {
   overflow: hidden;
}

.cart_pay_card{
    margin-top: 0.1rem;
}







/*自适应 手机横屏*/

@media all and (orientation : landscape) {
    .homeScroll{
        height: 3.5rem;
    }
    .homeScroll img {
        height: 3.5rem;
    }

    /*.section_list li{
        min-height: 3.6rem;
        width: 32%;
        margin-left: 0;
        float: left;
        margin-bottom: 0.1rem;
    }
    .section_list li:nth-child(odd){
        margin-right: 0;
    }
    .section_list li:nth-child(3n+2){
        margin-right: 2%;
        margin-left: 2%;
    }
    .sidebar_menu_pic_list li {
        float: left;
        width: 32%;
        margin-left: 0;
        margin-right: 0;
    }
    .sidebar_menu_pic_list li:nth-child(odd) {
        margin-right: 0;
    }
    .sidebar_menu_pic_list li:nth-child(3n+2) {
        margin-right: 2%;
        margin-left: 2%;
    }
    .catalogue_main_inner .section_list li {
        width: 33%;
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
    }
    .best_list li {
        float: left;
        width: 31%;
    }*/

    .section_list li{
        min-height: 3.6rem;
        width: 23%;
        margin-left: 1.5%;
        float: left;
        margin-bottom: 0.1rem;
    }
    .section_list li:nth-child(odd){
        margin-right: 0;
    }
    .sidebar_menu_pic_list li {
        float: left;
        width: 23%;
        margin-left: 1.5%;
        margin-right: 0;
    }
    .sidebar_menu_pic_list li:nth-child(odd) {
        margin-right: 0;
    }

    .catalogue_main_inner .section_list li {
        width: 23%;
        margin-left: 1.5%;
        box-sizing: border-box;
        margin-right: 0;
    }
    .best_list li {
        float: left;
        width: 23%;
        margin-left: 1.5%;
    }
}

@media screen and (min-width:768px){
    .section_list li{
        min-height: 2.6rem;
        width: 23%;
        margin-left: 1.5%;
        float: left;
        margin-bottom: 0.1rem;
    }
    .section_list li:nth-child(odd){
        margin-right: 0;
    }
    .sidebar_menu_pic_list li {
        float: left;
        width: 23%;
        margin-left: 1.5%;
        margin-right: 0;
    }
    .sidebar_menu_pic_list li:nth-child(odd) {
        margin-right: 0;
    }

    .catalogue_main_inner .section_list li {
        width: 23%;
        margin-left: 1.5%;
        box-sizing: border-box;
        margin-right: 0;
    }
    .best_list li {
        float: left;
        width: 23%;
        margin-left: 1.5%;
    }

    .product_small_pic{
        top: 0.5rem;
        width: 2rem;
        height: 2rem;
        margin-left: -1rem;
    }
}


.check_bold_title{
    color: #333;
    font-size: 0.32rem;
    font-weight: bold;
}
.select_Country >div.check_bold_title{
    color: #333;
    font-size: 0.32rem;
    font-weight: bold;
}
.select_Country >div.check_small_main{
    color: #999;
}

.faq_footer img{
    width: 88%;
    max-width: 6rem;
}


.reg_desText{
    margin-top: 0.4rem;
    border-top: 1px dashed #12afe2;
}
.reg_desText p{
    color:#12afe2;
    font-size: 0.24rem;
    line-height: 1.3;
    padding-top: 0.1rem;
}
.reg_desText p img{
    display: inline-block;
    width: 30%;
    max-width: 2.2rem;
}

.check_id_btn{
    box-sizing: border-box;
    width: 1.4rem;
    text-align: center;
    line-height: 0.6rem;
    height: 0.6rem;
    font-size: 0.24rem;
    color: #fff;
    border-radius: 0.08rem;
    margin-left: 0.2rem;
    padding: 0 0.2rem;
    border: 1px solid #facd89;
    background: #facd89;
}

.check_id_btn:active{
    background: #dbae6f;
}
.log_desText{
    margin-top: 0;
}


.check_out_card{
    border-top: 1px dashed #d9d9d9;
    padding: 0.2rem;
}
.check_out_card h3{
    font-size: 0.28rem;
    color: #f30823;
    font-weight: bold;
    padding: 0.04rem 0;
}
.check_out_card_des{
    padding: 0.1rem 0;
}
.check_out_card_des p{
    line-height: 1.4;
    font-size: 0.26rem;
    color: #666;
    margin-bottom: 0.1rem;
}

.check_out_one_cost h5{
    line-height: 1.3;
}


/*h火狐hack*/
@-moz-document url-prefix() {
    .best_list li .pic{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .best2_top_info.on .surround_tri_con span{
        display: none;
    }
    .product_room .room_scroll .pic {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .recentlyViewed a .pic {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .showLine2 .showLine2Btn {
        top:12px;
    }
    .showLine2 .ui-tri::before {
         content: "...";
        font-size: 0.28rem;
        color: #b8cb47;
         position: absolute;
         background: #fff;
         left: -10px;
         top: -2px;
     }
}

.product_pic img#baseSrc {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 6rem;
    -webkit-box-shadow: 4px 4px 8px 1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 4px 4px 8px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 4px 8px 1px rgba(0, 0, 0, 0.2);
}


.product_question_btn{
    display: inline-block;
    margin: 0 0.35rem;
    width: 0.34rem;
    height: 0.34rem;
    vertical-align: text-bottom;
    background: url(../images-wap/paint_type.png) no-repeat;
    background-size: cover;
}

/*new add price size by jimmy 2017/1/10 14:40*/

.prices_size_div{
    display: inline-block;
    margin: 5px auto 0;
    width: 1.94rem;
    height: 0.52rem;
    background:url(../images-wap/prices_size_bg_re.png) no-repeat;
    background-size: cover;
}
.new_prices_size_div{
    display: inline-block;
    position: relative;
    width: auto;
    height: 0.48rem;
    line-height: 0.5rem;
    box-sizing: content-box;
    margin: 0.1rem auto 0;
    border: 1px solid rgba(153,153,153,0.1);
    border-radius: 0.04rem;
    padding-left: 0.4rem;
    padding-right: 0.1rem;
    font-size: 0.24rem;
    color: #aeadad;
    vertical-align: middle;
}
.new_prices_size_div i{
    position: absolute;
    z-index: 2;
    left: 2px;
    top: 1px;
    width: 0.32rem;
    height: 0.42rem;
    opacity: 0.5;
    background-image:url(../images-wap/search_icon_2.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.thumblist_scroll input:checked + .current .product_right_icon{
    display: block;
}

.new_product_chosoe_a{
    display: inline-block;
    width: 0.34rem;
    height: 0.34rem;
    vertical-align: text-bottom;
    background: url(../images-wap/paint_type.png) no-repeat;
    background-size: cover;
    margin-left: 0.2rem;
}






