/*common*/
html {
    height: 100%;
}

* {
    -webkit-tap-highlight-color: transparent;
}

body {
    padding: 0;
    margin: 0 auto;
    max-width: 600px;
    font-family: tahoma,"Microsoft YaHei",arial,simsun,"宋体",sans-serif;
    font-size: 14px;
    background-color: #f7f7f7;
}

ul, li, h1, h3, p {
    font-size: 100%;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    background: 0;
}

input {
    -webkit-appearance: none;
}

::-webkit-scrollbar {
    display: none;
}

ul, li {
    list-style: none;
}

input, textarea {
    outline: none;
    box-sizing: border-box;
    resize: none;
}

a {
    text-decoration: none;
    outline: none;
}
/*common end*/
/*util*/
.isol {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 100;
    opacity: 0.5;
    display: none;
}
/*util end*/
/*slides*/
.slides {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 35%; /*这个值可以随便改*/
}

    .slides ul.slideswarpper {
        position: absolute;
        top: 0;
    }

        .slides ul.slideswarpper li {
            float: left;
        }
.slides .slideswarpper img {
                width: 100%;
            }
            .slides .slideswarpper .swiper-slide img {
                width: 100%;
            }
			#combanner{ padding-top:35% !important;}
	#combanner .slideswarpper .swiper-slide img{ height:100%;}		
			#adslist li img{/* min-height:178px;*/}

    .slides .pointwarpper {
        position: absolute;
        bottom: 3px;
        left: 50%;
    }

        .slides .pointwarpper li {
            display: inline-block;
            width: 6px;
            height: 6px;
            border-radius: 10px;
            background-color: #776f68;
            margin: 0 2px;
        }

            .slides .pointwarpper li.sel {
                background-color: #fff;
            }
/*slides end*/
/*carousel*/
.carousel {
    background-color: white;
    overflow: hidden;
    position: relative;
}

    .carousel ul {
        position: absolute;
    }

        .carousel ul li {
        }

            .carousel ul li a {
                color: #333;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
				position:absolute; top:50%; transform:translateY(-50%); -webkit- transform:translateY(-50%);
            }
/*carousel end*/
/*static float*/
.staticfloat {
    text-align: center;
    z-index: 20;
    bottom: 80px;
    right: 20px;
    position: fixed;
    padding-top: 10px;
}

    .staticfloat div {
        border-radius: 500px;
        height: 42px;
        width: 42px;
        cursor: pointer;
        background-clip: padding-box;
        overflow: hidden;
        transition: all .4s;
    }

        .staticfloat div.hide {
            height: 0px;
            width: 0px;
            margin-top: 0px !important;
            border-width: 0px !important;
            margin-left: 27px;
            overflow: hidden !important;
        }


#onlinekefu {
    background: #E33043;
    border: 2px solid #CE1C2E;
    box-shadow: 0 0 4px #FFC4C4;
    position: relative;
    overflow: visible;
	opacity:0.8;
}

    #onlinekefu:before {
        content: "";
        position: absolute;
        top: -3px;
        left: 0;
        width: 42px;
        height: 42px;
        background: url('../Images/bg/onlinekefu.png') 3px center no-repeat;
        background-size: 42px auto;
    }

    #onlinekefu a {
        display: inline-block;
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

#gototop {
	margin-top: 2px;
    color: #999;
    background: white url('../Images/bg/backtotop.png') center 5px no-repeat;
    background-size: 14px auto;
    line-height: 68px;
    box-shadow: 0 0 4px #555;
    border: 2px solid #fff;
    font-size: 95%;
    opacity: .9;
}
/*static float end*/
/*friendlytips*/
.friendlytips {
    -webkit-animation: animate-bg 1.5s ease-out 2;
    box-shadow: 0 0 4px #EA4504 !important;
}

@-webkit-keyframes animate-bg {
    0% {
        box-shadow: 0 0 4px #EA4504;
    }

    50% {
        box-shadow: 0 0 4px #ccc;
    }

    100% {
        box-shadow: 0 0 4px #EA4504;
    }
}
/*friendlytips end*/
/*spradio*/
.spradio {
    padding-left: 20px !important;
    position: relative;
    padding-top: 1.5px;
}

    .spradio:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0;
        width: 16px;
        height: 16px;
        border-radius: 100px;
        border: 1px solid #b9b9b9;
    }

    .spradio.sel:before {
        background: #EA4504 url('/Images/icon/right.png') center no-repeat;
        background-size: 18px;
        border: 1px solid #ea4504;
    }
/*spradio end*/
/*layout1*/
.layout1 {
    position: relative;
}

    .layout1 .warpper {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }
/*--------------------------------- 限时抢购 ---------------------------------*/
#productshow{ background-color:#FFF;}
#productshow .show_img{ position:relative; overflow:hidden; width: 100%;}
#productshow .show_img ul{ overflow:hidden;}
#productshow .show_img ul li{ float:left; width:100%; margin:1% auto;text-align: center;}
#productshow .show_img ul li img{ width: 98%;}
#productshow .show_img p{ position:absolute; z-index:9; bottom:0; left:45%; bottom:3%;}
#productshow .show_img p a{ float:left; display:block; background-color:#FFF; width:8px; height:8px; border-radius:5px; margin:auto 5px; cursor:pointer;}

#productshow .show_cla{ padding:10px; position:relative;}
#productshow .show_cla h1{ font-size:115%; line-height:200%;}
#productshow .show_cla p{ margin:10px auto;}
#productshow .show_cla p b i{ color:#F30; font-style:normal; font-size:115%;}

#productshow .show_cla a.button_buy{ position:absolute; bottom:5%; right:3%; width:132px; height:42px; line-height:42px; display:block; background-color:#900; font-family:microsoft yahei; font-size:18px; color:#FFF; text-align:center; border-radius:5px; background-image:url(button_buy.png); background-repeat:no-repeat; background-position:15px 13px; text-indent:25px;}

#productshow .show_txt{ margin-top:2%;}
#productshow .showtxt_tag{ border-bottom:3px solid #990000; *zoom:1;}
#productshow .showtxt_tag:after{ content:"\20"; display:block; height:0; clear:both;}
#productshow .showtxt_tag a{ float:left; width:50%; height:40px; line-height:40px; text-align:center; font-size:115%; color:#333; cursor:pointer;}
#productshow .showtxt_tag a.on{ background-color:#990000; color:#FFF;}
#productshow .showtxt_main{ *zoom:1; padding:10px; min-height:200px; line-height:200%; overflow:hidden;}
#productshow .showtxt_main:after{ content:"\20"; display:block; height:0; clear:both;}
#productshow .showtxt_main img{ max-width:100%;}

#productshow .showtxt_lypl{ *zoom:1; padding:10px; min-height:200px; line-height:200%;}
#productshow .showtxt_lypl:after{ content:"\20"; display:block; height:0; clear:both;}
#productshow .showtxt_lypl img{ max-width:560px;}

#productshow .lyk_main{ border-bottom:1px solid #CCC; margin:10px -10px auto; padding-bottom:10px;}
#productshow .lyk_main p{ zoom:1; margin:8px auto;}
#productshow .lyk_main p:after{ content:"\20"; display:block; height:0; clear:both;}
#productshow .lyk_main em{ width:20%; float:left; text-align:right;}
#productshow .lyk_main span{ width:80%; float:left; text-align:left;}
#productshow .lyk_main i{ margin-left:5px; vertical-align:middle;}
#productshow .lyk_main span textarea{ width:90%; height:80px; padding:5px; border:1px solid #999; border-radius:3px;}
#productshow .lyk_main span input{ border:1px solid #999; background-color:#FFF; height:32px; padding:5px; border-radius:3px;}
#productshow .lyk_main span input.yzm{ width:25%;}
#productshow .lyk_main span input.butt{ background-color:#F30; color:#FFF; border-color:#C30; width:120px;}
#productshow h5{ font-size:105%;}


#productshow * em,#productshow * i{ font-style:normal; color:#666;}
#productshow .showtxt_lypl p{ *zoom:1;}
#productshow .showtxt_lypl p:after{ content:"\20"; display:block; height:0; clear:both;}
#productshow .showtxt_lypl .lypl_list{}
#productshow .showtxt_lypl li{ border-bottom:1px dotted #CCC; padding-bottom:10px; margin-bottom:10px;}
#productshow .showtxt_lypl li p em{ float:left;}
#productshow .showtxt_lypl li p i{ float:right;}
#productshow .showtxt_lypl li p.ly_hf{ border:1px solid #DDD; background-color:#F7F7F7; padding:5px 10px;}



/*视频播放*/
#videoshow{ background-color:#FFF; padding-top:3%;}
#videoshow h1{ font-size:115%; text-align:center; padding:2% 0 3%;}


/*预约设计下方广告*/
.pic_in_f_box{ width:94%; margin:0 auto; overflow:hidden;padding: 10px 0;}
.pic_in_f_box img{ float:left; width:45%; margin:2.5%;}
.out_pri{ width:100%; max-width:600px; overflow:hidden; margin:0 auto; background-color:#f8f8f8;}
.ad_pri{ width:100%; overflow:hidden;}
.ad_pri img{ display:block; width:100%;}


/*个人中心资料修改*/
#ucsetfrm input{ width:90%; line-height:28px; border:1px solid #CCC; border-radius:5px; padding:5px; display:block; margin:0 auto; margin-top:10px;}
#ucsetfrm .rdowarpper{line-height:25px; margin:10px auto auto 20px;}
#ucsetfrm #saveBtn{ border:none; margin:auto;}




#pc1 input,#pc2 input{ width:auto;}
.rdowarpper{ word-wrap:break-word; word-break:break-all;}






/*学装修穿插图片链接*/
.link_pic{margin-bottom:3%;}
.link_pic img{ width:100%;}



/*通用底部（图片）公告*/
.mb_gg{ width:100%; text-align:center; margin:5% auto 3%; display:none;}
.mb_gg img{ width:96%; margin:auto;}



/*---------------------- 提示窗口 ----------------------*/
.pointout_50{ background-color:#000; display:none; opacity:0.5; position:fixed; width:100%; height:100%; top:0; left:0; z-index:10;}
.pointout_window{ width:88%; max-width:700px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:10; background-color:#FFF; border-radius:8px; font:16px/36px "microsoft yahei"; color:#333;}
.pointout_window .pointoutwindow_title{ font:16px/38px "microsoft yahei"; height:38px; padding:0 3%; border-bottom:1px solid #DDD; color:#777; background-color:#F5F5F5; border-radius:6px 6px 0 0;}
.pointout_window .pointoutwindow_main{ margin:8% 5%; text-align:center; font:15px/22px "microsoft yahei";}
.pointout_window .pointoutwindow_bottom{   background-color:EEE; border-radius:0 0 6px 6px;}
.pointout_window .powb_o{font:16px/45px "microsoft yahei"; height:45px; text-align:center; border-top:1px solid #EEE; width:100%; background-image:-moz-linear-gradient(top, #F9F9F9, #F5F5F5); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F9F9F9), color-stop(1, #F5F5F5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#F5F5F5', GradientType='0'); background:-ms-linear-gradient(top,#F9F9F9 0%,#F5F5F5 100%); color:#F30; border-radius:0 0 6px 6px; display:block;}
.pointout_window .powb_l{font:16px/45px "microsoft yahei"; height:45px; text-align:center; border-top:1px solid #EEE; width:50%; background-image:-moz-linear-gradient(top, #F9F9F9, #F5F5F5); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F9F9F9), color-stop(1, #F5F5F5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#F5F5F5', GradientType='0'); background:-ms-linear-gradient(top,#F9F9F9 0%,#F5F5F5 100%); color:#F30; border-radius:0 0 0 6px; float:left;}
.pointout_window .powb_r{font:16px/45px "microsoft yahei"; height:45px; text-align:center; border-top:1px solid #EEE; width:50%; background-color:#FFF; color:#666; border-radius:0 0 6px 0; float:right;}



/*vip-level*/
.v1{ background: url('/img/v1.gif') right center no-repeat; padding-right: 25px;}
.v2{ background: url('/img/v2.gif') right center no-repeat; padding-right: 25px;}
.v3{ background: url('/img/v3.gif') right center no-repeat; padding-right: 25px;}
.v4{ background: url('/img/v4.gif') right center no-repeat; padding-right: 32px;}
.v5{ background: url('/img/v5.gif') right center no-repeat; padding-right: 32px;}
.v6{ background: url('/img/v6.gif') right center no-repeat; padding-right: 32px;}
/*vip-level-end*/



@media (min-width: 320px){html{font-size: 106px;} }
@media (min-width: 360px){html{font-size: 120px;} }
@media (min-width: 375px){html{font-size: 125px;} }
@media (min-width: 384px){html{font-size: 128px;} }
@media (min-width: 414px){html{font-size: 138px;} }
@media (min-width: 448px){html{font-size: 149.3333px;} }
@media (min-width: 480px){html{font-size: 160px;} }
@media (min-width: 512px){html{font-size: 170.6666px;} }
@media (min-width: 544px){html{font-size: 181.3333px;} }
@media (min-width: 576px){html{font-size: 192px;} }
@media (min-width: 600px){html{font-size: 200px;} }