/* BASIC css start */
.m10{margin:10px}

.cate-wrap {background: #f6f6f6}
.cate-wrap .bcate h1{padding-bottom: 10px;float:left; font-size:21px; color: #202020; line-height: 46px; height: 46px;}
.cate-wrap .bcate .loc-navi{float:right;color: #a4a4a4; font-weight: 300; }
.cate-wrap .bcate .loc-navi a{color: #a4a4a4; font-weight: 300;}

.cate-wrap h2{
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    padding: 20px 15px;}
    
.cate-wrap .class-list{padding: 15px 0;}
.cate-wrap .class-list.cc1{border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;}
.cate-wrap .class-list.cc2{background: #fff; border-bottom: 1px solid #ededed;}

.cate-wrap .class-list ul {  *zoom:1 }
.cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
.cate-wrap .class-list ul li { float:left;  width: auto !important;}
.cate-wrap .class-list ul.depth2 li{}
.cate-wrap .class-list ul.depth2 li a{}

.cate-wrap .class-list ul li:nth-child(1){padding-left:10px}
.cate-wrap .class-list ul li a { display:block; font-size:13px; color:#484848; font-weight:300; }
.cate-wrap .class-list ul li.on a{border-bottom: 2px solid #53484e; padding-bottom: 4px;}


.swiper-slide:nth-child(1){padding-left:20px}/*
.swiper-slide.slim{width:60px !important}
.swiper-slide.wide{width:100px !important}*/



#sub{  }
#sub #subWrap{padding: 10px 15px;}
#sub #subWrap img{max-width: 100%;height: auto;}
#sub #content{padding: 10px 0;}

#sub .sub_tit{margin-bottom: 15px;display: block;}
#sub .sub_tit h3{font-size: 15px;font-weight: 700;text-align: center;}
#sub .sub_tit em{font-style: normal;font-size: 11px;color: #999999;margin-bottom: 5px;line-height: 11px;text-align: center;display: block;}
#sub .sub_tit h4{font-size: 14px;text-align: center;line-height: 14px;}
#sub .sub_tit h4 strong{color: #f43a4b;}

#sub .sub_tab{margin-bottom: 15px;}
#sub .sub_tab li{position: relative;display: inline-block;*display: inline;*zoom: 1;vertical-align: top;width: 33.33%;box-sizing: border-box;border: 1px solid #ddd;margin: 0 -1px -1px 0;}
#sub .sub_tab li.active{color: #e8354c;border-color: #e8354c;z-index: 2;}
#sub .sub_tab li.active a{color: #e8354c;}
#sub .sub_tab li a{display: block;height: 30px;line-height: 30px;font-size: 11px;letter-spacing: -1px;letter-spacing: -1px;text-align: center;}

#sub .sub_tab2{font-size: 0;margin-bottom: 15px;}
#sub .sub_tab2 li{position: relative;display: inline-block;*display: inline;*zoom: 1;vertical-align: top;width: 50%;box-sizing: border-box;border: 1px solid #ddd;margin: 0 -1px -1px 0;}
#sub .sub_tab2 li.active{color: #e8354c;border-color: #e8354c;z-index: 2;}
#sub .sub_tab2 li.active a{color: #e8354c;}
#sub .sub_tab2 li a{display: block;height: 25px;line-height: 25px;font-size: 11px;letter-spacing: -1px;letter-spacing: -1px;text-align: left;padding: 0 10px;background: url(/design/yp3535/m_images/sub_tab2_bull.jpg) no-repeat 95% center;background-size: 8px auto;}
#sub .sub_tab2 li.active a{background-image: url(/design/yp3535/m_images/sub_tab2_bull2.jpg);background-color: #e8334a;color: #fff;}
#sub .tab_area .box{display:none; background: #fafafa;padding: 15px;border: 1px solid #ddd;font-size: 11px;line-height: 15px;}
#sub .tab_area .box.active{display:block !important}

#sub .tab_area .box strong{display:inline-block;margin-left:-5px;}
#sub .it-cat{text-align: center;margin-bottom: 5px;}
#sub .it-cat li{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;padding: 0 0;border-right: 1px solid #ddd;line-height: 11px;}
#sub .it-cat .pg_wrap li{width:10px;display: inline-block;*display: inline;*zoom: 1;vertical-align: top;margin: 0 0 0 5px;border-right: 0px solid #ddd;line-height: 11px;}
#sub .it-cat li:first-child{border-left: 1px solid #ddd;}
#sub .it-cat .pg_wrap li:first-child{border-left: 0px solid #ddd;}
#sub .it-cat li a{font-size: 12px;color: #666;letter-spacing: -1px;font-size: 11px;line-height: 11px;margin-top: -2px;display: block;}
#sub .it-cat .pg_wrap li a{color: #666;letter-spacing: -1px;font-size: 14px !important;line-height: 24px;margin-top: 0px;display: block;}

#sub .best_tab{margin-bottom: 20px;}
#sub .best_tab li{position: relative;z-index: 1;display: inline-block;*display: inline;*zoom: 1;vertical-align: top;width: 25%;border: 1px solid #ddd;width: 25%;box-sizing: border-box;margin: 0 0 -1px -1px;background: #fafafa;}
#sub .best_tab li a{display: block;font-size: 11px;padding-top: 35px;height: 30px;letter-spacing: -1px;text-align: center;position: relative;}
#sub .best_tab li a:after{content: '';display: block;background-repeat: no-repeat;background-position: center 0;height: 17px;background-size: 40px auto;position: absolute;top: 10px;left: 0;width: 100%;}
#sub .best_tab li a:hover:after,
#sub .best_tab li.active a:after{background-position: center -17px;}
#sub .best_tab li.ico1 a:after{background-image: url(../mobile/images/sub/ico-best1.png);}
#sub .best_tab li.ico2 a:after{background-image: url(../mobile/images/sub/ico-best2.png);}
#sub .best_tab li.ico3 a:after{background-image: url(../mobile/images/sub/ico-best3.png);}
#sub .best_tab li.ico4 a:after{background-image: url(../mobile/images/sub/ico-best4.png);}
#sub .best_tab li.ico5 a:after{background-image: url(../mobile/images/sub/ico-best5.png);}
#sub .best_tab li.ico6 a:after{background-image: url(../mobile/images/sub/ico-best6.png);}
#sub .best_tab li.ico7 a:after{background-image: url(../mobile/images/sub/ico-best7.png);}
#sub .best_tab li.ico8 a:after{background-image: url(../mobile/images/sub/ico-best8.png);}
#sub .best_tab li.ico9 a:after{background-image: url(../mobile/images/sub/ico-best9.png);}
#sub .best_tab li.active{border-color: #e8334a;z-index: 2;background: #fff;}
#sub .best_tab li.active a{color: #333;}

.cmt_contents{word-break: break-all;}
/* BASIC css end */