/*!
 * JCMS CSS - Powered by zail
 * 2016-11-08
 */

/* Common */
body{width:100%;font:14px/1.5 Helvetica,Arial,"Microsoft YaHei",sans-serif;color:#4a4a4a; }
.j-gotop{position:fixed;right:0;bottom:0;z-index:999;width:40px;height:40px;padding:0px;background:rgba(0,0,0,.2);cursor:pointer;-webkit-animation-duration:.2s;}
.j-gotop:before{display:block;padding:5px 4px 5px 6px;font-size:32px;color:#fff;}
.container{width:1200px; height:inherit;margin:0 auto; position:relative;  box-sizing:border-box;}
/*.container:after{display:table;content:'';clear:both;}*/
.noset{border:none;background:none;padding:0;margin:0;outline:none;box-shadow:none;}
.nowrap{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.backcenter{background-position:center;background-repeat:no-repeat;background-size:cover;}

.tips{line-height:20;text-align:center;color:#999;}
.autoimg{display:block;position:relative;height:0;padding:50% 0;}
.autoimg img{position:absolute;left:0;top:0;width:100%;}
.maximg img{display:inline-block;max-width:100%;}
.underline a:hover{text-decoration:underline;}
.shadow{transition:linear .1s;-webkit-transition:linear .1s;}
.shadow:hover{box-shadow:0 3px 12px rgba(0,0,0,.2);}

.flex{display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
	 -webkit-justify-content: space-between;
    justify-content: space-between;
	flex-wrap:wrap}
.scale{ overflow:hidden;}	
.scale img:hover{transition: all 0.2s;
	-webkit-transition: all 0.2s; /* Safari */
	-ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Safari */
    transform: scale(1.1,1.1); /* 标准语法 */
	}

/* Page */
/*.j-page{*/
.j-page { float:left;width: 100%;padding:0 0;line-height:22px;text-align:center; margin:10px;}
.j-page a{display:inline-block;padding:0 5px;margin:5px 5px;background:#fff;border:1px solid #d2d2d2;color:#666; }
.j-page a.btn{font-family:sans-serif;font-size:13px;color:#333; }
.j-page a.cur-page{border:1px solid #fff;color:#333;}

/* Float */
.j-float{position:fixed;right:0;top:30%;z-index:99;width:100px;padding:8px;background:#fff;border:5px solid #048f4a;border-radius:3px;text-align:center;}
.j-float:before{display:block;content:attr(data-tab);padding:5px 0 8px;margin:-8px -8px 8px;background:#048f4a;color:#fff;}
.j-float .qlist a{display:block;margin-bottom:8px;}
.j-float .qcode{padding-top:8px;border-top:1px dotted #ddd;}
.j-float .qcode img{max-width:90%;}

/* Feedback */
.col-msg td{height:50px;padding-left:5%;white-space:nowrap;font-size:13px;}
.col-msg td:nth-of-type(2n+1){width:10%;padding-left:0;}
.col-msg td input[type=text]{width:90%;height:32px;padding:4px 8px;border:1px solid #ccc;box-sizing:border-box;}
.col-msg td input[type=submit]{padding:10px 8%;border-radius:3px;font-size:14px;color:#fff;}
.col-msg td input[type=reset]{padding:10px 8%;margin:20px 0 20px 5%;background:#bbb;border-radius:3px;font-size:14px;color:#fff;}
.col-msg td input[name=qcode]{width:30%;max-width:150px;}
.col-msg td input[disabled]{background:#bbb;}
.col-msg td textarea{width:90%;height:180px;padding:8px;margin:8px 0;border:1px solid #ccc;box-sizing:border-box;}
.col-msg td em{display:inline-block;margin:0 10px;color:red;}
.col-msg td img{display:inline-block;width:80px;cursor:pointer;}

/* Photo */
.col-photo{width:80%;margin:0 auto;overflow:hidden;}
.col-photo .big-box{margin-bottom:20px;}
.col-photo .big-box li a{display:block;position:relative;height:0;padding:35% 0;}
.col-photo .big-box li img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.col-photo .big-box li p{padding:10px 0 15px;line-height:2;text-align:center;font-size:14px;}
.col-photo .small-box{position:relative;width:90%;margin:0 auto;}
.col-photo .small-box li{float:left;width:25%;padding:0 10px;box-sizing:border-box;}
.col-photo .small-box li a{display:block;position:relative;height:0;padding:35% 0;border:1px solid #eee;cursor:pointer;}
.col-photo .small-box li img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.col-photo .small-box .slick-current a{border:2px solid #ffaa09;}
.col-photo .small-box .slick-arrow{position:absolute;left:-5%;top:50%;margin-top:-18px;font-size:36px; color:rgba(0,0,0,.4);cursor:pointer;}
.col-photo .small-box .slick-next{left:auto;right:-5%;}


/* Extra */
.none{display:none;}
.block{display:block;}
.txt-l{text-align:left;}
.txt-c{text-align:center;}
.txt-r{text-align:right;}
.txt-tl{text-transform:lowercase;}
.txt-tu{text-transform:uppercase;}
.table{display:table;width:100%;height:100%;text-align:center;}
.table-cell{display:table-cell;vertical-align:middle;}
.float-l{float:left;}
.float-r{float:right;}
.hr-dash{border-top:1px dash #ddd;}
.hr-solid{border-top:1px solid #ddd;}
/* *** */
.pd20{ padding:20px; box-sizing:border-box}
.pd30{ padding:30px;box-sizing:border-box}