@charset "utf-8";
/* photo style css*/
.setline{height: 24px;line-height: 24px;clear: both;}
.setTitle{float: left;height: 24px;line-height: 24px;}
.setCtrl{float: left;}
.setRadioCtrl span{cursor: pointer;}
.inputText{margin: 0 0 0 5px;}
.photoGroupList{clear: both;height: 70px;padding-left: 20px;overflow-x: hidden;overflow-y: auto;}
.photoGroup{float: left;margin-right: 10px;height: 22px;line-height: 22px;width: 90px;overflow: hidden;}
.photoGroup span{cursor: pointer;vertical-align: middle;display: inline-block;height: 22px;line-height: 22px;width: 70px;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;word-break: keep-all;}
.photoGroup input{vertical-align: middle;}
.styleForm{float: left;width: 70px;height: 50px;border: 2px solid #fff;cursor: pointer;position: relative;}
.styleForm img{margin-left: 4px;margin-top: 1px;border: 1px solid #bbb;}
.styleFormHover img{margin-left: 3px;margin-top: 0;border: 2px solid #8bc429;}
.styleFormDown img{margin-left: 3px;margin-top: 0;border: 2px solid #8bc429}
.styleFormDown .checked{position: absolute;bottom: 10px;right: 6px;height: 17px;width: 25px;display: block;}
.checked{display:none;}
.filterTips{border: 1px solid #f4e190;background: #fff6d0;text-align: center;line-height: 20px;padding: 5px 0}
.hard-height-210{height: 210px}
.hard-height-50{height: 50px}
.width-50{width: 50px}
.m-0{margin: 0}
.ml-5{margin: 0 0 0 5px;}
.ml-15{margin: 0 0 0 15px;}
.ctrl-h{height: 24px;line-height: 24px;}
.float-left{float: left;}
.float-right{float: right;}
.clear-float{clear: both;height: 0;font-size: 0;}
/*鍥惧唽灞曠ず鏍峰紡*/
.tipWrap{width: 91%;height: 25px;line-height: 25px;font-weight: bolder;padding: 0 10px;background: #f5f4f4;margin: auto;}
.clearCtrl input[type="radio"]{width: 20px;height: 14px;vertical-align: -7px;}
.clearCtrl label{vertical-align: -6px;margin-right: 9px;}
.clearCtrl .imgnum[type="text"]{width: 50px;}
#tabs div.imgshowgj{margin-top: 20px;}
/*Photos show*/
.c-defaultmove a{cursor: default;}
.picture_ul:after{content: "";display: block;clear: both;}
.picture_ul li a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;box-sizing: border-box;}
.picture_ul li a img,.picture_ul li a p,.picture_shadebox{transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
/*Hover effect*/
.hover_style01,.hover_style02,.hover_style03,.hover_style04,.hover_style05,.hover_style06,.hover_style07{display: inline-block;max-width: 100%;}
.lefthover{position: relative;}
.c-hrefdiv{cursor:pointer;}
/*hover_style01*/
.hover_style01 .lefthover:after,.picture_ul .hover_style01 .picture_shadebox:after{content: "";display: block;width: 100%;height: 100%;border: 2px solid #333;position: absolute;top: 0;left: 0;opacity: 0;box-sizing: border-box;transition: all .8s;}
.hover_style01:hover .lefthover:after,.picture_ul .hover_style01:hover .picture_shadebox:after{opacity: 1;}
/*hover_style02*/
.hover_style02 .lefthover:after,.picture_ul .hover_style02 .picture_shadebox:after{content: "";display: block;width: 70px;height: 70px;margin: -35px 0 0 -35px;position: absolute;top: 50%;left: 50%;background: url(../../res/jrfcms/img/admin/default/hover_style03_ico.png) no-repeat;cursor: pointer;opacity: 0;transition: all .8s;}
.picture_ul .hover_style02 .picture_shadebox:after{transform: rotate(-45deg);}
.hover_style02:hover .lefthover:after,.picture_ul .hover_style02:hover .picture_shadebox:after{opacity: 1;}
/*hover_style03*/
.hover_style03{overflow: hidden;}
.hover_style03 .lefthover{transition: all .8s;}
.hover_style03:hover .lefthover,.picture_ul:not(.picture_style_18) .hover_style03 .picture_shadebox:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transition: all .8s;}
.picture_style_18 .hover_style03 .picture_shadebox:hover img{transform: rotate(-45deg) scale(1.1);-webkit-transform: rotate(-45deg) scale(1.1);-moz-transform: rotate(-45deg) scale(1.1);-o-transform: rotate(-45deg) scale(1.1);-ms-transform: rotate(-45deg) scale(1.1);}
/*hover_style04*/
.hover_style04 .lefthover{transition: all .8s;}
.hover_style04:hover .lefthover,.picture_ul .hover_style04:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transition: all .8s;}
/*hover_style05*/
.hover_style05 .lefthover:after,.hover_style05 .lefthover:before,.hover_style05 .picture_shadebox:after,.hover_style05 .picture_shadebox:before{content: "";display: block;width: 50%;height: 50%;position: absolute;background: rgba(0,0,0,0);transition: all .5s;z-index: 1;top: 25%;left: 25%;}
.hover_style05:hover .lefthover:after{background: #000;opacity:0.6;filter:alpha(opacity=60);top: 0;left: 0;}
.hover_style05:hover .lefthover:before{background: #000;opacity:0.6;filter:alpha(opacity=60);top: 0;left: 50%;}
.hover_style05:hover .picture_shadebox:after{background: #000;opacity:0.6;filter:alpha(opacity=60);top: 50%;left: 0;}
.hover_style05:hover .picture_shadebox:before{background: #000;opacity:0.6;filter:alpha(opacity=60);top: 50%;left: 50%;}
.picture_style_18 .hover_style05:hover:before{transform: rotate(45deg) scale(.7);transform-origin: left bottom;}
.picture_style_18 .hover_style05:hover:after{transform: rotate(45deg) scale(.7);transform-origin: right bottom;}
/*hover_style06*/
.hover_style06 .lefthover{transition: all .8s;}
.hover_style06:hover .lefthover,.picture_ul .hover_style06:hover{transform:translateX(-20px);-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-o-transform:translateX(-20px);-ms-transform:translateX(-20px);transition: all .8s;}
/*hover_style07*/
.hover_style07 .lefthover{transition: all .8s;}
.hover_style07:hover .lefthover,.picture_ul .hover_style07:hover{transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-o-transform:translateY(-20px);-ms-transform:translateY(-20px);transition: all .8s;}
.picture_ul li p{width: 100%;height: 40px;line-height: 40px;font-size: 16px;background: rgba(0,0,0,.8);color: #fff;position: absolute;bottom: -45px;left: 0;text-indent: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* product style list */
.product_module a:hover{text-decoration: none;}
.product_module .formMiddle{padding:20px;}
.product_module .porduct_title{font-size:14px;padding:0;}
.product_module .propValue{font-size: 14px;font-weight: normal;}
.product_module .propValue b{font-size: 14px;}
/* Pictures-show */
.img_zlist{overflow: hidden;}
.opareat_zbtn{display: none;width:100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.7);}
.img_zitem:hover .opareat_zbtn{display: block;}
.opareat_zbtn a{display: inline-block;margin: 28px 0 0 18px;}
.modele_zlists{padding: 7px 0 0;}
#styleListUl.modele_zlists li{width: 138px;height: 86px;padding: 0;margin: 0 20px 10px 0;border: 1px solid #dcdcdc;}
#styleListUl.modele_zlists li:nth-child(4n){margin-right: 0;}
#styleListUl.modele_zlists li.ys_click_hover,#styleListUl.modele_zlists li.ys_click_on{border-color: #f80;}
#styleListUl li.five_times, .ys_box li.five_times{margin-right: 0;}
.num_tips{overflow: hidden;padding: 0 0 8px;}
.have_load{float: left;color: #999;font-size: 12px;}
.max_load{float: right;color: #f00;font-size: 12px;}
.load_zimgs{width: 638px;height: 203px;padding: 18px 0 0;border: 1px solid #dcdcdc;overflow: auto;}
.load_zimgs:after{content: "";display: block;clear: both;}
.load_zimgs ul{float: left;}
.load_zimgs li{float: left;width: 103px;height: 82px;position: relative;margin: 0 0 17px 18px ;}
.load_zimgs li img{width: 100%;height: 100%;}
.load_zimgs li.add_zimgbtn{border: 1px dashed #d2d2d2;cursor: pointer;}
.load_zimgs li.img_zitem{border: 1px solid #dcdcdc;}
.load_zimgs li.img_zitem{border: 1px solid #dcdcdc;}
.show_zpage{display: inline-block;line-height: 30px;margin: 0 0 0 30px;}
#pageSizeDiv{display: inline-block;margin: 0 0 0 50px;}
.top_imgplay{text-align: center;padding: 20px 0;margin: 0 30px;border-bottom: 1px solid #d2d2d2;}
.top_imgplay img{display: inline-block;width: 145px;height: 145px;margin: 0 97px;}
.play_btn{display: inline-block;width: 36px;height: 36px;background: url(../img/admin/default/imgs_playbtn.png) no-repeat;cursor: pointer;vertical-align: 51px;}
.play_btn.dis_click{cursor: default;}
.prev_btn{background-position: -43px 0;}
.prev_btn.dis_click{background-position: -43px -44px;vertical-align: 50px;}
.next_btn{background-position: 0 0;}
.next_btn.dis_click{background-position: 0 -44px;}
.img_set{padding: 15px 20px;}
.img_set .setimg_item{padding: 5px 0;}
.open_way{height: 30px;line-height: 30px;}
.img_validity{display: inline-block;line-height: 30px;}
.img_validity span{margin: 0 0 0 20px;}
.img_set .bordermsg{width: 95%;margin: 15px auto 0;}
.setimg_item input[type="text"]{width: 355px;}
.setimg_item.set_title input[type="text"]{width: 469px;}
.set_heightitem{padding: 7px 0;}
#moreUrl{width: 159px;margin: 1px 0 0 5px!important;}
.hover_effectlist{margin: 10px 0 0 20px;}
.hover_effectlist li{width: auto;height: auto;margin: 0 20px 0 0;padding: 0;border: none;}
.hover_effectlist li.ys_click_on,.hover_effectlist li.ys_click_hover{border:none;}
.hover_effectlist li img{margin: 0;}
.hover_effectlist li div{width: 81px;height: 70px;border: 1px solid #c9c9c9;position: relative;}
.hover_effectlist li.ys_click_on div,.hover_effectlist li.ys_click_hover div{border-color: #ff7500;}
.hover_effectlist li p{color: #a0a0a0;height: 42px;line-height: 42px;}
/*pictures-show-page-style*/
.pagination-list{text-align: center;min-width: 560px;margin: 15px 0;}
.pagination-list .pagination-main{display: inline-block;line-height: 30px;}
.pagination-item{float: left;width: 30px;height: 30px;line-height: 30px;}
.pagination-list .pagination-item.pagination-current,.pagination-list .pagination-item.pagination-more{cursor: default;}
.pagination-list .pagination-main:after{content: "";display: block;clear: both;}
.pagination-item.last-page{margin: 0;}
/*pagination-list01*/
.pagination-list01{min-width: 700px;}
.pagination-list01 .pagination-item{margin: 0 7px 0 0;border: 1px solid #ddd;text-decoration: none;}
.pagination-list01 .first-page,.pagination-list01 .prev-page,.pagination-list01 .next-page,.pagination-list01 .last-page{width: auto;padding: 0 13px;}
.pagination-list01 .pagination-item.pagination-current{border-color: transparent;}
/*pagination-list02*/
.pagination-list02 .pagination-item{margin: 0 7px 0 0;border: 1px solid #E9E9E9;color: #999;text-decoration: none;background: #fff;
    -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.pagination-list02 .prev-page,.pagination-list02 .next-page{font-family: cursive;}
.pagination-list02 .pagination-item.pagination-more{color: #999;}
/*pagination-list03*/
.pagination-list03 .pagination-item{color: #666;text-decoration: underline;}
/*pagination-list04*/
.pagination-list04 .pagination-item{width: 40px;height: 34px;line-height: 34px;background: #fff;box-shadow: 0 0 3px rgba(204, 204, 204, 0.7);border-right: 1px solid #eee;color: #666;text-decoration: none;}
.pagination-list04 .pagination-item.prev-page,.pagination-list04 .pagination-item.next-page{width: auto;padding: 0 15px;}
.pagination-list04 .pagination-item.prev-page{border-radius: 10px 0 0 10px;}
.pagination-list04 .pagination-item.next-page{border-radius: 0 10px 10px 0;}
.pagination-list04 .pagination-more{color: #666;}
.pagination-list04 .pagination-more:hover{color: #666;}
.pagination-list04 .pagination-item.pagination-current{color: #fff;}
/*pagination-list05*/
.pagination-list05 .pagination-item{background: #ececec;margin: 0 7px 0 0;text-decoration: none;}
.pagination-list05 .pagination-item:hover{color: #fff;}
.pagination-list05 .prev-page,.pagination-list05 .next-page,.pagination-list05 .pagination-btn{width: auto;padding: 0 15px;}
.pagination-list05 input{float: left;width: 30px;margin: 1px 7px 0 0;}
.pagination-list05 .pagination-item.pagination-current{color: #fff;}
.pagination-list05 .pagination-btn{height: 28px;line-height: 28px;border: 1px solid;color: #fff;}
/*pagination-list06*/
.pagination-list06 .pagination-item{text-decoration: none;}
.pagination-list06 span{float: left;}
.pagination-list06 input{float: left;width: 30px;margin: 1px 5px 0 5px;}
.pagination-list06 .pagination-btn{width: auto;padding: 0 15px;margin: 3px 0 0 10px;height: 24px;line-height: 24px;border: 1px solid;color: #fff;
    -webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;}
/*pagination-list07*/
.pagination-list07 .main{display: block;width: 200px;height: 44px;line-height: 44px;border: 1px solid #ddd;margin: 0 auto;color: #707070;cursor: pointer;}
.pagination-list07 .main .bat{display: inline-block;width: 8px;height: 8px;border-top: 1px solid #707070;border-left: 1px solid #707070;margin: 0 0 0 10px;transform: rotate(-135deg);vertical-align: 3px;}