/*.normal {
    font-family: "normal" !important;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
}*/

* {
    margin: 0;
    padding: 0;
    list-style: none;
}

#ul1 {
    position: fixed;
    left: 220px;
    top: 168px;
}

#ul1 li {
    position: relative;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    font-size: 14px;
}

#ul1 li span {
    position: absolute;
    left: -30px;
    top: 12px;
    width: 12px;
    height: 12px;
    border: 2px solid #c8c8c8;
    background: #c8c8c8;
    margin-right: 30px;
    border-radius: 50%;
}

#ul1 li.active {
    font-size: 20px;
}

#ul1 li.active span {
    border: 2px solid #c8c8c8;
    background: #fff;
}

.clear {
    overflow: hidden;
}

#ol1>li {
    border-bottom: 1px solid #c5c6c7;
}

#ol1>li:last-child {
    border-bottom: 0px;
}

h2 {
    color: #3e3a39;
    font-size: 28px;
}

h4 {
    color: #2f2f2f;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
}

.pp {
    font-size: 16px;
    line-height: 36px;
}

#looks img {
    margin-bottom: 35px;
}

#buy h2 {
    font-size: 29px;
    font-weight: normal;
}

#buy strong {
    display: block;
    color: #ff2300;
    height: 16px;
    margin-top: 50px;
    margin-bottom: 20px;
}

#buy a {
    display: inline-block;
    width: 112px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    background: #d91749;
    text-align: center;
}

#buy span {
    color: #d91749;
}

.line {
    border-bottom: 1px solid #cccccc;
    width: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (max-width:1366px) {
    #buy span {
        display: block;
    }
}

#niceFace {
    height: 592px;
    padding-top: 150px;
}

#niceFace ul li {
    width: 66px;
    height: 66px;
    border: 1px solid #c7c7c7;
    margin-bottom: 12px;
    cursor: pointer;
}

#niceFace ul li.active {
    border: 1px solid #d91748;
}

#niceFace ul li img {
    width: 100%;
    height: 100%;
}

#niceFace ol .line1 {
    color: #4c4c4c;
    font-size: 32px;
    font-weight: bold;
}

#niceFace ol .line1 span {
    color: #d91748;
}

#niceFace ol .line2 {
    color: #2f2f2f;
    font-size: 18px;
    padding-top: 18px;
    padding-bottom: 26px;
}

#niceFace ol .line3 {
    color: #d91748;
    font-size: 32px;
    font-weight: bold;
    height: 85px;
    line-height: 85px;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
}

#niceFace ol .line3 span {
    font-size: 18px;
}

#niceFace ol .line4 {
    overflow: hidden;
    height: 95px;
    line-height: 95px;
    border-bottom: 1px solid #cbcbcb;
}

#niceFace ol .line4 img {
    margin-top: 24px;
}

#niceFace ol .line5 {
    height: 60px;
    line-height: 60px;
    color: #2f2f2f;
}

#niceFace ol .line5 img {
    margin-right: 7px;
}

#detail .relax {
    width: 100%;
    /*position:relative;*/
    
}
#detail .relax>img{position: absolute;}

#detail .relax_top{
	position:absolute;top:-112px;width:100%;float:left;text-align:center;
	
}
.animation{
	animation:ss 1s 1 ;
	animation-fill-mode:forwards;
	-webkit-animation:ss 1s 1 ;
	-webkit-animation-fill-mode:forwards;
}
@-webkit-keyframes ss {
	
	to {top:44px;  }
}
@-o-keyframes ss {
	
	to { top:44px; }
}
@-moz-keyframes ss {
	
	to { top:44px; }
}
@keyframes ss {
	
	to { top:44px; }
}
#detail .relax_top img{width:60%}
#detail div img{width:100%}
#detail .relax_body{
	width:100%;position:absolute;top:5.5%;
}

.relax_body_title{width:100%;text-align:center;font-size: 40px;
color: #4A4A4A;}
.relax_body_title span{font-size: 40px;
color: #C69C6D;
line-height: 60px;}
.relax_body_title_small{margin-top:1%;width:100%;text-align:center;font-size: 24px;
color: #4A4A4A;}


.relax_body_price{margin-top:2%;width:100%;font-size: 36px;
color: #C69C6D;
letter-spacing: 0;text-align:center;}
.relax_body_button{margin-top:2%;width:100%;text-align:center;}
.relax_body_button input{padding:5px 20px 5px 20px;background: #C69C6D;
border-radius: 3.6px;border:0;color:#fff;}


#detail .relax_bottom{
	position:absolute;width:100%;float:left;text-align:center;top:8.5%;
}
#detail .relax_bottom img{width:40%;}
.distinctly{margin-top:64%;}
/*#detail .distinctly {
    width: 100%;
    height: 800px;
    background: url(http://xiaoyi-publicfiles.oss-cn-shanghai.aliyuncs.com/yicarcam7/2.jpg) no-repeat center center;
}

#detail .night {
    width: 100%;
    height: 1080px;
    background: url(http://xiaoyi-publicfiles.oss-cn-shanghai.aliyuncs.com/yicarcam7/3.jpg) no-repeat center center;
}

#detail .quick {
    width: 100%;
    height: 1424px;
    background: url(http://xiaoyi-publicfiles.oss-cn-shanghai.aliyuncs.com/yicarcam7/4.jpg) no-repeat center center;
}

#detail .tachograph {
    width: 100%;
    height: 415px;
    background: url(http://xiaoyi-publicfiles.oss-cn-shanghai.aliyuncs.com/yicarcam7/5.jpg) no-repeat center center;
}

#detail .sixg {
    width: 100%;
    height: 1125px;
    background: url(http://xiaoyi-publicfiles.oss-cn-shanghai.aliyuncs.com/yicarcam7/6.jpg) no-repeat center center;
}

#detail .wideScreen {
    width: 100%;
    height: 928px;
    background: url(http://xiaoyi-publicfiles.oss-cn-shanghai.aliyuncs.com/yicarcam7/7.jpg) no-repeat center center;
}

#detail .technology {
    width: 100%;
    height: 1598px;
    background: url(http://xiaoyi-publicfiles.oss-cn-shanghai.aliyuncs.com/yicarcam7/8.jpg) no-repeat center center;
}

#detail .upDown {
    width: 100%;
    height: 1003px;
    background: url(http://xiaoyi-publicfiles.oss-cn-shanghai.aliyuncs.com/yicarcam7/9.jpg) no-repeat center center;
}

#detail .upDown1 {
    width: 100%;
    height: 1008px;
    background: url(http://xiaoyi-publicfiles.oss-cn-shanghai.aliyuncs.com/yicarcam7/10.jpg) no-repeat center center;
}


#detail .upDown2 {
    width: 100%;
    height: 1815px;
    background: url(http://xiaoyi-publicfiles.oss-cn-shanghai.aliyuncs.com/yicarcam7/11.jpg) no-repeat center center;
}
#detail .upDown3 {
    width: 100%;
    height: 394px;
    background: url(http://xiaoyi-publicfiles.oss-cn-shanghai.aliyuncs.com/yicarcam7/12.jpg) no-repeat center center;
}*/


/*@media screen and (min-width: 1921px) {
    #detail .relax {
        width: 100%;
        height: 1620px;
        background: url(http://xiaoyi-publicfiles.oss-cn-shanghai.aliyuncs.com/yicarcam7/bg.png) no-repeat center center;
        background-size: contain;
    }
    #detail .distinctly {
        width: 100%;
        height: 1836px;
        background: url(http://xiaoyi-publicfiles.oss-cn-shanghai.aliyuncs.com/yicarcam7/2.jpg) no-repeat center center;
        background-size: contain;
    }
    #detail .night {
        width: 100%;
        height: 2720px;
        background: url(http://xiaoyi-publicfiles.oss-cn-shanghai.aliyuncs.com/yicarcam7/3.jpg) no-repeat center center;
        background-size: contain;
    }
    #detail .quick {
        width: 100%;
        height: 2278px;
        background: url(http://xiaoyi-publicfiles.oss-cn-shanghai.aliyuncs.com/yicarcam7/4.jpg) no-repeat center center;
        background-size: contain;
    }
    #detail .tachograph {
        width: 100%;
        height: 1484px;
        background: url(http://xiaoyi-publicfiles.oss-cn-shanghai.aliyuncs.com/yicarcam7/5.jpg) no-repeat center center;
        background-size: contain;
    }
    #detail .sixg {
        width: 100%;
        height: 1546px;
        background: url(http://xiaoyi-publicfiles.oss-cn-shanghai.aliyuncs.com/yicarcam7/6.jpg) no-repeat center center;
        background-size: contain;
    }
    #detail .wideScreen {
        width: 100%;
        height: 1602px;
        background: url(http://xiaoyi-publicfiles.oss-cn-shanghai.aliyuncs.com/yicarcam7/7.jpg) no-repeat center center;
        background-size: contain;
    }
    #detail .technology {
        width: 100%;
        height: 1820px;
        background: url(http://xiaoyi-publicfiles.oss-cn-shanghai.aliyuncs.com/yicarcam7/8.jpg) no-repeat center center;
        background-size: contain;
    }
    #detail .upDown {
        width: 100%;
        height: 1908px;
        background: url(http://xiaoyi-publicfiles.oss-cn-shanghai.aliyuncs.com/yicarcam7/9.jpg) no-repeat center center;
        background-size: contain;
    }
}*/

#changeBtn {
    overflow: hidden;
    padding-top: 18px;
    padding-bottom: 44px;
}

#changeBtn span {
    float: left;
    width: 50%;
    height: 32px;
    line-height: 32px;
    font-size: 20px;
}

#changeBtn a {
    color: #282828;
    outline: none;
}

#changeBtn a.active {
    color: #d61a54;
    outline: none;
}

#changeBtn span:nth-child(1) {
    text-align: right;
    padding-right: 55px;
    border-right: 1px solid #cdcdcd;
}

#changeBtn span:nth-child(2) {
    text-align: left;
    padding-left: 55px;
}

.showHide {
    display: none;
}

.showHide>li {
    border-bottom: 1px solid #ccc;
}

.cur {
    display: block;
}