.popup {position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.popup-main{position: absolute; left: 50%; top: 50%; z-index: 9999; margin: -200px 0 0 -230px; padding: 25px 55px 60px; background-color: #fff;}
.popup-main:before{
	content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 2px; background: #fe7e57;
	background: -moz-linear-gradient(left, #fe7e57 0%, #a384fc 100%);
	background: -webkit-linear-gradient(left, #fe7e57 0%,#a384fc 100%);
	background: linear-gradient(to right, #fe7e57 0%,#a384fc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe7e57', endColorstr='#a384fc',GradientType=1 );
}
.pop-login .popup-main{margin-top: -189px;}
.pop-reg .popup-main{margin-top: -218px;}

.popup-title{font-weight: normal;}
.popup-tips{margin: 30px 0 0; padding-bottom: 16px;}
.wrong{width: 260px; padding: 7px; text-align: center; color: #fc496b; border: 1px solid #fda4b5; background-color: #ffeef2; border-radius: 2px;}
.pop-info .popup-tips{margin: 0; padding: 0;}
.pop-info .wrong{width: 100%; margin-top: 10px;}

.form-item{margin-bottom: 16px;}
.edit-tips-options .form-item{margin-bottom: 0;}
.form-input{width: 320px; height: 40px; padding: 0 14px; border: 1px solid #dad9d9; border-radius: 2px;}
.form-input:focus, .form-input.active{border: 1px solid #fc496b;}
.form-input.select{position: relative; padding-right: 28;}
.form-input.select:after{content: ''; position: absolute; top: 10px; right: 8px; display: block; width: 12px; height: 7px; background: url(../img/icon_select.png) no-repeat center center; background-size: 100% 100%;}
.input-code{width: 186px; margin-right: 12px;}
.form-btn{width: 348px; height: 42px; line-height: 42px; color: #fff; background-color: #fc496b; border-radius: 2px; cursor: pointer;}
.form-btn:active{color: #e5e5e5; background-color: #e24260;}
.btn-code{width: 120px;}
.btn-code.disabled, .btn-code.sending{color: #818181; background-color: #f8f8f8;}
.link{border-bottom: 1px solid #fc496b;}

.form-select{position: relative; width: 198px; cursor: pointer;}
.form-select-list{position: absolute; left: 0; top: 32px; width: 196px; border: 1px solid #fc496b; border-radius: 2px;}
.form-select-item{width: 180px; height: 28px; padding: 0 8px; font-size: 14px; color: #555; background-color: #fff; list-style: none;}
.form-select-item.active{color: #fff; background-color: #fc496b;}

.pop-info .popup-main{width: 533px; padding: 35px 73px; margin: -295px 0 0 -339.5px;}
.pop-info .popup-title{margin-bottom: 30px; line-height: 28px;}
.pop-info .form-item{margin-bottom: 20px;}
.pop-info .form-input{width: 180px; height: 28px; padding: 0 8px; line-height: 28px;}
.form-input.bwh{width: 37px;}
.form-line{color: #dad9d9;}
.pop-info .form-btn{width: 242px; margin: 20px auto 0;}
.form-label{display: inline-block; margin-right: 16px;}
.pop-info .form-label{float: left; height: 30px; line-height: 30px;}
.form-chosen{color: #555; cursor: pointer;}
.form-ichosen{display: inline-block; width: 14px; height: 14px; margin: 0 5px -2px 0; background: url(../img/icon_choose.png) no-repeat center center; background-size: 100% 100%;}
.form-chosen.active{color: #fc496b;}
.form-chosen.active .form-ichosen{background-image: url(../img/icon_chosen.png);}
.pop-info .form-chosen{height: 30px; line-height: 30px;}

.user-info{height: 68px; padding: 0; margin: 0 50px; line-height: 68px;}
.user-name{display: inline-block; margin-right: 18px;}
.user-detail{position: relative; float: right; padding: 17px 13px 17px 0; cursor: pointer;}
.user-detail-idown{position: absolute; top: 32px; right: 0; display: inline-block; width: 8px; height: 4px; background: url(../img/icon_down.png) no-repeat center center; background-size: 100% 100%;}
.user-thumb{display: block; width: 35px; height: 35px; background: url(../../common/img/thumb.png) no-repeat center center; background-size: cover; border-radius: 50%;}
.user-logout{position: absolute; left: 50%; top: 52px; z-index: 2; display: none; width: 136px; height: 39px; margin-left: -73px; line-height: 43px; text-align: center; color: #555; background: url(../img/icon_logout.png) no-repeat center center; background-size: 100% 100%;}
.user-detail:hover .user-logout, .user-logout:hover{display: block;}
.user-detail-idown{
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.user-detail .user-detail-idown{
	-webkit-animation: rerotate 300ms forwards ease-in-out;
	-moz-animation: rerotate 300ms forwards ease-in-out;
	-ms-animation: rerotate 300ms forwards ease-in-out;
	animation: rerotate 300ms forwards ease-in-out;
}
.user-detail:hover .user-detail-idown{
	-webkit-animation: rotate 300ms forwards ease-in-out;
	-moz-animation: rotate 300ms forwards ease-in-out;
	-ms-animation: rotate 300ms forwards ease-in-out;
	animation: rotate 300ms forwards ease-in-out;
}
.mk-page{padding: 0 50px;}
.page-upload{padding: 0 40px;}
.page-choose{padding-top: 36px;}
.page-edit{padding-top: 15px;}
.moka-nav{width: 89.75%; margin: 0 auto; padding-right: 23px; white-space: nowrap;}
.mk-nav-item{position: relative; width: 25%; height: 36px; line-height: 36px; color: #666; background-color: #e4f0fe;}
.mk-nav-item.active{color: #fff; background-color: #76b0de;}
.mk-nav-item:after{content: ''; position: absolute; right: -23px; top: 0; z-index: 1; display: block; width: 23px; height: 36px; background: url(../img/arrow.png) no-repeat center center; background-size: 100% 100%;}
.mk-nav-item.active:after{background-image: url(../img/arrow_chosen.png);}
.mk-nav-done:after{background: #e4f0fe;}
.mk-nav-done.active:after{background: #76b0de;}
a.mk-nav-done, .mk-nav-done{cursor: not-allowed;}

.moka-type{width: 100%; padding: 10px 0 10px; background-color: #fff; left: 0; z-index: 9999;}
.mk-type-item{width: 144px; height: 38px; margin: 0 5px; line-height: 38px; color: #333; border: 1px solid #dad9d9; border-radius: 2px; cursor: pointer;}
.mk-type-item.active{color: #fff; background-color: #75b0dd; border: 1px solid #75b0dd;}

.moka-style{padding: 36px 0 46px;}
.tlt-moka{ width: 1200px;max-width: 1200px;margin: 0 auto;}  
.tlt-moka-item{float:left;margin-bottom: 20px;width: 25%; padding-right: 0px; cursor: pointer; border: 3px solid #fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tlt-moka-item.hidden{opacity: 0; cursor: default;}
.tlt-moka-item img{display: block; width: 100%; height: auto;} 
@media only screen and (max-width: 1200px){
	.mk-type-item{width: 136px;}
	.tlt-moka{width: 924px;}
	.tlt-moka-item{width: 50%;float:left;padding-right: 0px; }
	.tlt-moka{width: 924px;}
}
.tlt-moka-title{padding: 10px; border: 1px solid #e7e7e7; border-top: 0 none;}
.tlt-moka-item.active{border-color: #fc496b;}
.tlt-moka-item.active .tlt-moka-title{border-color: #fff;}

.moka-footer{position: fixed; left: 0; bottom: 0; z-index: 9999; width: 100%; padding: 37px 0; background-color: #fff; border-top: 1px solid #dddddd;}
.moka-sure{width: 312px; height: 50px; line-height: 50px; color: #fff; background-color: #fc496b; border-radius: 2px; cursor: pointer;}
.moka-sure:active{color: #e5e5e5; background-color: #e24260;}
.moka-sure.disabled{background-color: #cccccc; cursor: not-allowed;}

.upload-tips{padding: 42px 0; color: #75b0df; border-bottom: 1px solid #dad9d9;}
.upload-sum{color: #ffa27d;}
.upload-clear{width: 136px; height: 38px; margin: 20px 14px 0 0; line-height: 38px; color: #666; border: 1px solid #dadad9; border-radius: 2px; cursor: pointer;}
.upload-iclear{width: 14px; height: 16px; margin: 0 4px -3px 0; background: url(../img/icon_delete_btn.png) no-repeat center center; background-size: 100% 100%;}
.upload-clear:active{color: #d9d9d9;}
.upload-clear:active .upload-iclear{background-image: url(../img/icon_delete_active.png);}

.upload-list{padding: 20px 0;}
.upload-add, .upload-img{display: inline-block; margin: 0 10px 20px;}
.upload-add{position: relative; width: 164px; height: 210px; color: #75b0df; border: 1px solid #75b0df; cursor: pointer;}
.upload-iadd{width: 36px; height: 36px; margin: 76px auto 10px; background: url(../img/icon_add.png) no-repeat center center; background-size: 100% 100%;}
.upload-addbtn{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.upload-img{position: relative; width: 166px; height: 212px; background: url() no-repeat center center; background-size: cover;}
/*new add*/
.upload-img{outline: 1px solid #dad9d9; overflow: hidden; line-height: 212px;}
.upload-img:before{content: '等待上传'; position: absolute; left: 50%; top: 50%; z-index: 2; margin: -13px 0 0 -28px; font-size: 14px; color: #666;}
.upload-img-img{display: inline-block; margin: 0 auto;}
.upload-img-img.H{height: 100%;}
.upload-img-img.S{width: 100%;}

.upload-img.iloading{outline: 1px solid #75b0df;}
.upload-img.iloading:before{content: '上传中...'; color: #75b0df;}
.upload-img.idone{outline: none;}
.upload-img.idone:before{content: none;}
.img-preload{position: fixed; left: -9999px; top: -9999px; z-index: -1; opacity: 0;}
/*end new add*/
.upload-img-icancel{position: absolute; right: 10px; bottom: 8px; z-index: 1; width: 22px; height: 25px; background: url(../img/icon_delete.png) no-repeat center center; background-size: 100% 100%; cursor: pointer;}
.upload-img-icancel:active{background-image: url(../img/icon_delete_active.png);}
.upload-newbtn{
	position: relative; width: 202px; height: 50px; margin: 0 auto 15px; line-height: 50px; font-size: 22px; color: #fff; border: 1px solid #5da5de; border-radius: 2px;
	background: #54bcf4;
	background: -moz-linear-gradient(top, #54bcf4 0%, #48abe2 100%);
	background: -webkit-linear-gradient(top, #54bcf4 0%,#48abe2 100%);
	background: linear-gradient(to bottom, #54bcf4 0%,#48abe2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54bcf4', endColorstr='#48abe2',GradientType=0 );
}
.upload-newbtn:active{
	color: #e3e3e3;
	background: #4ba7d9;
	background: -moz-linear-gradient(top, #4ba7d9 0%, #4098c9 100%);
	background: -webkit-linear-gradient(top, #4ba7d9 0%,#4098c9 100%);
	background: linear-gradient(to bottom, #4ba7d9 0%,#4098c9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ba7d9', endColorstr='#4098c9',GradientType=0 );
}
.upload-iadds{width: 34px; height: 28px; margin: 0 15px -3px 0; background: url(../img/icon_upload.png) no-repeat center center; background-size: 100% 100%;}
.upload-newbtn:active .upload-iadds{background-image: url(../img/icon_upload_active.png);}

.moka-wrap{position: relative; margin-left: auto; margin-right: auto;}
.moka-info, .moka-photo{position: absolute; z-index: 1; overflow: hidden;}
.moka-imgwrap{width: 100%; height: 100%; position: relative; overflow: hidden;}
.moka-iexchange, .moka-imove, .moka-iadd, .moka-imin{position: absolute; z-index: 9998; display: none;}
.moka-photo:hover .moka-iexchange, .moka-photo:hover .moka-imove, .moka-photo:hover .moka-iadd, .moka-photo:hover .moka-imin{display: block;}
.moka-iexchange{left: 12px; top: 12px; width: 34px; height: 33px; background: url(../img/icon_exchange.png) no-repeat center center; background-size: 100% 100%; cursor: pointer;}
.moka-imove{right: 12px; top: 12px; width: 34px; height: 33px; background: url(../img/icon_move.png) no-repeat center center; background-size: 100% 100%; cursor: move;}
.moka-iadd{right: 12px; bottom: 43px; width: 30px; height: 30px; background: url(../img/icon_enlarge.png) no-repeat center center; background-size: 100% 100%; cursor: pointer;}
.moka-imin{right: 12px; bottom: 12px; width: 30px; height: 30px; background: url(../img/icon_narrow.png) no-repeat center center; background-size: 100% 100%; cursor: pointer;}
.moka-exchange{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.moka-photo.small .moka-iexchange{left: 6px; top: 6px;}
.moka-photo.small .moka-imove{right: 6px; top: 6px;}
.moka-photo.small .moka-iadd{right: 6px; bottom: 37px;}
.moka-photo.small .moka-imin{right: 6px; bottom: 6px;}

.edit-tips{margin-top: 30px; padding: 15px 0;}
.edit-tips-iexchange{width: 24px; height: 23px; margin: 0 10px -7px; background: url(../img/icon_exchange_txt.png) no-repeat center center; background-size: 100% 100%;}
.edit-tips-imove{width: 25px; height: 24px; margin: 0 10px -7px; background: url(../img/icon_move_txt.png) no-repeat center center; background-size: 100% 100%;}

.black{background-color: #000; color: #fff;}
.white{background-color: #fff; color: #000;}
.black .moka-photo, .black .moka-info{outline: 1px solid #000;}
.white .moka-photo, .white .moka-info{outline: 1px solid #fff;}
.nobor .moka-photo, .nobor .moka-info{outline: 0 none;}
.white.nobor.moka-wrap{outline: 1px solid #ddd;}
.white.moka-wrap{outline: 2px solid #ddd;}
.moka-info{position: relative; text-align: center;}
.moka-txt{display: inline-block; max-width: 100%; margin-left: auto; margin-right: auto; text-align: left; line-height: 1;}
.info-edit{position: absolute; left: 0; top: 0; z-index: 9998; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); display: none; cursor: pointer;}
.info-tips{position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -28px; font-size: 14px; color: #fff;}
.info-tips span{display: block;}
.info-iedit{width: 25px; height: 24px; margin: 0 auto 5px; background: url(../img/icon_edit.png) no-repeat center center; background-size: 100% 100%;}
.moka-info:hover .info-edit{display: block;}

.done-app{display: none;}
.done-wrap{padding: 40px 0;}
.done-main{/*padding: 50px 0; border: 1px solid #dad9d9;*/}
.done-title{font-size: 22px; font-weight: normal; color: #fba55c; /*color: #75b0df;*/}
.done-links{margin-top: 33px;}
.done-link{color: #333; border-bottom: 1px solid #333;}
.done-download{margin-right: 130px;}
.done-app{width: 100%; height: 519px; background: url(../img/app_intro.jpg) no-repeat center center; background-size: cover;}
.done-moka{width: 56%;}
.done-moka.uploading{height: 155px;}
.done-moka.uploading:after{content: '正在上传模卡...'; display: inline-block; padding-top: 100px;}
.done-moka img{display: block; width: 100%;}
.done-tips{padding-left: 59%; padding-top: 40px;}
.done-dw-tips{margin-top: 10px;}
@media only screen and (max-width: 1200px) {
	.done-app{background: url(../img/app_intro.jpg) no-repeat 55% 50%; background-size: cover;}
}
.wrap.finished{padding-bottom: 0;}
.finished .done-app{display: block;}
.finished .moka-footer{display: none;}

#mycanvas{display: none; background-color: transparent;}

/*info styles*/
/*.moka-txt{font-family: "ZHSCNMT","微软雅黑",sans-serif;}*/
.moka-txt{font-family: "微软雅黑",sans-serif;}
/*.H04 .moka-txt, .H05 .moka-txt{font-family: "Helvetica","微软雅黑",sans-serif;}*/
.H01 .moka-txt, .H02 .moka-txt, .H03 .moka-txt{letter-spacing: 1px;}
.drawing.H01 .moka-txt, .drawing.H02 .moka-txt, .drawing.H03 .moka-txt{letter-spacing: normal;}

.smscreen .H01 .moka-txt, .smscreen .H02 .moka-txt, .smscreen .H03 .moka-txt{-webkit-transform: scale(0.84);-moz-transform: scale(0.84);-ms-transform: scale(0.84);transform: scale(0.84);}
.smscreen .H04 .info-title, .smscreen .H04 .info-item, .smscreen .H05 .info-title, .smscreen .H05 .info-item{-webkit-transform: scale(0.84);-moz-transform: scale(0.84);-ms-transform: scale(0.84);transform: scale(0.84);}
.H01 .info-name, .H01 .info-data, .H02 .moka-txt{
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
}
/*default tpl 侧边普遍样式*/
.info-title{max-width: 100%; margin-bottom: 21px; font-size: 23px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.info-name, .info-data{font-size: 11px;}
.info-name{margin-top: 12px;}
.info-data{margin-top: 4px;}
/*侧边特殊样式  H-01-15-01 H-01-15-02 H-01-16-01*/
.H01.N07-01 .info-title, .H01.N06-01 .info-title{font-size: 29px;}
.H01.N07-01 .info-name, .H01.N07-01 .info-data, .H01.N06-01 .info-name, .H01.N06-01 .info-data{font-size: 14px;}
.H01.N15-01 .info-title, 
.H01.N15-02 .info-title, 
.H01.N16-01 .info-title{margin-bottom: 16px; font-size: 22px;}
.H01.N15-01 .info-name, .H01.N15-01 .info-data,
.H01.N15-02 .info-name, .H01.N15-02 .info-data,
.H01.N16-01 .info-name, .H01.N16-01 .info-data{font-size: 10px;}
.H01.N15-01 .info-name,
.H01.N15-02 .info-name,
.H01.N16-01 .info-name{margin-top: 11px;}
.H01.N15-01 .info-data,
.H01.N15-02 .info-data,
.H01.N16-01 .info-data{margin-top: 3px;}
/*底部普遍样式*/
.H02 .moka-txt{display: block; margin: 15px auto auto 67px; overflow: hidden;}
.H02 .info-title{float: left; margin: 4px 54px 0 0; font-size: 28px;}
.H02 .info-item{float: left; margin: 0 35px 0 0;}
.H02 .info-name{font-size: 13px;}
.H02 .info-data{font-size: 14px;}
.H02 .info-name{margin-top: 0;}
.H02 .info-data{margin-top: 10px;}
/*插入普遍样式*/
.H03 .moka-txt{text-align: center;}
.H03 .info-title{display: inline-block; margin-bottom: 6px; font-size: 22px;}
.H03 .info-name, .H03 .info-data{font-size: 10px;}
.H03 .info-name{margin-top: 13px;}
.H03 .info-data{display: inline-block; margin-top: 5px;}
/*插入特殊样式  H-03-15-01 H-03-15-02 H-03-16-01*/
.H03.N15-01 .info-title, 
.H03.N15-02 .info-title, 
.H03.N16-01 .info-title{margin-bottom: 4px;}
.H03.N15-01 .info-name,
.H03.N15-02 .info-name,
.H03.N16-01 .info-name{margin-top: 11px;}
.H03.N15-01 .info-data,
.H03.N15-02 .info-data,
.H03.N16-01 .info-data{margin-top: 4px;}
/*环绕普遍样式*/
.H04 .moka-txt{text-align: center; white-space: nowrap;}
.H04 .info-item{position: absolute; left: 0; bottom: 12px; /*width: 100%;*/}
.H04 .info-title{display: inline-block; margin: 23px 0 0; font-size: 34px;}
.H04 .info-name, .H04 .info-data{display: inline-block; margin: 0 4px 0; font-size: 11px;}
.H04 .short .info-name, .H04 .short .info-data{margin-left: 10px; margin-right: 10px;}
.H04 .info-tips{top: 30px;}
.smscreen .H04 .info-title{margin-top: 18px}
.smscreen .H04 .info-item{bottom: 9px}
/*环绕特殊样式   H-04-15-01*/
.H04.N14-02 .info-name, .H04.N14-02 .info-data{margin: 0 4px; font-size: 9px;}
.H04.N14-02 .short .info-name, .H04.N14-02 .short .info-data{margin: 0 6px; font-size: 10px;}

.H04.N15-01 .info-title, .H04.N15-02 .info-title{margin-top: 19px;}
.H04.N15-01 .info-item, .H04.N15-02 .info-item{bottom: 12px;}
.H04.N15-01 .info-name, .H04.N15-01 .info-data,
.H04.N15-02 .info-name, .H04.N15-02 .info-data{margin: 0 5px; font-size: 8px;}
.H04.N15-01 .short .info-name, .H04.N15-01 .short .info-data,
.H04.N15-02 .short .info-name, .H04.N15-02 .short .info-data{margin-left: 10px; margin-right: 10px;}

.H04.N16-01 .info-title, .H04.N17-01 .info-title{margin-top: 20px;}
.H04.N16-01 .info-item, .H04.N17-01 .info-item{bottom: 10px;}
.smscreen .H04.N16-01 .info-title, .smscreen .H04.N17-01 .info-title{margin-top: 15px}
.smscreen .H04.N16-01 .info-item, .smscreen .H04.N17-01 .info-item{bottom: 7px}
.H04.N16-01 .info-name, .H04.N16-01 .info-data,
.H04.N17-01 .info-name, .H04.N17-01 .info-data{margin: 0 3px; font-size: 9px;}
.H04.N16-01 .short .info-name, .H04.N16-01 .short .info-data,
.H04.N17-01 .short .info-name, .H04.N17-01 .short .info-data{margin-left: 8px; margin-right: 8px;}
/*浮层普遍样式*/
.H05.white{color: #fff;}
.H05 .moka-info{z-index: 9998;}
.H05 .moka-photo[index='0'] .moka-imin{bottom: 90px;}
.H05 .moka-photo[index='0'] .moka-iadd{bottom: 121px;}
.H05.N14-03 .moka-photo[index='0'] .moka-imin{bottom: 12px;}
.H05.N14-03 .moka-photo[index='0'] .moka-iadd{bottom: 43px;}
.H05.N14-03 .moka-photo[index='4'] .moka-imin{bottom: 90px;}
.H05.N14-03 .moka-photo[index='4'] .moka-iadd{bottom: 121px;}
.H05 .moka-txt{text-align: center; white-space: nowrap;}
.H05 .info-item{position: absolute; left: 0; bottom: 8px;}
.H05 .moka-info{background-color: rgba(0, 0, 0, .502); outline: 0 none;}
.H05 .info-title{display: inline-block; margin-bottom: 0; margin-top: 8px; font-size: 29px;}
.H05 .info-name, .H05 .info-data{display: inline-block; margin: 11px 5px 0; font-size: 11px;}
.H05 .short .info-name, .H05 .short .info-data{margin-left: 10px; margin-right: 10px;}
/*浮层特殊样式*/
.H05.N14-02 .info-name, .H05.N14-02 .info-data{margin: 0 4px 0; font-size: 10px;}
.H05.N14-02 .short .info-name, .H05.N14-02 .short .info-data{margin: 0 9px;}
.H05.N14-03 .info-title{margin-top: 7px;}
.H05.N14-03 .info-item{bottom: 9px;}
.smscreen .H05 .info-title{margin-top: 5px;}
.smscreen .H05 .info-item{bottom: 5px}

/*.H05.N15-01 .info-item, .H05.N15-02 .info-item{bottom: 6px;}*/
.H05.N15-01 .info-name, .H05.N15-01 .info-data,
.H05.N15-02 .info-name, .H05.N15-02 .info-data{margin: 0 2px 0; font-size: 9px;}
.H05.N15-01 .short .info-name, .H05.N15-01 .short .info-data,
.H05.N15-02 .short .info-name, .H05.N15-02 .short .info-data{margin-left: 7px; margin-right: 7px;}

/*.H05.N16-01 .info-item, .H05.N17-01 .info-item{bottom: 6px;}*/
.H05.N16-01 .info-name, .H05.N16-01 .info-data,
.H05.N17-01 .info-name, .H05.N17-01 .info-data{margin: 0 3px; font-size: 10px;}
.H05.N16-01 .short .info-name, .H05.N16-01 .short .info-data,
.H05.N17-01 .short .info-name, .H05.N17-01 .short .info-data{margin-left: 8px; margin-right: 8px;}

/*for webkit*/
/*default tpl 侧边普遍样式*/
.webkit .info-name, .webkit .info-data{-webkit-transform: scale(0.916);}
.webkit .info-name{margin-top: 11px;}
.webkit .info-data{margin-top: 3px;}
/*侧边特殊样式  H-01-15-01 H-01-15-02 H-01-16-01*/
.webkit .H01.N15-01 .info-name, .webkit .H01.N15-01 .info-data,
.webkit .H01.N15-02 .info-name, .webkit .H01.N15-02 .info-data,
.webkit .H01.N16-01 .info-name, .webkit .H01.N16-01 .info-data{-webkit-transform: scale(0.833);}
.webkit .H01.N15-01 .info-name,
.webkit .H01.N15-02 .info-name,
.webkit .H01.N16-01 .info-name{margin-top: 9px;}
.webkit .H01.N15-01 .info-data,
.webkit .H01.N15-02 .info-data,
.webkit .H01.N16-01 .info-data{margin-top: 1px;}
/*底部普遍样式*/
.webkit .H02 .info-name{margin-top: 0;}
.webkit .H02 .info-data{margin-top: 10px;}
/*插入普遍样式*/
.webkit .H03 .info-name, .webkit .H03 .info-data{-webkit-transform: scale(0.833);}
.webkit .H03 .info-name{margin-top: 11px;}
.webkit .H03 .info-data{margin-top: 3px;}
/*环绕普遍样式*/
.webkit .H04 .info-name, .webkit .H04 .info-data{margin: 0 0 0; -webkit-transform: scale(0.916);}
.webkit .H04 .short .info-name, .webkit .H04 .short .info-data{margin-left: 6px; margin-right: 6px;}
/*环绕特殊样式   H-04-15-01*/
.webkit .H04.N14-02 .info-name, .webkit .H04.N14-02 .info-data{margin: 0 -2px 0; -webkit-transform: scale(0.75);}
.webkit .H04.N14-02 .short .info-name, .webkit .H04.N14-02 .short .info-data{margin: 0 2px 0; -webkit-transform: scale(0.833);}

.webkit .H04.N15-01 .info-name, .webkit .H04.N15-01 .info-data,
.webkit .H04.N15-02 .info-name, .webkit .H04.N15-02 .info-data{margin: 0 -6px 0; -webkit-transform: scale(0.666);}
.webkit .H04.N15-01 .short .info-name, .webkit .H04.N15-01 .short .info-data,
.webkit .H04.N15-02 .short .info-name, .webkit .H04.N15-02 .short .info-data{margin-left: -2px; margin-right: -2px;}

.webkit .H04.N16-01 .info-name, .webkit .H04.N16-01 .info-data,
.webkit .H04.N17-01 .info-name, .webkit .H04.N17-01 .info-data{margin: 0 -4px 0; -webkit-transform: scale(0.75);}
.webkit .H04.N16-01 .short .info-name, .webkit .H04.N16-01 .short .info-data,
.webkit .H04.N17-01 .short .info-name, .webkit .H04.N17-01 .short .info-data{margin-left: 0; margin-right: 0;}
/*浮层普遍样式*/
.webkit .H05 .info-name, .webkit .H05 .info-data{margin: 0 1px; -webkit-transform: scale(0.916);}
.webkit .H05 .short .info-name, .webkit .H05 .short .info-data{margin-left: 6px; margin-right: 6px;}
/*浮层特殊样式*/
.webkit .H05.N14-02 .info-name, .webkit .H05.N14-02 .info-data{margin: 0 0; -webkit-transform: scale(0.833);}
.webkit .H05.N14-02 .short .info-name, .webkit .H05.N14-02 .short .info-data{margin: 0 4px;}

.webkit .H05.N15-01 .info-name, .webkit .H05.N15-01 .info-data,
.webkit .H05.N15-02 .info-name, .webkit .H05.N15-02 .info-data{margin: 0 -4px; -webkit-transform: scale(0.75);}
.webkit .H05.N15-01 .short .info-name, .webkit .H05.N15-01 .short .info-data,
.webkit .H05.N15-02 .short .info-name, .webkit .H05.N15-02 .short .info-data{margin-left: 0px; margin-right: 0px;}

.webkit .H05.N16-01 .info-name, .webkit .H05.N16-01 .info-data,
.webkit .H05.N17-01 .info-name, .webkit .H05.N17-01 .info-data{margin: 0 -1px; -webkit-transform: scale(0.833);}
.webkit .H05.N16-01 .short .info-name, .webkit .H05.N16-01 .short .info-data,
.webkit .H05.N17-01 .short .info-name, .webkit .H05.N17-01 .short .info-data{margin-left: 4px; margin-right: 4px;}

@-webkit-keyframes rotate {0% {-webkit-transform: rotate(0);} 100% {-webkit-transform: rotate(180deg);}}
@-moz-keyframes rotate {0% {-moz-transform: rotate(0);} 100% {-moz-transform: rotate(180deg);}}
@-ms-keyframes rotate {0% {-ms-transform: rotate(0);} 100% {-ms-transform: rotate(180deg);}}
@keyframes rotate {0% {transform: rotate(0);} 100% {transform: rotate(180deg);}}

@-webkit-keyframes rerotate {100% {-webkit-transform: rotate(0);} 0% {-webkit-transform: rotate(180deg);}}
@-moz-keyframes rerotate {100% {-moz-transform: rotate(0);} 0% {-moz-transform: rotate(180deg);}}
@-ms-keyframes rerotate {100% {-ms-transform: rotate(0);} 0% {-ms-transform: rotate(180deg);}}
@keyframes rerotate {100% {transform: rotate(0);} 0% {transform: rotate(180deg);}}