@charset "UTF-8";
#ng-view {
  opacity: 1 !important;
}

.pages {
  margin-left: 15px;
  cursor: pointer;
}

.browser {
  text-align: center;
  position: fixed;
  width: 100%;
  top: 185px;
  overflow-x: hidden;
  overflow-y: scroll;
  left: 0;
  z-index: 3000;
  bottom: 0;
  padding-bottom: 91px;
}

.scanYourPhotoPass {
  z-index: 2001;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #f1f1f1;
  text-align: center;
}
.scanYourPhotoPass .centent {
  position: absolute;
  width: 800px;
  height: 420px;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
}
.scanYourPhotoPass .centent .logoPP {
  width: initial;
  height: 100px;
}
.scanYourPhotoPass .centent .ppInputTopBar {
  position: relative;
  width: calc(100% - 120px);
  border: 1px solid #96a3b1;
  border-radius: 40px;
  height: 75px;
  margin: 70px auto;
  background: #fff no-repeat 24px 25px;
  background-size: 40px;
}
.scanYourPhotoPass .centent .ppInputTopBar .ppInputTop {
  width: calc(100% - 46px);
  height: 100%;
  margin-left: 46px;
}
.scanYourPhotoPass .centent .ppInputTopBar .ppInputTop span {
  font-size: 1em;
  display: block;
  height: 100%;
  width: 100%;
  line-height: 75px;
  color: #697885;
  text-align: left;
}
.scanYourPhotoPass .centent .ppInputTopBar .ppInputTop #btnScanImg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 130px;
  width: 40px;
  height: 40px;
}
.scanYourPhotoPass .centent .ppInputTopBar .photograph {
  border-radius: 5px;
  width: 150px;
  height: 150px;
  position: relative;
  content: "";
  margin-top: 35px;
  border: 1px solid rgba(230, 226, 226, 0.7019607843);
  background: url(../image/photoView/face.png) no-repeat center center/100px;
  color: #198FFA;
  padding-top: 150px;
  line-height: 50px;
}
.scanYourPhotoPass .centent .ppInputTopBar .photograph::after {
  position: absolute;
  content: "";
  width: calc(100% - 6px);
  height: calc(100% - 8px);
  border-radius: 5px;
  border: 1px solid rgba(230, 226, 226, 0.7019607843);
  top: 2px;
  left: 2px;
  box-shadow: 0px 2px 5px rgba(208, 204, 204, 0.968627451);
}
.scanYourPhotoPass .centent .ppInputTopBar .scanClick {
  position: absolute;
  right: -30px;
  background: #d01f7b;
  top: -30px;
  font-size: 1.2em;
  color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  line-height: 50px;
  cursor: pointer;
}
.scanYourPhotoPass .centent .ppInputTopBar .scanCard {
  font-size: 2em;
  display: block;
  margin-top: 70px;
  height: 100%;
  width: 100%;
  color: #697885;
}
.scanYourPhotoPass .scanPPLeft {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 35%;
  height: auto;
}
.scanYourPhotoPass .scanPPRight {
  position: fixed;
  right: 0px;
  bottom: 0px;
  width: 35%;
  height: auto;
}
.scanYourPhotoPass .scanPPBottom {
  position: fixed;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: auto;
  height: auto;
  z-index: -1;
}
.scanYourPhotoPass .topPageWordBar {
  height: 150px;
  margin: 7% auto 0px;
  text-align: center;
}
.scanYourPhotoPass .topPageWordBar .topPageChn {
  display: block;
  font-size: 90px;
  color: white;
}
.scanYourPhotoPass .topPageWordBar .topPageChn:before {
  content: "在此扫描AirPass卡";
}
.scanYourPhotoPass .topPageWordBar .topPageEn {
  display: block;
  font-size: 48px;
  margin-top: 10px;
  color: white;
}
.scanYourPhotoPass .topPageWordBar .topPageEn:before {
  content: "Please Scan Your AirPass Card";
}
.scanYourPhotoPass .enter {
  position: absolute;
  width: 120px;
  height: 100%;
  background: linear-gradient(90deg, #43c5ff 0%, #198ffa 100%, #198ffa 100%);
  top: 0px;
  right: 0px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}
.scanYourPhotoPass .enter:hover {
  box-shadow: none;
}
.scanYourPhotoPass .enter img {
  width: 44%;
}
.scanYourPhotoPass #passCodeList {
  display: none;
  width: 240px;
  position: fixed;
  top: 30px;
  right: 35px;
}
.scanYourPhotoPass #passCodeList div {
  margin: 5px;
  padding: 2px 0px;
  font-size: 18px;
  position: relative;
}
.scanYourPhotoPass #passCodeList div span {
  background-color: rgba(255, 255, 255, 0.33);
  border-radius: 20px;
  display: inline-block;
  padding: 5px;
  width: 190px;
  text-align: center;
  font-family: monospace;
}
.scanYourPhotoPass #passCodeList div button {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.66);
  width: 30px;
  height: 30px;
  padding: 0px;
  border-radius: 100%;
  margin-left: 2px;
  color: #0075DE;
  font-size: 25px;
  line-height: 26px;
}
.scanYourPhotoPass #photoPassCodeHidden {
  width: 500px;
  height: 50px;
  color: transparent;
  background: transparent;
  margin-top: -60px;
  position: absolute;
}
.scanYourPhotoPass #photoPassCodeHidden, .scanYourPhotoPass #photoPassCodeHidden:focus {
  outline: none;
}

#faceRecognition {
  background: #f1f1f1;
  display: none;
}
#faceRecognition .absoluteCenter {
  text-align: center;
}
#faceRecognition .absoluteCenter img {
  margin-top: 40px;
}
#faceRecognition .absoluteCenter .return {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50px;
  left: 100px;
  background: url(../image/back.png) no-repeat center center/25px;
}
#faceRecognition .absoluteCenter .content {
  width: 100%;
}
#faceRecognition .absoluteCenter .content .videoParent {
  width: 600px;
  height: 600px;
  margin: 50px auto 0px;
  position: relative;
}
#faceRecognition .absoluteCenter .content .videoParent .videoLoadding {
  width: 100%;
  height: 100%;
  background: center center/100%;
  border-radius: 100%;
}
#faceRecognition .absoluteCenter .content .videoParent .videoSrc {
  width: calc(100% - 60px);
  height: calc(100% - 60px);
  margin: auto;
  overflow: hidden;
  border-radius: 100%;
  position: absolute;
  top: 30px;
  left: 30px;
}
#faceRecognition .absoluteCenter .content .videoParent .videoSrc video {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
#faceRecognition .absoluteCenter .content .videoParent .videoSrc canvas {
  display: none;
}
#faceRecognition .absoluteCenter .content button {
  background: no-repeat center center/100%;
  position: absolute;
  width: 180px;
  height: 180px;
  top: calc(50% - 90px);
  padding-top: 200px;
  color: #198FFA;
}
#faceRecognition .absoluteCenter .content button.photograph1 {
  left: 100px;
  background-image: url("../image/photoView/refrash.png");
}
#faceRecognition .absoluteCenter .content button.photograph2 {
  right: 100px;
  background-image: url("../image/photoView/ok.png");
}
#faceRecognition .absoluteCenter span {
  margin-top: 50px;
  display: inline-block;
  border-radius: 36px;
  border: 1px solid rgb(74, 147, 220);
  font-size: 18px;
  padding: 10px 30px;
  color: #198FFA;
}
#faceRecognition.shutter .absoluteCenter .content .videoParent .videoLoadding {
  background-image: url(../image/loadding.gif);
}
#faceRecognition.shutter .absoluteCenter .content .videoParent .videoSrc video {
  display: none;
}
#faceRecognition.shutter .absoluteCenter .content .videoParent .videoSrc canvas {
  display: block;
}

#btnShowSort {
  display: none;
}

.photo-buttons {
  display: none;
}

.noBorder {
  border: none !important;
  border-radius: 0px !important;
}

#PhotoRotation {
  display: none;
  /*导航条样式*/
  /*客户PPCode列表*/
  /*订单记录*/
}
#PhotoRotation .main {
  position: fixed;
  top: 110px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: #f5f5f5;
  overflow-x: hidden;
  overflow-y: auto;
}
#PhotoRotation .query {
  top: 10px;
  right: 0px;
  height: auto;
  margin-top: 80px;
  margin-bottom: 0px;
  width: 330px;
}
#PhotoRotation .query #search {
  width: 233px;
  padding: 8px;
  border: none;
  font-size: 2em;
  vertical-align: bottom;
  outline: none;
  margin-bottom: 11px;
  margin-left: 7px;
  background-color: #ecebeb;
}
#PhotoRotation .query .fa-15 {
  font-size: 3em;
}
#PhotoRotation .query .settings {
  top: 56px;
  margin-top: 15px;
}
#PhotoRotation .query .filters {
  top: 94px;
  bottom: 0;
  margin-top: 120px;
  overflow-y: auto;
  position: fixed;
  width: 330px;
}
#PhotoRotation .top-banner {
  top: 0px;
  left: 0px;
  right: 0px;
  background: #0075DE no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  height: 110px;
  position: fixed;
  z-index: 10;
  width: 100%;
  overflow: hidden;
  display: flex;
}
#PhotoRotation .top-banner div button {
  height: 62px;
  top: 24px;
  background-color: transparent;
  margin: 0px 20px;
  position: relative;
  width: 62px;
  border: 2px solid #fff;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: 10px 10px;
  background-size: 36px;
}
#PhotoRotation .top-banner div button div {
  color: #ffffff;
  font-weight: bolder;
  display: none;
}
#PhotoRotation .top-banner div button i {
  color: #ffffff;
}
#PhotoRotation .top-banner div button:hover {
  z-index: 7000;
  background-color: transparent;
  box-shadow: none;
}
#PhotoRotation .top-banner div button:hover i, #PhotoRotation .top-banner div button:hover div {
  color: #FF9806 !important;
}
#PhotoRotation .top-banner div button.selectedMenu div, #PhotoRotation .top-banner div button.selectedMenu i {
  color: #FF9806;
}
#PhotoRotation .top-banner .fa-15 {
  font-size: 2.5em;
}
#PhotoRotation .top-banner .showSetting {
  position: absolute;
  right: 20px;
  margin: 0px;
  padding: 0px;
  background: url(../image/photoView/topBar/more.svg) no-repeat 10px 13px;
}
#PhotoRotation .top-banner #btnSearch i, #PhotoRotation .top-banner #btnSearch div {
  color: #FF9806;
}
#PhotoRotation .top-banner .top-banner_Num {
  width: 25px;
  height: 25px;
  background-color: #F00;
  border-radius: 25px;
  position: absolute;
  right: 0;
  top: 0;
}
#PhotoRotation .top-banner .top-banner_Num span {
  line-height: 25px;
  display: block;
  color: #FFF;
  text-align: center;
}
#PhotoRotation .top-banner #btnPrint {
  padding-left: 0px !important;
  margin-left: 3px;
}
#PhotoRotation .top-banner #btnUser {
  float: left;
  margin-left: 150px;
}
#PhotoRotation .top-banner #btnFavQuery {
  float: left;
}
#PhotoRotation .top-banner #searchMenu {
  display: none;
}
#PhotoRotation .top-banner #searchMenu .dataSearch {
  top: -5px;
}
#PhotoRotation .top-banner #searchMenu .dataSearch:hover span, #PhotoRotation .top-banner #searchMenu .dataSearch.selectedMenu span {
  color: #f1e2c7;
}
#PhotoRotation .top-banner #searchMenu .dataSearch span {
  position: absolute;
  color: #fff;
  font-size: 16px;
  top: 25px;
  left: 14px;
  width: 29px;
  text-align: center;
  height: 17px;
  line-height: 18px;
}
#PhotoRotation .top-banner #searchMenu .returnSearch {
  float: left;
  left: 30px;
  font-size: 20px;
  position: fixed;
  background: url("../image/photoView/back.svg") no-repeat 17px 14px;
}
#PhotoRotation .top-banner #searchMenu .returnSearch div {
  position: absolute;
  top: 20px;
  left: 55px;
}
#PhotoRotation .top-banner #searchMenu .favorite {
  display: none;
}
#PhotoRotation .top-banner #searchMenu ul {
  display: inline-block;
  margin: 0px 20px;
  height: 30px;
  padding-top: 15px;
  position: relative;
}
#PhotoRotation .top-banner #searchMenu ul li {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin: 0px 2px;
  cursor: pointer;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  top: 20px;
}
#PhotoRotation .top-banner #searchMenu ul li:before {
  position: absolute;
  top: 0px;
  left: 0px;
  content: "";
  border: 10px solid #fff;
  border-radius: 100%;
}
#PhotoRotation .top-banner #searchMenu ul li.selected::after {
  position: absolute;
  top: 5px;
  left: 5px;
  content: "";
  border: 5px solid #000;
  border-radius: 100%;
}
#PhotoRotation .top-banner #searchMenu .refresh {
  background-image: url(../image/photoView/topBar/refresh.svg);
}
#PhotoRotation .top-banner #searchMenu .search {
  background-image: url(../image/photoView/topBar/search.svg);
}
#PhotoRotation .top-banner #searchMenu .dataSearch {
  background-image: url(../image/photoView/topBar/date.svg);
}
#PhotoRotation .top-banner #searchMenu .location {
  background-size: 28px;
  background-position: 15px 10px;
  background-image: url(../image/photoView/topBar/location.svg);
}
#PhotoRotation .top-banner #searchMenu .airPass {
  background-size: 40px;
  background-position: 10px 14px;
  background-image: url(../image/photoView/topBar/manageCard.svg);
}
#PhotoRotation .top-banner #searchMenu .time {
  background-size: 38px;
  background-image: url(../image/photoView/topBar/time.svg);
}
#PhotoRotation .top-banner #mainMenu .logo {
  position: absolute;
  cursor: pointer;
  left: 60px;
  margin: 24px 0px;
}
#PhotoRotation .top-banner #mainMenu .logo img {
  display: inline-block;
  height: 60px;
}
#PhotoRotation .top-banner #mainMenu .pltManage {
  position: relative;
  top: -5px;
}
#PhotoRotation .top-banner #mainMenu .pltManage span {
  display: block;
  position: absolute;
  min-width: 25px;
  min-height: 25px;
  background-color: red;
  text-align: center;
  line-height: 25px;
  font-size: 17px;
  border-radius: 100%;
  top: -5px;
  right: -5px;
  color: #ffffff !important;
}
#PhotoRotation .top-banner #mainMenu .mergeAirPass {
  display: none;
}
#PhotoRotation .top-banner #mainMenu .search {
  background-image: url(../image/photoView/topBar/find.svg);
}
#PhotoRotation .top-banner #mainMenu .refresh {
  background-image: url(../image/photoView/topBar/refresh.svg);
}
#PhotoRotation .top-banner #mainMenu .goods {
  background-size: 32px;
  background-position: 13px 8px;
  background-image: url(../image/photoView/topBar/goods.svg);
}
#PhotoRotation .top-banner #mainMenu .pltManage {
  background-image: url(../image/photoView/topBar/ppManage.svg);
}
#PhotoRotation .top-banner #mainMenu .operation {
  background-image: url(../image/photoView/topBar/operation.svg);
}
#PhotoRotation .top-banner #selectPhotoMenu {
  display: none;
}
#PhotoRotation .top-banner #selectPhotoMenu .all {
  background: url("../image/photoView/topBar/change01.svg") no-repeat 0px 14px;
}
#PhotoRotation .top-banner #selectPhotoMenu .all.selectedMenu {
  background-image: url("../image/photoView/topBar/change02.svg");
}
#PhotoRotation .top-banner #selectPhotoMenu .return {
  float: left;
  left: 30px;
  width: 60px;
  font-size: 20px;
  position: fixed;
  background: url("../image/photoView/back.svg") no-repeat 17px 14px;
}
#PhotoRotation .top-banner #selectPhotoMenu .return div {
  position: absolute;
  top: 20px;
  left: 55px;
  min-width: 95px;
  color: #fff;
}
#PhotoRotation .top-banner #selectPhotoMenu .return:hover div {
  color: #fff !important;
}
#PhotoRotation .top-banner #selectPhotoMenu .return .selectPhotoNum {
  color: #FF9806;
}
#PhotoRotation .top-banner #selectPhotoMenu .addFavorte {
  background-image: url("../image/photoView/topBar/like.svg");
  background-size: 42px;
  background-position: 8px 13px;
}
#PhotoRotation .top-banner #selectPhotoMenu .cancelFavorte {
  background-image: url("../image/photoView/topBar/unlike.svg");
  background-size: 42px;
  background-position: 8px 13px;
}
#PhotoRotation .top-banner #selectPhotoMenu .addAirPass {
  background-image: url("../image/photoView/topBar/addCard.svg");
  background-size: 42px;
  background-position: 8px 13px;
}
#PhotoRotation .top-banner #selectPhotoMenu .removeAirPass {
  background-image: url("../image/photoView/topBar/deleteCard.svg");
  background-size: 42px;
  background-position: 8px 13px;
}
#PhotoRotation .top-banner #selectPhotoMenu .buy {
  background-size: 32px;
  background-position: 13px 8px;
  background-image: url("../image/photoView/topBar/goods.svg");
}
#PhotoRotation .top-banner #selectPhotoMenu .retouching {
  display: none;
}
#PhotoRotation .top-banner #selectPhotoMenu .editPhoto {
  background-size: 31px;
  background-position: 14px 12px;
  background-image: url("../image/photoView/topBar/edit.png");
}
#PhotoRotation .top-banner #selectPhotoMenu .deletePhoto {
  background-size: 31px;
  background-position: 13px 10px;
  background-image: url("../image/photoView/topBar/delete.svg");
}
#PhotoRotation .top-banner #selectPhotoMenu .qr-menu {
  background-image: url("../image/photoView/topBar/qr.svg");
}
#PhotoRotation .top-banner #shopping {
  display: none;
}
#PhotoRotation .top-banner #shopping .returnShopping {
  float: left;
  left: 30px;
  font-size: 20px;
  position: fixed;
  background: url("../image/photoView/back.svg") no-repeat 17px 14px;
}
#PhotoRotation .top-banner #shopping .returnShopping div {
  position: absolute;
  top: 20px;
  left: 55px;
}
#PhotoRotation .top-banner div#mainMenu, #PhotoRotation .top-banner div#selectPhotoMenu, #PhotoRotation .top-banner div#searchMenu {
  margin: 0 auto;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  height: 110px !important;
  width: 1650px;
  text-align: center;
}
#PhotoRotation .userCodeList {
  width: 200px;
  min-height: 50px;
  background-color: #fff;
  position: fixed;
  top: 110px;
  right: 185px;
  z-index: 3000;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  border-radius: 10px;
}
#PhotoRotation .userCodeList:after {
  border-bottom: 30px solid #fff;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  content: "";
  position: absolute;
  top: -30px;
  left: 69px;
}
#PhotoRotation .userCodeList ul {
  text-align: center;
  width: 100%;
  margin: 10px 0px;
}
#PhotoRotation .userCodeList ul li {
  margin: 10px auto;
  font-size: 20px;
}
#PhotoRotation .userCodeList ul li span {
  width: 155px;
  display: inline-block;
  text-align: left;
  padding-left: 15px;
  word-wrap: break-word;
  word-break: normal;
}
#PhotoRotation .userCodeList ul li i {
  cursor: pointer;
  width: 20px;
  height: 20px;
}
#PhotoRotation .userCodeList ul li i :hover {
  background-color: #c6c6c6;
  border-radius: 10px;
  color: #fff;
}
#PhotoRotation #product {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: rgba(0, 0, 0, 0.85);
  z-index: 9999;
  display: none;
}
#PhotoRotation #product .center {
  width: 100%;
  max-width: 1200px;
  height: 100%;
  max-height: 800px;
  background: #fff;
  overflow: hidden;
}
#PhotoRotation #product .center .goodsItem {
  overflow: auto;
  height: 690px;
}
#PhotoRotation #product .center .goodsItem .typeList {
  position: relative;
  height: 135px;
  overflow: hidden;
}
#PhotoRotation #product .center .goodsItem .typeList .typeName {
  color: #000;
  font-weight: bolder;
  display: inline-block;
  width: 180px;
  height: 100%;
  text-align: center;
  line-height: 135px;
}
#PhotoRotation #product .center .goodsItem .typeList .goodsList {
  position: absolute;
  height: 155px;
  top: 0px;
  left: 220px;
  right: 40px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
#PhotoRotation #product .center .goodsItem .typeList .goodsList button {
  width: 75px;
  height: 105px;
  margin: 16px 29px;
  background: no-repeat;
}
#PhotoRotation #product .center .goodsItem .typeList .goodsList button div {
  margin-top: 80px;
  font-size: 16px;
}
#PhotoRotation #product .center .goodsItem .typeList .btn0, #PhotoRotation #product .center .goodsItem .typeList .btn1 {
  background: red;
  width: 40px;
  height: 100%;
  position: absolute;
}
#PhotoRotation #product .center .goodsItem .typeList .btn0 {
  background: url("../image/photoView/navigation/left.svg") no-repeat 6px 50px;
  box-shadow: 5px 0px 10px -4px rgba(0, 0, 0, 0.4);
}
#PhotoRotation #product .center .goodsItem .typeList .btn1 {
  background: url("../image/photoView/navigation/right.svg") no-repeat 6px 50px;
  box-shadow: -5px 0px 10px -4px rgba(0, 0, 0, 0.4);
  right: 0px;
}
#PhotoRotation #product .center .goodsItem .typeList.singleGoods {
  background: #fff !important;
  height: calc(100% - 110px);
}
#PhotoRotation #product .center .goodsItem .typeList.singleGoods .typeName {
  display: none;
}
#PhotoRotation #product .center .goodsItem .typeList.singleGoods .goodsList {
  left: 0px;
  right: 0px;
  white-space: normal;
  height: inherit;
  padding: 0px 50px;
}
#PhotoRotation #product .center .goodsItem .typeList.singleGoods .btn0, #PhotoRotation #product .center .goodsItem .typeList.singleGoods .btn1 {
  display: none;
}
#PhotoRotation #product .center .goodsType {
  background-color: #0075DE;
  height: 110px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  margin-right: 95px;
}
#PhotoRotation #product .center .goodsType .type {
  width: 200px;
  color: #fff;
  line-height: 110px;
  box-shadow: 5px 0px 9px -3px rgba(0, 0, 0, 0.6);
}
#PhotoRotation #product .center .goodsType .type.selected {
  background-color: #fff;
  color: #000;
  box-shadow: none;
}
#PhotoRotation #product .close {
  background-image: url(../image/photoView/closeBlue.svg);
}
#PhotoRotation .locations {
  display: block;
}
#PhotoRotation .locations div.content {
  height: 100%;
  width: 100%;
  max-height: 850px;
  max-width: 600px;
  background: #fff;
}
#PhotoRotation .locations div.content .title {
  font-size: 2em;
  text-align: center;
  color: #fff;
  background: #005cb9;
  padding: 15px 0px;
}
#PhotoRotation .locations div.content #locationID {
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100% - 160px);
  position: relative;
  margin: 0 5px 5px 200px;
  border-left: 2px solid rgba(0, 0, 0, 0.4);
}
#PhotoRotation .locations div.content #locationID li {
  background: url(../image/photoView/topBar/locationBlue.svg) no-repeat 15px 12px/20px;
  padding-left: 40px;
  position: relative;
  cursor: pointer;
}
#PhotoRotation .locations div.content #locationID li .btnFolding {
  background: url(../image/photoView/navigation/left.svg) no-repeat 10px 10px/20px;
  width: 40px;
  height: 40px;
  margin-left: 25px;
  position: absolute;
  right: 0;
}
#PhotoRotation .locations div.content #locationID li .btnFolding.selected {
  background-image: url("../image/photoView/down.svg");
}
#PhotoRotation .locations div.content #locationID li div {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  padding-left: 10px;
}
#PhotoRotation .locations div.content #locationID li ul {
  padding-left: 20px;
}
#PhotoRotation .locations div.content #locationID li ul #three {
  overflow: hidden;
}
#PhotoRotation .locations div.content #locationID li span {
  font-size: 16px;
  width: 100%;
}
#PhotoRotation .locations div.content #locationID li.loc-inc span {
  color: #000;
}
#PhotoRotation .locations div.content #locationID li.loc-exc span {
  color: #A8A8A8;
}
#PhotoRotation .locations div.content div.server {
  width: 170px;
  position: absolute;
  overflow-y: auto;
  padding-left: 15px;
}
#PhotoRotation .locations div.content div.server div {
  font-size: 18px;
  padding: 15px 0px 15px 35px;
  position: relative;
  cursor: pointer;
  word-wrap: break-word;
  box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.4);
}
#PhotoRotation .locations div.content div.server div:before, #PhotoRotation .locations div.content div.server div:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  left: 5px;
  top: 15px;
  border-radius: 100%;
}
#PhotoRotation .locations div.content div.server div:after {
  border: 5px solid #fff;
  left: 10px;
  top: 20px;
}
#PhotoRotation .locations div.content div.server div:before {
  border: 10px solid #fff;
  box-shadow: 0px 0px 4px #000;
}
#PhotoRotation .locations div.content div.server div.selected:after {
  border-color: #0075DE;
}
#PhotoRotation .locations div.content div.server div span {
  color: #8C8989;
  font-size: 12px;
}
#PhotoRotation .locations div.content div.locationSelect {
  height: 60px;
  margin-top: 10px;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.43) inset;
}
#PhotoRotation .locations div.content div.locationSelect div, #PhotoRotation .locations div.content div.locationSelect p {
  line-height: 60px;
  color: #fff;
}
#PhotoRotation .locations div.content div.locationSelect div {
  color: #000;
  line-height: 60px;
  font-size: 0.8em;
  float: right;
  margin-right: 50px;
  padding-left: 40px;
  cursor: pointer;
  background: transparent url("../image/photoView/unCheck.svg") no-repeat scroll 0 16px/28px auto;
}
#PhotoRotation .locations div.content div.locationSelect div.selected {
  background-image: url("../image/photoView/checked.svg");
}
#PhotoRotation .locations div.content div.locationSelect p {
  font-size: 24px;
  margin-left: 30px;
}
#PhotoRotation .locations div.content button {
  margin: 2px 0px;
}
#PhotoRotation .locations div.content button:hover {
  background-color: transparent;
}
#PhotoRotation .date {
  display: none;
  z-index: 3002;
}
#PhotoRotation .date .center {
  width: 520px;
  height: 700px;
  background: #fff;
}
#PhotoRotation .date .center .calendar {
  width: 100%;
  height: 100%;
}
#PhotoRotation .date .center .calendar .title {
  width: 100%;
  color: #fff;
  font-size: 2em;
  padding: 15px 0px;
  background: #005cb9;
  text-align: center;
}
#PhotoRotation .date .center .calendar .hasDatepicker .ui-datepicker-inline .ui-datepicker-header {
  text-align: center;
  position: relative;
}
#PhotoRotation .date .center .calendar .hasDatepicker .ui-datepicker-inline .ui-datepicker-header a {
  position: absolute;
  width: 45px;
  height: 45px;
  top: 16px;
  cursor: pointer;
  background: no-repeat 5px 6px;
}
#PhotoRotation .date .center .calendar .hasDatepicker .ui-datepicker-inline .ui-datepicker-header a span {
  display: none;
}
#PhotoRotation .date .center .calendar .hasDatepicker .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-prev {
  background-image: url(../image/photoView/navigation/left.svg);
  left: 60px;
}
#PhotoRotation .date .center .calendar .hasDatepicker .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-next {
  background-image: url(../image/photoView/navigation/right.svg);
  right: 60px;
}
#PhotoRotation .date .center .calendar .hasDatepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title {
  font-size: 1.2em;
  padding: 20px 0px;
}
#PhotoRotation .date .center .calendar .hasDatepicker .ui-datepicker-inline .ui-datepicker-calendar {
  margin: auto;
}
#PhotoRotation .date .center .calendar .hasDatepicker .ui-datepicker-inline .ui-datepicker-calendar tr th, #PhotoRotation .date .center .calendar .hasDatepicker .ui-datepicker-inline .ui-datepicker-calendar tr td {
  width: 60px;
  height: 60px;
}
#PhotoRotation .date .center .calendar .hasDatepicker .ui-datepicker-inline .ui-datepicker-calendar tr th {
  background: #1990c7;
}
#PhotoRotation .date .center .calendar .hasDatepicker .ui-datepicker-inline .ui-datepicker-calendar tr td {
  background: #f5f5f5;
  text-align: center;
}
#PhotoRotation .date .center .calendar .hasDatepicker .ui-datepicker-inline .ui-datepicker-calendar tr td.ui-state-disabled {
  background: #99a7b5;
}
#PhotoRotation .date .center .calendar .hasDatepicker .ui-datepicker-inline .ui-datepicker-calendar tr td.ui-datepicker-current-day {
  background: #005cb9;
}
#PhotoRotation .date .center .calendar .hasDatepicker .ui-datepicker-inline .ui-datepicker-calendar tr td.ui-datepicker-current-day a {
  color: #fff;
}
#PhotoRotation .date .center .calendar .timeSelect {
  text-align: center;
  margin-top: 35px;
}
#PhotoRotation .date .center .calendar .timeSelect .timeFrom, #PhotoRotation .date .center .calendar .timeSelect .timeTo {
  display: inline-block;
  margin: 0px 20px;
}
#PhotoRotation .date .center .calendar .timeSelect .timeFrom input, #PhotoRotation .date .center .calendar .timeSelect .timeTo input {
  width: 40px;
  height: 40px;
  font-size: 20px;
  border-radius: 10px;
  text-align: center;
  color: #000;
  border: 1px solid;
  padding: 0px;
}
#PhotoRotation .date .center .calendar .timeSelect span {
  font-size: 30px;
}
#PhotoRotation .date .center .calendar button {
  color: #fff;
}
#PhotoRotation .date .center .calendar button:hover {
  color: #000;
}
#PhotoRotation .ShowSearch {
  position: fixed;
  top: 90px;
  right: calc(50% + 31px);
  display: none;
  background-color: #0075DE;
  z-index: 3005;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  min-height: 55px;
  width: 250px;
}
#PhotoRotation .ShowSearch input {
  margin: 10px 23px;
  width: 200px;
  font-size: 20px;
  border-radius: 10px;
  color: #000;
  background-color: #ffffff;
}
#PhotoRotation .ShowSearch #pageQueryString {
  margin: -5px 5px 14px;
}
#PhotoRotation .ShowSearch #pageQueryString div {
  margin: 3px 10px;
  padding: 0px 8px;
}
#PhotoRotation .ShowSearch #pageQueryString div button {
  margin-top: 0px;
  margin-right: 0px;
}
#PhotoRotation .ShowSearch #pageQueryString div span {
  color: #fff;
}
#PhotoRotation .ShowSearch button {
  display: block;
  right: 16px;
  top: 2px;
}
#PhotoRotation .ShowSearch button.cur-keyword {
  display: inline-block;
}
#PhotoRotation .timeShaft {
  position: fixed;
  top: 170px;
  bottom: 10px;
  right: -20px;
  width: 70px;
  overflow: auto;
  display: none;
  z-index: 9999;
}
#PhotoRotation .timeShaft .item {
  width: 44px;
  height: 44px;
  margin: 0px;
  position: relative;
  cursor: pointer;
}
#PhotoRotation .timeShaft .item div {
  border-radius: 100%;
}
#PhotoRotation .timeShaft .item div.circle1 {
  font-size: 0.7em;
  line-height: 40px;
  text-align: center;
  display: none;
  background: #fff;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.71);
  color: #0075DE;
  width: 40px;
  height: 40px;
  margin: 2px;
}
#PhotoRotation .timeShaft .item div.circle2 {
  border-radius: 100%;
  display: block;
  width: 20px;
  height: 20px;
  background: #6c7a85;
}
#PhotoRotation .timeShaft .item.selected .circle1 {
  display: block;
}
#PhotoRotation .timeShaft .item.selected .circle2 {
  display: none;
}
#PhotoRotation .timeShaft2 {
  position: fixed;
  top: 170px;
  bottom: 10px;
  right: -20px;
  width: 60px;
  overflow: auto;
  z-index: 9999;
  display: none;
  padding-top: 10px;
}
#PhotoRotation .timeShaft2 div {
  color: #0075DE;
  position: relative;
  height: 26px;
  margin: 0px 0px 15px 20px;
  line-height: 35px;
  cursor: pointer;
  left: -19px;
}
#PhotoRotation .timeShaft2 div .circle {
  height: 30px;
  width: 30px;
  position: absolute;
  top: -5px;
  border: 1px solid #0075DE;
  border-radius: 100%;
  background-color: #fff;
  line-height: 31px;
  text-align: center;
}
#PhotoRotation .timeShaft2 div.selected .circle {
  background-color: #0075DE;
  color: #fff;
}
#PhotoRotation .photos {
  text-align: left;
  margin: 0px auto;
}
#PhotoRotation .photos .thumb {
  box-shadow: none;
  margin: 0px 20px 20px;
  display: inline-block;
  position: relative;
  /*图像界面的照片悬浮框*/
}
#PhotoRotation .photos .thumb .photobar {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: 0px;
  margin: auto;
  opacity: 0;
  z-index: 1;
}
#PhotoRotation .photos .thumb .photobar .numbers {
  display: none;
  background: rgba(253, 253, 253, 0.69);
  z-index: 9999;
  position: relative;
  width: 100px;
  margin: 0 auto;
  text-align: center;
  top: 6px;
  height: 40px;
}
#PhotoRotation .photos .thumb .photobar .numbers button, #PhotoRotation .photos .thumb .photobar .numbers span {
  color: #000;
  font-size: 22px;
}
#PhotoRotation .photos .thumb .photobar .numbers button {
  position: absolute;
}
#PhotoRotation .photos .thumb .photobar .numbers button:hover, #PhotoRotation .photos .thumb .photobar .numbers button:active {
  background: transparent;
}
#PhotoRotation .photos .thumb .photobar .numbers span {
  line-height: 43px;
  font-size: 24px;
}
#PhotoRotation .photos .thumb .photobar .label {
  /* display: block; */
  /* float: none; */
  color: #fff;
  font-size: 2em;
  /* padding: 0px; */
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  /* text-align: center; */
  position: absolute;
  /* z-index: 10; */
  right: 10px;
  top: 10px;
}
#PhotoRotation .photos .thumb .photobar button {
  width: 40px;
  height: 40px;
}
#PhotoRotation .photos .thumb .photobar button.fav {
  display: block !important;
  background: url(../image/photoView/navigation/like1.svg) no-repeat 1px 5px;
  position: absolute;
  top: 10px;
  left: 10px;
}
#PhotoRotation .photos .thumb .photobar button.addCart {
  display: none;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 1;
}
#PhotoRotation .photos .thumb .suspensionBox {
  position: absolute;
  background-color: rgba(35, 36, 38, 0.7);
  width: 100%;
  bottom: 0px;
  z-index: 2000;
  text-align: center;
}
#PhotoRotation .photos .thumb .suspensionBox button, #PhotoRotation .photos .thumb .suspensionBox a {
  height: 35px;
  margin: 0px 8px;
  width: 15%;
  display: inline-block;
}
#PhotoRotation .photos .thumb .suspensionBox button img, #PhotoRotation .photos .thumb .suspensionBox a img {
  height: 23px;
}
#PhotoRotation .photos .thumb .suspensionBox button:hover, #PhotoRotation .photos .thumb .suspensionBox a:hover {
  background: none;
}
#PhotoRotation .photos .thumb .photo {
  position: relative;
}
#PhotoRotation .photos .thumb .photo .fillW {
  border: 10px solid transparent;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  z-index: 1;
  box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.6);
}
#PhotoRotation .photos .thumb .photo .videosvg {
  position: absolute;
  z-index: 1;
  margin: auto;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: url(../image/photoView/videosvg.svg) no-repeat center;
  background-size: 20%;
}
#PhotoRotation .photos .thumb.selected {
  background-color: #99a7b5;
}
#PhotoRotation .photos .thumb.selected .photobar .numbers {
  display: block;
}
#PhotoRotation .photos .thumb.faved .photobar .fav {
  background-image: url("../image/photoView/navigation/like2.svg");
}
#PhotoRotation .photos.preview-mode {
  width: 250px;
  margin: 0px;
  text-align: center;
  /* height: 150px; */
  position: fixed;
  right: 0px;
  top: 180px;
  bottom: 70px;
  overflow-x: hidden;
  overflow-y: auto;
}
#PhotoRotation .photos.preview-mode .thumb {
  width: 100% !important;
  height: 166px !important;
  margin: 5px 0;
  background-color: transparent;
}
#PhotoRotation .photos.preview-mode .thumb.faved .photobar .fa-heart .fav {
  font-size: 20px;
  top: 45px;
  left: 60%;
}
#PhotoRotation .photos.preview-mode .thumb.selected .checkPhoto {
  display: none;
}
#PhotoRotation .photos.preview-mode .thumb .photobar {
  width: 100% !important;
  height: 100% !important;
}
#PhotoRotation .photos.preview-mode .thumb .photobar .label {
  right: 20px;
  top: 53px;
}
#PhotoRotation .photos.preview-mode .thumb .photobar .numbers {
  display: none !important;
}
#PhotoRotation .photos.preview-mode .thumb .photobar .fav {
  display: none !important;
}
#PhotoRotation .photos.preview-mode .thumb .suspensionBox {
  display: none !important;
}
#PhotoRotation .photos.preview-mode .thumb .photo {
  height: 100% !important;
  width: 100% !important;
}
#PhotoRotation .photos.preview-mode .thumb .photo img.fillW {
  max-height: 130px !important;
  max-width: 140px !important;
  width: auto !important;
  height: auto !important;
  border: none;
  left: 20px;
  right: inherit;
}
#PhotoRotation .photos.preview-mode .thumb .photo .videosvg {
  background-size: auto;
  left: -55px;
  max-height: 140px !important;
  max-width: 140px !important;
}
#PhotoRotation .photos.preview-mode .thumb.previewing {
  background-color: #005cb9;
}
#PhotoRotation .photos.preview-mode .thumb.previewing .photo img.fillW {
  box-shadow: none;
  border: none;
}
#PhotoRotation .bgBottom {
  height: 90px;
  width: 100%;
  position: fixed;
  bottom: 0px;
  z-index: 3002;
  display: none;
}
#PhotoRotation .bgBottom .pageNumber {
  display: true;
  height: 100%;
  border-top: 1px solid transparent;
  background: #0075DE;
}
#PhotoRotation .bgBottom .pageNumber .nums {
  width: 617px;
  border-top: 1px solid #fff;
  margin: 25px auto 0px;
}
#PhotoRotation .bgBottom .pageNumber .nums .page {
  display: inline-block;
  color: #fff;
  padding-top: 20px;
  width: 150px;
  font-size: 18px;
  position: relative;
}
#PhotoRotation .bgBottom .pageNumber .nums .page.page6 {
  width: 10px;
}
#PhotoRotation .bgBottom .pageNumber .nums .page .number {
  border-radius: 100%;
  border: 1px solid #fff;
  width: 18px;
  height: 18px;
  background-color: #0075DE;
  position: absolute;
  top: -8px;
  left: -4px;
  cursor: pointer;
}
#PhotoRotation .bgBottom .pageNumber .nums .page.selected .number {
  border: 12px solid #fff;
  width: 0px;
  height: 0px;
  left: -7px;
  top: -12px;
}
#PhotoRotation .bgBottom .pageNumber .exit {
  position: absolute;
  width: 60px;
  height: 60px;
  background: url("../image/photoView/close.svg") no-repeat 10px 10px;
  top: 15px;
  right: 30px;
}
#PhotoRotation .modelSetting {
  position: fixed;
  top: 0px;
  right: -500px;
  background-color: rgba(0, 0, 0, 0.8);
  min-width: 220px;
  bottom: 0px;
  text-align: left;
  padding-top: 30px;
  z-index: 9999;
}
#PhotoRotation .modelSetting div {
  cursor: pointer;
  color: #fff;
  margin: 20px;
  font-size: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.49);
  padding-left: 50px;
  line-height: 30px;
  height: 30px;
  background-size: 24px 24px !important;
}
#PhotoRotation .modelSetting div.showSetting {
  background: url("../image/photoView/xuanzhong2.svg") no-repeat 4px 3px;
}
#PhotoRotation .modelSetting div.change {
  background: url("../image/photoView/likai.svg") no-repeat 4px 4px;
}
#PhotoRotation .modelSetting div.orderSetting {
  background: url("../image/photoView/orderHistory.svg") no-repeat 7px 4px;
}
#PhotoRotation .modelSetting div.photoSetting {
  background: url("../image/photoView/photo.png") no-repeat 4px 3px;
}
#PhotoRotation .modelSetting div.writeOffSN {
  background: url("../image/photoView/verification.svg") no-repeat 5px 3px;
}
#PhotoRotation .modelSetting div.systemMan {
  background: url("../image/photoView/system.png") no-repeat 7px 2px;
}
#PhotoRotation .modelSetting div.clearShopping {
  background: url("../image/photoView/navigation/cart.svg") no-repeat 4px 4px;
}
#PhotoRotation .modelSetting div.exit {
  background: url("../image/photoView/exit.svg") no-repeat 4px 4px;
}
#PhotoRotation .modelSetting div.info {
  border: none;
  display: inline-block;
  height: inherit;
  padding: 0px;
  margin: 0px;
  width: 100%;
  position: absolute;
  bottom: 10px;
}
#PhotoRotation .modelSetting div.info span {
  display: block;
  font-size: 14px;
  margin-left: 15px;
  color: #fff;
}
#PhotoRotation .modelSetting button {
  width: 70px;
  height: 60px;
}
#PhotoRotation .modelSetting button.return {
  background: url("../image/photoView/right.svg") no-repeat 27px 11px;
}
#PhotoRotation #photoNumSetting, #PhotoRotation #systemSetting, #PhotoRotation #systemMan {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.4);
  margin: auto;
  z-index: 9999;
  display: none;
}
#PhotoRotation #photoNumSetting .content, #PhotoRotation #systemSetting .content, #PhotoRotation #systemMan .content {
  width: 500px;
  height: 520px;
  position: absolute;
  box-shadow: 0px 2px 10px #676767;
  background-color: #fff;
  border-radius: 10px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
#PhotoRotation #photoNumSetting .content .title, #PhotoRotation #systemSetting .content .title, #PhotoRotation #systemMan .content .title {
  padding: 15px 0px;
  font-size: 25px;
  text-align: center;
  background: #0075DE;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  color: #fff;
}
#PhotoRotation #photoNumSetting .content .center, #PhotoRotation #systemSetting .content .center, #PhotoRotation #systemMan .content .center {
  margin: 20px 30px;
  height: 350px;
  border: 1px solid #737171;
  border-radius: 10px;
}
#PhotoRotation #photoNumSetting .content .center ul, #PhotoRotation #systemSetting .content .center ul, #PhotoRotation #systemMan .content .center ul {
  margin: 10px;
  overflow: auto;
  height: 330px;
}
#PhotoRotation #photoNumSetting .content .center ul li, #PhotoRotation #systemSetting .content .center ul li, #PhotoRotation #systemMan .content .center ul li {
  font-size: 20px;
  background: #f1f1f1;
  position: relative;
  padding: 5px 0px 5px 30px;
  margin: 7px 0px;
  cursor: pointer;
}
#PhotoRotation #photoNumSetting .content .center ul li:after, #PhotoRotation #photoNumSetting .content .center ul li:before, #PhotoRotation #systemSetting .content .center ul li:after, #PhotoRotation #systemSetting .content .center ul li:before, #PhotoRotation #systemMan .content .center ul li:after, #PhotoRotation #systemMan .content .center ul li:before {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 100%;
  border: 7px solid #fff;
  content: "";
  left: 9px;
  top: 9px;
}
#PhotoRotation #photoNumSetting .content .center ul li:before, #PhotoRotation #systemSetting .content .center ul li:before, #PhotoRotation #systemMan .content .center ul li:before {
  border: 3px solid #fff;
  z-index: 9999;
  left: 13px;
  top: 13px;
}
#PhotoRotation #photoNumSetting .content .center ul li.selected:before, #PhotoRotation #systemSetting .content .center ul li.selected:before, #PhotoRotation #systemMan .content .center ul li.selected:before {
  border-color: #000;
}
#PhotoRotation #photoNumSetting .content .center ul li input, #PhotoRotation #systemSetting .content .center ul li input, #PhotoRotation #systemMan .content .center ul li input {
  padding: 0px 0px 0px 3px;
  width: 360px;
  font-size: 18px;
}
#PhotoRotation #photoNumSetting .content button, #PhotoRotation #systemSetting .content button, #PhotoRotation #systemMan .content button {
  border-radius: 10px;
  float: right;
  margin-right: 40px;
  color: #fff;
  background: #0075DE;
  padding: 5px 15px;
}
#PhotoRotation #systemSetting .content .center ul li:after, #PhotoRotation #systemSetting .content .center ul li:before {
  content: none;
}
#PhotoRotation #systemSetting .content .center ul li input {
  width: inherit;
  -webkit-appearance: checkbox;
  margin-right: 10px;
}
#PhotoRotation #orderHistory {
  display: none;
}
#PhotoRotation #orderHistory .orderHistoryCenter {
  width: 70%;
  height: 80%;
  background: #fff;
  min-width: 865px;
}
#PhotoRotation #orderHistory .orderHistoryCenter #bigTable {
  height: 100%;
}
#PhotoRotation #orderHistory .orderHistoryCenter #bigTable .close {
  top: -29px;
  right: -19px;
}
#PhotoRotation #orderHistory .orderHistoryCenter #bigTable table {
  margin: 0 auto;
  border: none;
  background: #fff;
  width: 100%;
  height: 100%;
}
#PhotoRotation #orderHistory .orderHistoryCenter #bigTable table tr.title {
  background: #0075DE;
}
#PhotoRotation #orderHistory .orderHistoryCenter #bigTable table tr.title th {
  padding: 30px 0px 10px 0px;
  font-size: 18px;
  color: #fff;
}
#PhotoRotation #orderHistory .orderHistoryCenter #bigTable table tr td {
  border-bottom: 1px solid black;
  height: 50px;
  color: #0075DE;
  text-align: center;
  font-size: 16px;
  overflow-wrap: break-word;
}
#PhotoRotation #orderHistory .orderHistoryCenter #bigTable table tr td .buttonDetails {
  width: 66px;
  height: 30px;
  background-color: #0075DE;
  font-size: 16px;
  color: #fff;
  border-radius: 10px;
}
#PhotoRotation #orderHistory .orderHistoryCenter #bigTable table tbody {
  display: block;
  overflow: auto;
  height: calc(100% - 65px);
}
#PhotoRotation #orderHistory .orderHistoryCenter #bigTable table thead, #PhotoRotation #orderHistory .orderHistoryCenter #bigTable tbody tr {
  width: 100%;
  table-layout: fixed;
  display: table;
}
#PhotoRotation #orderHistory .orderHistoryCenter #detailsShow {
  height: 100%;
  display: none;
}
#PhotoRotation #orderHistory .orderHistoryCenter #detailsShow .title {
  width: 100%;
  height: 85px;
  background: #0075DE;
}
#PhotoRotation #orderHistory .orderHistoryCenter #detailsShow .title button {
  display: block;
  position: absolute;
  top: 10px;
  left: 15px;
  background: url(../image/photoView/back.svg) no-repeat 15px 8px;
  width: 60px;
  height: 60px;
}
#PhotoRotation #orderHistory .orderHistoryCenter #detailsShow .content {
  padding-left: 30px;
  height: calc(100% - 85px);
  overflow: auto;
}
#PhotoRotation #orderHistory .orderHistoryCenter #detailsShow .content div.item {
  color: #0075DE;
  margin-left: 30px;
}
#PhotoRotation #orderHistory .orderHistoryCenter #detailsShow .content P {
  font-size: 16px;
  color: #0075DE;
  margin: 8px 0 8px 0;
}
#PhotoRotation #orderHistory .orderHistoryCenter #detailsShow .content P b {
  color: #0075DE;
  font-size: 18px;
  font-weight: 500;
  padding-left: 40px;
}

.navigation {
  display: none;
  z-index: 3001;
  bottom: auto;
  position: fixed;
  top: 110px;
  left: 0px;
  right: 0px;
  height: 80px;
  text-align: center;
}
.navigation #msg {
  position: fixed;
  top: 160px;
  right: 55px;
  z-index: 10000;
  width: 1px;
  height: 52px;
  line-height: 52px;
  font-size: 20px;
  text-align: center;
  color: #fff;
  background: #360;
  display: none;
}
.navigation .quickShopping {
  position: fixed;
  right: 55px;
  top: 120px;
  max-width: 300px;
}
.navigation .quickShopping .btnShopping {
  float: right;
  border-radius: 7px;
  vertical-align: middle;
  text-align: right;
  box-shadow: none;
  position: relative;
}
.navigation .quickShopping .btnShopping:hover {
  background-color: #fff;
}
.navigation .quickShopping .btnShopping button {
  padding: 8px 5px;
  font-size: 18px;
  font-weight: bolder;
  margin: 4px 12px;
  width: 35px;
  height: 34px;
  background: no-repeat 6px 5px;
  background-color: #005cb9;
  border-radius: 5px;
}
.navigation .quickShopping .btnShopping button:hover {
  box-shadow: none;
}
.navigation .quickShopping .btnShopping button.shopping {
  background-image: url("../image/photoView/navigation/cart.svg");
}
.navigation .quickShopping .btnShopping button.submit {
  background-position: 10px 5px;
  background-image: url("../image/photoView/navigation/pay.svg");
}
.navigation .quickShopping .btnShopping span {
  background-color: red;
  border-radius: 100%;
  position: absolute;
  top: 4px;
  font-size: 16px;
  line-height: 20px;
  min-height: 20px;
  min-width: 20px;
  height: auto;
  width: auto;
  left: 40px;
  color: #fff;
  text-align: center;
}
.navigation .quickShopping .previewCart {
  background-color: #fff;
  width: 300px;
  height: 100%;
  border-radius: 7px 0px 7px 7px;
  box-shadow: 0px 0px 10px #7B7B7B;
  display: none;
}
.navigation .quickShopping .previewCart .btnShopping2 {
  background-color: #fff;
  width: 125px;
  height: 14px;
  position: absolute;
  right: 0px;
  top: 38px;
}
.navigation .quickShopping .previewCart div {
  display: inline-block;
}
.navigation .quickShopping .previewCart ul {
  overflow-y: auto;
  height: 362px;
  margin-top: 20px;
}
.navigation .quickShopping .previewCart ul li {
  border-bottom: 1px dashed #999;
  margin: auto 10px;
  overflow: hidden;
}
.navigation .quickShopping .previewCart ul li:hover {
  background-color: #DDDDDD;
}
.navigation .quickShopping .previewCart ul li .shopItemImg {
  width: 60px;
  height: 60px;
  border: 1px solid #bababa;
  position: relative;
}
.navigation .quickShopping .previewCart ul li .shopItemImg img {
  max-width: 50px;
  max-height: 50px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
}
.navigation .quickShopping .previewCart ul li .detailsLeft {
  height: 60px;
  width: 100px;
  vertical-align: top;
  text-align: left;
  overflow: hidden;
}
.navigation .quickShopping .previewCart ul li .detailsLeft span {
  height: 21px;
  overflow: hidden;
  display: block;
  font-size: 14px;
  line-height: 20px;
}
.navigation .quickShopping .previewCart ul li .detailsLeft span div {
  font-size: 14px;
  color: #FF9806;
}
.navigation .quickShopping .previewCart ul li .detailRight {
  height: 60px;
  text-align: right;
  float: right;
  width: 79px;
  overflow: hidden;
}
.navigation .quickShopping .previewCart ul li .detailRight span {
  font-size: 14px;
}
.navigation .quickShopping .previewCart ul li .detailRight span.delete {
  cursor: pointer;
  height: 35px;
  display: block;
}
.navigation .quickShopping .previewCart ul li .detailRight span div {
  font-size: 14px;
  color: #FF9806;
}
.navigation .quickShopping .previewCart .privilege {
  height: 28px;
  background-color: #cbcbcb;
  width: 300px;
  padding-top: 6px;
  display: none;
}
.navigation .quickShopping .previewCart .privilege span {
  ont-size: 13px;
  padding: 0 10px;
}
.navigation .quickShopping .previewCart .privilege input {
  background-color: #fff;
  border-radius: 5px;
  width: 135px;
  height: 20px;
  padding: 0px 5px;
}
.navigation .quickShopping .previewCart .privilege button {
  padding: 4px 5px;
  font-size: 12px;
  margin-left: 10px;
  border-radius: 5px;
  color: #fff;
  background-color: #848282;
}
.navigation .quickShopping .previewCart .aggregate {
  height: 34px;
  width: 300px;
}
.navigation .quickShopping .previewCart .aggregate button {
  padding: 0px;
  float: right;
  font-size: 12px;
  height: 34px;
  width: 55px;
  word-wrap: break-word;
}
.navigation .quickShopping .previewCart .aggregate button.settle {
  background-color: #fff;
  color: #0075DE;
  border-bottom-right-radius: 7px;
}
.navigation .quickShopping .previewCart .aggregate button.cart2 {
  background-color: #0075DE;
  color: #fff;
}
.navigation .quickShopping .previewCart .aggregate span {
  height: 23px;
  background-color: #515051;
  border-bottom-left-radius: 7px;
  display: inline-block;
  width: 190px;
  color: #fff;
  font-size: 12px;
  padding-top: 11px;
}
.navigation .quickShopping .previewCart .aggregate span div {
  color: #fff;
  font-size: 12px;
}
.navigation .pagination_page {
  margin-left: calc(50% - 53px);
  position: absolute;
  text-align: center;
  top: 80px;
}
.navigation .pagination_page .pages {
  width: 80px;
  top: 90px;
  background-color: rgba(250, 250, 250, 0.8);
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  max-height: 500px;
  overflow-y: auto;
}
.navigation .pagination_page .pages li {
  border-bottom: 1px dashed #999;
  padding: 10px 8px;
}
.navigation .pagination_page .pages li:hover {
  background-color: #B7B7B7;
}
.navigation .pagination_page .pagination_page_triangle {
  border-bottom: 15px solid rgba(250, 250, 250, 0.8);
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  left: 40px;
  position: absolute;
  top: -14px;
}
.navigation .pagination {
  margin: 24px auto;
}
.navigation .pagination #btnShowPages {
  width: auto;
}
.navigation .pagination #btnShowPages #pagesNumbersShow {
  font-size: 30px;
}
.navigation .pagination button {
  width: 58px;
  height: 41px;
  font-size: 30px;
  line-height: 30px;
  margin: 0 0.2em;
}
.navigation .pagination button:hover {
  box-shadow: none;
}
.navigation .pagination #btnPageNumber {
  background: url("../image/photoView/navigation/preLeft.svg") no-repeat 12px 0px;
}
.navigation .pagination #btnPre {
  background: url("../image/photoView/navigation/left.svg") no-repeat 12px 0px;
}
.navigation .pagination #btnNext {
  background: url("../image/photoView/navigation/right.svg") no-repeat 12px 0px;
}
.navigation .pagination #btnLast {
  background: url("../image/photoView/navigation/preRight.svg") no-repeat 12px 0px;
}
.navigation .TotalCount {
  position: absolute;
  left: 30px;
  top: 20px;
}
.navigation .TotalCount span {
  cursor: pointer;
  display: inline-block;
  min-width: 70px;
  position: relative;
  margin: 0px 0.5em;
}
.navigation .TotalCount span div {
  padding: 0px 0px 0px 60px;
  line-height: 37px;
  text-align: left;
  font-size: 1.2em;
  display: block;
}
.navigation .TotalCount span.photoTotalCount {
  background: url("../image/photoView/navigation/allNum.svg") no-repeat 5px 5px;
}
.navigation .TotalCount span.favoriteCount {
  background: url("../image/photoView/navigation/favorite1.svg") no-repeat 5px 5px;
}
.navigation .TotalCount span.selectedCount {
  background: url("../image/photoView/navigation/selected.svg") no-repeat 5px 5px;
}

.preview {
  display: none;
  position: fixed;
  top: 120px;
  left: 0px;
  right: 300px;
  bottom: 10px;
  overflow-y: scroll;
}
.preview .photo {
  width: calc(100% - 350px);
  margin-left: 350px;
  height: 100%;
  position: absolute;
}
.preview .photo img {
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6);
  max-width: 100%;
  max-height: 100%;
}
.preview .photo #videotest {
  border: 5px solid #fff;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.preview .photoInfo {
  width: 300px;
  padding: 25px;
  display: inline-block;
}
.preview .photoInfo span {
  font-weight: bolder;
  font-size: 1em;
}
.preview .photoInfo span div {
  font-size: 1em;
  font-weight: 100;
  word-wrap: break-word;
}
.preview .preview-navi button {
  position: fixed;
  right: 100px;
  width: 55px;
  height: 55px;
  background: no-repeat 10px 10px;
}
.preview .preview-navi button#btnPreviewPrevious {
  background-image: url(../image/photoView/up.svg);
  top: 115px;
}
.preview .preview-navi button#btnPreviewNext {
  bottom: 20px;
  background-image: url(../image/photoView/down.svg);
}

/*购物车界面样式*/
#shoppingCart {
  z-index: 5000;
  position: fixed;
  top: 110px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: none;
  /*购物车界面中部*/
  /*购物车界面下部*/
}
#shoppingCart .shoppingCart_content {
  font-size: 25px;
  width: calc(100% + 15px);
  overflow: auto;
  position: fixed;
  bottom: 80px;
  top: 110px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
}
#shoppingCart .shoppingCart_content .content {
  width: calc(100% - 500px);
  display: inline-block;
}
#shoppingCart .shoppingCart_content .content .head {
  height: 60px;
  margin: 0 auto;
  overflow: hidden;
  width: 1366px;
}
#shoppingCart .shoppingCart_content .content .head div {
  color: #ffffff;
  float: left;
  font-size: 25px;
  margin-left: -15px;
  margin-top: 15px;
  overflow: hidden;
}
#shoppingCart .shoppingCart_content .content .head div label {
  color: #ffffff;
  font-size: 25px;
  width: 25px;
}
#shoppingCart .shoppingCart_content .content .shoppingItem {
  background-color: #fff;
  min-height: 350px;
  width: calc(100% - 100px);
  left: 0px;
  margin: 35px auto;
  box-shadow: 0px 9px 10px rgba(136, 136, 136, 0.79);
}
#shoppingCart .shoppingCart_content .content .shoppingItem .commodity {
  position: relative;
  font-size: 20px;
  background: #0075DE;
}
#shoppingCart .shoppingCart_content .content .shoppingItem .commodity div {
  display: inline-block;
  padding: 18px 40px;
  color: #fff;
  font-size: 1.4em;
  font-weight: bolder;
}
#shoppingCart .shoppingCart_content .content .shoppingItem .commodity .unitPrice {
  float: right;
  margin-right: 60px;
}
#shoppingCart .shoppingCart_content .content .shoppingItem .commodity .operation {
  top: 6px;
  right: 0;
  background: url(../image/photoView/close.svg) no-repeat 14px 13px/28px;
  width: 40px;
  height: 40px;
}
#shoppingCart .shoppingCart_content .content .shoppingItem .photoList {
  margin: 10px 300px 0px 15px;
  float: inherit;
}
#shoppingCart .shoppingCart_content .content .shoppingItem .photoList .photoItem {
  display: inline-block;
  min-width: 270px;
  width: auto;
  height: auto;
  margin: 20px;
}
#shoppingCart .shoppingCart_content .content .shoppingItem .photoList .photoItem .photo {
  border: 1px solid #D7D7D7;
  position: relative;
  min-height: 268px;
}
#shoppingCart .shoppingCart_content .content .shoppingItem .photoList .photoItem .photo div {
  width: 268px;
  height: 268px;
  position: relative;
  display: inline-block;
}
#shoppingCart .shoppingCart_content .content .shoppingItem .photoList .photoItem .photo div img {
  max-width: 268px;
  max-height: 268px;
  margin: auto;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
#shoppingCart .shoppingCart_content .content .shoppingItem .photoList .photoItem .prod-qty {
  margin: 5px 0px;
  font-size: 14px;
}
#shoppingCart .shoppingCart_content .content .shoppingItem .photoList .photoItem .prod-qty .rightFloat {
  float: right;
  position: relative;
  width: 120px;
  height: 28px;
  display: inline-block;
}
#shoppingCart .shoppingCart_content .content .shoppingItem .photoList .photoItem .prod-qty .rightFloat input {
  width: 50px;
  height: 35px;
  margin-left: 35px;
  text-align: center;
  padding: 0px;
}
#shoppingCart .shoppingCart_content .content .shoppingItem .photoList .photoItem .prod-qty .rightFloat button {
  height: 35px;
  position: absolute;
  padding: 0px;
  width: 35px;
  border: 1px solid #848282;
}
#shoppingCart .shoppingCart_content .content .shoppingItem .photoList .photoItem .prod-qty .rightFloat button.delete2 {
  color: #000;
  background: #fff;
}
#shoppingCart .shoppingCart_content .content .shoppingItem .photoList .photoItem .prod-qty .rightFloat button.add {
  background: #005cb9;
  color: #fff;
}
#shoppingCart .shoppingCart_content .content .shoppingItem .photoList .photoItem .prod-qty .delete {
  float: left;
  font-size: 1.5em;
  line-height: 38px;
}
#shoppingCart .shoppingCart_content .content .shoppingItem .commodity2 {
  text-align: right;
}
#shoppingCart .shoppingCart_content .content .shoppingItem .commodity2 div {
  display: inline-block;
  padding: 5px 10px;
  text-align: left;
  width: 200px;
}
#shoppingCart .shoppingCart_content .content .shoppingItem .commodity2 div.photoNum {
  text-align: right;
}
#shoppingCart .shoppingCart_content .windowcode {
  width: 400px;
  min-height: 700px;
  position: absolute;
  top: 34px;
  right: 80px;
}
#shoppingCart .shoppingCart_content .windowcode .content2 {
  width: 100%;
  background: #fff;
}
#shoppingCart .shoppingCart_content .windowcode .content2 .inputCode {
  border: 2px solid #716e6e;
  border-radius: 2px;
  margin: 20px 30px;
  position: relative;
}
#shoppingCart .shoppingCart_content .windowcode .content2 .inputCode input {
  padding: 17px 10px 17px 20px;
  font-size: 0.9em;
  width: calc(100% - 60px);
}
#shoppingCart .shoppingCart_content .windowcode .content2 .inputCode button {
  position: absolute;
  top: 5px;
  right: 0px;
  width: 50px;
  height: 50px;
  background: url(../image/photoView/go.svg) no-repeat 14px 5px;
}
#shoppingCart .shoppingCart_content .windowcode .content2 .list {
  margin: 20px auto;
  width: 342px;
}
#shoppingCart .shoppingCart_content .windowcode .content2 .list .item {
  margin: 20px 0px;
}
#shoppingCart .shoppingCart_buttom {
  position: fixed;
  bottom: 0px;
  height: 80px;
  left: 0;
  right: 0;
  background-color: #FFF;
  display: inline-block;
  box-shadow: 0px 0px 10px rgba(95, 95, 95, 0.79);
}
#shoppingCart .shoppingCart_buttom .content {
  height: 100%;
}
#shoppingCart .shoppingCart_buttom .content .shoppingCart_buttom_left {
  float: left;
  display: none;
  min-width: 300px;
  width: 30%;
  border-right: 1px dashed #757474;
  text-align: center;
  font-size: 18px;
  height: 100%;
}
#shoppingCart .shoppingCart_buttom .content .shoppingCart_buttom_left span {
  color: #0075DE;
  display: block;
  margin: 15px 0px 10px;
  font-size: 16px;
}
#shoppingCart .shoppingCart_buttom .content .shoppingCart_buttom_left input {
  border: 1px solid #0075DE;
  width: 195px;
  border-radius: 10px;
  font-size: 16px;
}
#shoppingCart .shoppingCart_buttom .content .shoppingCart_buttom_left button {
  background-color: #0075DE;
  border-radius: 10px;
  color: #fff;
}
#shoppingCart .shoppingCart_buttom .content .shoppingCart_buttom_center {
  text-align: left;
  height: 100%;
}
#shoppingCart .shoppingCart_buttom .content .shoppingCart_buttom_center .left {
  font-size: 18px;
  width: 100%;
  position: relative;
}
#shoppingCart .shoppingCart_buttom .content .shoppingCart_buttom_center .left div {
  display: block;
  font-size: 16px;
}
#shoppingCart .shoppingCart_buttom .content .shoppingCart_buttom_center .left div.summation {
  display: inline-block;
  width: 40%;
  min-width: 200px;
  text-align: center;
  margin-top: 10px;
}
#shoppingCart .shoppingCart_buttom .content .shoppingCart_buttom_center .left div.summation div {
  margin-top: 10px;
  padding-top: 10px;
}
#shoppingCart .shoppingCart_buttom .content .shoppingCart_buttom_center .left div.sumMoeny {
  display: block;
  position: absolute;
  top: 50%;
  margin: 0;
  padding: 0;
  left: 50%;
}
#shoppingCart .shoppingCart_buttom .content .shoppingCart_buttom_center .settlement {
  font-size: 1.5em;
  padding: 5px 20px;
  background: #0075DE;
  color: #fff;
  border-radius: 2px;
}
#shoppingCart .shoppingCart_buttom .content .shoppingCart_buttom_center .content2 {
  height: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
}
#shoppingCart .shoppingCart_buttom .content .shoppingCart_buttom_center .content2 span {
  line-height: 80px;
  padding: 0px 20px;
}
#shoppingCart .shoppingCart_buttom .content .shoppingCart_buttom_center .content2 .editPhoto {
  position: relative;
  cursor: pointer;
}
#shoppingCart .shoppingCart_buttom .content .shoppingCart_buttom_center .content2 .editPhoto input {
  visibility: visible;
  position: absolute;
  top: -3px;
  left: -40px;
  float: none;
}
#shoppingCart input[type=checkbox] {
  width: 35px;
  height: 35px;
  padding: 0 5px 0 0;
  display: block;
  float: left;
  clear: left;
  visibility: hidden;
}

.clear {
  clear: both;
}

/*确定订单信息界面*/
#sureOrder {
  display: none;
}
#sureOrder .orderContent {
  width: 1000px;
  height: 600px;
  background: #fff;
}
#sureOrder .orderContent .content {
  width: 770px;
  height: 370px;
}
#sureOrder .orderContent .content .h2, #sureOrder .orderContent .content .h5 {
  display: block;
  text-align: center;
}
#sureOrder .orderContent .content .h2 {
  font-size: 2em;
  padding: 18px;
}
#sureOrder .orderContent .content .h5 {
  padding: 10px;
}
#sureOrder .orderContent .content div {
  border-top: 2px dashed #949191;
  margin-top: 40px;
  padding-top: 30px;
}
#sureOrder .orderContent .close {
  background-image: url("../image/photoView/closeBlue.svg");
}

#ppManage {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
}
#ppManage .align {
  background-color: #fff;
  width: 100%;
  height: 100%;
  max-width: 550px;
  max-height: 760px;
  border-radius: 2px;
}
#ppManage .align .content .scanning {
  margin: 0px 10px;
}
#ppManage .align .content .scanning .scanning1 {
  position: relative;
  text-align: center;
  padding: 0px;
}
#ppManage .align .content .scanning .scanning1 .keyboard {
  display: none;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 6px;
  right: 30px;
}
#ppManage .align .content .scanning .scanning1 #btnScanImg {
  width: 31px;
  top: 11px;
  right: 34px;
  position: absolute;
}
#ppManage .align .content .scanning .scanning2 {
  padding: 0px;
}
#ppManage .align .content .scanning input {
  width: calc(100% - 42px);
  color: #000;
  border-radius: 2px;
  font-size: 1em;
  padding: 15px;
  height: inherit;
  border: 1px solid #D2CFCF;
}
#ppManage .align .content .scanning button {
  color: #0075DE;
  font-size: 17px;
}
#ppManage .align .content .scanning div {
  color: #0075DE;
  font-size: 17px;
  padding: 15px 0px 10px 25px;
}
#ppManage .align .content .scanning div span {
  color: #FF9806;
}
#ppManage .align .content .ppCode {
  height: 410px;
  margin: 30px;
  border: 2px solid #D2CFCF;
  border-radius: 2px;
  padding: 5px;
}
#ppManage .align .content .ppCode .ppList {
  overflow-y: auto;
  height: 100%;
}
#ppManage .align .content .ppCode .ppList .pp {
  height: 38px;
  line-height: 38px;
  margin: 6px 5px;
  border-radius: 10px;
  position: relative;
  background-color: #D8D8D8;
}
#ppManage .align .content .ppCode .ppList .pp span {
  padding: 10px 0px 10px 40px;
  cursor: pointer;
  background: url("../image/photoView/uncheck.svg") no-repeat 15px 10px/18px auto;
  font-family: monospace;
  font-size: 17px;
  color: #000;
}
#ppManage .align .content .ppCode .ppList .pp.selected span {
  background-image: url("../image/photoView/checked.svg");
}
#ppManage .align .content .ppCode .ppList .pp .delete {
  cursor: pointer;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 5px;
  right: 8px;
  background: url("../image/photoView/closeBlue.svg") no-repeat 3px 3px/20px;
}
#ppManage .align .content .ppCode .ppList .pp .count {
  position: absolute;
  top: 0px;
  left: 250px;
  font-size: 23px;
  color: #502D1B;
}
#ppManage .align .bottom {
  margin-top: -7px;
  display: block;
}
#ppManage .align .bottom #selectAll {
  margin: 15px 10px 10px 30px;
  font-size: 16px;
  padding-left: 40px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  background: url("../image/photoView/unCheck.svg") no-repeat;
  background-size: 28px;
  cursor: pointer;
}
#ppManage .align .bottom #selectAll.all {
  background-image: url("../image/photoView/checked.svg");
}
#ppManage .align .bottom button {
  background-color: #0075DE;
  color: #fff;
  font-size: 18px;
  padding: 8px 15px;
  border-radius: 10px;
  float: right;
  margin-top: 10px;
  margin-right: 30px;
}
#ppManage .align .bottom button.disabled {
  background-color: #828282;
}
#ppManage .align .bottom input {
  display: none;
  width: 195px;
  font-size: 18px;
  border-radius: 10px;
  padding: 4px 8px;
  border: 1px solid #0075DE;
}
#ppManage.select .align .content .scanning {
  display: none;
}
#ppManage.select .align .content .ppCode {
  margin-top: 17px;
  height: 530px;
}
#ppManage.select .align .content .ppCode .ppList .pp .delete {
  display: none;
}
#ppManage.add .align .content .ppCode, #ppManage.remove .align .content .ppCode {
  height: 380px;
  margin-top: 40px;
}
#ppManage.add .align .content .ppCode .ppList .pp .delete, #ppManage.remove .align .content .ppCode .ppList .pp .delete {
  display: none;
}
#ppManage.scan .align .bottom {
  display: none;
}
#ppManage.scan .align .content .scanning {
  display: none;
}
#ppManage.scan .align .content .ppCode {
  margin-top: 17px;
  height: 620px;
}
#ppManage.scan .align .content .ppCode .ppList .pp .delete {
  display: none;
}
#ppManage.scan .align .content .ppCode .ppList .pp.selected span {
  background: none;
}
#ppManage.scan .align .content .ppCode .ppList .pp span {
  background: none;
  padding-left: 20px;
}
#ppManage.manage .align .content .ppCode {
  height: 440px;
}
#ppManage.manage .align .content .scanning .scanning1 {
  margin-top: 20px;
}
#ppManage.manage .align .content .scanning .scanning2 {
  display: none;
}
#ppManage .close {
  top: 13px;
}

/*购物车特效样式*/
.u-flyer {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  position: fixed;
  z-index: 9999;
}

.print {
  width: 287px;
  font-size: 16px;
  display: none;
}
.print .receipt #printOrderId {
  display: none;
}
.print .receipt .serialData {
  padding: 10px 0px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin: 5px 0px;
}
.print .receipt .serialData b {
  font-size: 45px;
}
.print .receipt .orders .item {
  margin: 5px 0px;
}
.print .receipt .orders .item b {
  font-size: 20px;
}
.print .receipt .orders .item table {
  margin-top: 5px;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid transparent;
}
.print .receipt .orders .item table tr {
  height: 25px;
}
.print .receipt .orders .item table tr.head {
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
}
.print .receipt .orders .item table tr.head td {
  font-size: 15px;
  text-align: left;
}
.print .receipt .orders .item table tr.itemPhoto td {
  font-family: monospace;
  text-align: center;
  font-size: 15px;
}
.print .receipt .orders .item table tr.hookList td {
  text-align: left;
  padding: 0;
}
.print .receipt .orders .item table tr.hookList td div {
  width: 30px;
  height: 30px;
  padding: 0px;
  display: inline-block;
  margin: 0px 1px;
  border: 1px solid;
}
.print .receipt .orders .item table td {
  text-align: right;
  padding: 10px 0px;
}
.print .receipt .orders .item table th {
  font-family: IDAutomationHC39M !important;
  font-size: 16px;
  text-align: left;
}
.print .receipt .orders .sumOrders {
  text-align: right;
  border-top: 1px dotted #000;
  border-bottom: 1px solid #000;
}
.print .receipt .orders .sumOrders div {
  font-size: 16px;
  font-weight: bolder;
  position: relative;
  height: 45px;
  line-height: 45px;
}
.print .receipt .orders .sumOrders div div {
  margin-right: 70px;
}
.print .receipt .orders .sumOrders div span {
  position: absolute;
  font-size: 16px;
  top: 0px;
  right: 0px;
}
.print .receipt .orders .printTime {
  padding: 10px 0px;
}
.print .receipt .orders .printTime div {
  display: block;
  position: relative;
  font-size: 16px;
}
.print .receipt .bottom {
  padding: 20px 0px 0px;
  position: relative;
}
.print .receipt .bottom b {
  font-size: 17px;
}
.print .receipt .bottom p {
  font-size: 14px;
  border-top: 1px dotted #000;
  padding: 10px 0px;
}
.print .receipt .bottom div {
  text-align: center;
  font-size: 20px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.print .receipt .bottom span {
  position: absolute;
  right: 0px;
  bottom: 0px;
  color: transparent;
}
.print .receipt .bottom ol {
  margin-bottom: 20px;
  color: #000;
  padding-bottom: 10px;
  list-style-type: none;
}
.print .receipt .bottom ol img {
  float: right;
  width: 140px;
  margin: 0px;
}
.print .receipt .bottom ol li {
  font-size: 15px;
  margin: 10px 0px;
}
.print .receipt .ppCode {
  margin: 10px 0px;
}
.print .receipt .ppCode div {
  font-family: monospace !important;
}
.print .receipt .ppCode span {
  font-size: 16px;
}
.print .receipt .printTemp {
  font-size: 14px;
  text-align: center;
  width: 80%;
  margin: 0 auto;
}
.print .receipt img {
  width: 85%;
  display: block;
  margin: 0px auto;
}
.print .receipt .center {
  font-size: 23px;
  text-align: center;
}
.print .receipt .center .english {
  font-size: 19px;
  text-align: center;
  margin: 15px 0px;
}
.print .receipt .orderId {
  margin: 10px 0px 0px;
  padding-bottom: 10px;
  border: none !important;
}
.print .receipt .orderId div {
  font-family: IDAutomationHC39M !important;
  border: none;
  font-size: 16px;
}

.print p, .print b, .print div, .print td, .print span, .print th, .print li, #sureOrder p, #sureOrder b, #sureOrder div, #sureOrder td, #sureOrder span, #sureOrder th, #sureOrder li {
  color: #000;
}

#WriteOffSN {
  color: #fff;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: none;
  padding-top: 25px;
  position: fixed;
  z-index: 9999;
}
#WriteOffSN .writeOffSNCenter {
  width: 700px;
  background-color: #fff;
  height: 100%;
  max-height: 670px;
  margin: -265px auto 0 -225px;
  border-radius: 10px;
  box-shadow: 0px 2px 10px #676767;
  position: absolute;
  left: 43%;
  top: 40%;
}
#WriteOffSN .writeOffSNCenter .writeOffManger {
  background-color: #0075DE;
  height: 43px;
  color: #fff;
  font-size: 24px;
  text-align: center;
  padding-top: 17px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#WriteOffSN .writeOffSNCenter .close {
  top: -15px;
  right: -11px;
  background-size: 27px;
  background-position: 10px 10px;
  width: 30px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.61);
  border-radius: 100%;
}
#WriteOffSN .writeOffSNCenter .writeOffContent {
  height: 410px;
}
#WriteOffSN .writeOffSNCenter .writeOffContent .writeOffContent-scanning input {
  width: 638px;
  height: 40px;
  color: #000;
  border-radius: 10px;
  margin: 5px 31px;
  padding-left: 15px;
  font-size: 14px;
  border: 1px solid #000;
}
#WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode {
  height: 100%;
  max-height: 330px;
  margin: 0px 30px;
  border: 2px solid #D2CFCF;
  border-radius: 10px;
  padding: 5px;
  box-shadow: inset 0px 0px 5px #ccc;
}
#WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center {
  overflow-y: auto;
  height: 100%;
}
#WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .verificationList {
  height: 76px;
  line-height: 38px;
  margin: 6px 5px;
  border-radius: 10px;
  position: relative;
  background-color: #D8D8D8;
}
#WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .verificationList .selectSpan {
  padding: 10px 0px 10px 40px;
  cursor: pointer;
  background: url(../image/photoView/unCheck.svg) no-repeat 15px 10px/18px auto;
  font-family: monospace;
  font-size: 17px;
  color: #000;
}
#WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .verificationList .verificationState {
  position: absolute;
  top: 0px;
  left: 250px;
  font-size: 23px;
  font-family: fontYuanti;
  color: #000;
}
#WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .verificationList .verificationDelete {
  cursor: pointer;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 5px;
  right: 8px;
  background: url(../image/photoView/closeBlue.svg) no-repeat 4px/19px;
}
#WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .verificationList .verifyUsersUser {
  display: none;
  padding: 0 15px;
}
#WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .verificationList .verificationOrder, #WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .verificationList .CheckUser, #WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .verificationList .verifyUsersUser {
  padding: 0 10px 0 15px;
  color: #4e4b4b;
}
#WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .verificationList .verificationOrder span, #WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .verificationList .CheckUser span, #WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .verificationList .verifyUsersUser span {
  font-size: 18px;
}
#WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .verificationList .verificationOrder span:nth-child(1), #WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .verificationList .CheckUser span:nth-child(1), #WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .verificationList .verifyUsersUser span:nth-child(1) {
  float: left;
}
#WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .verificationList .verificationOrder span:nth-child(2), #WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .verificationList .CheckUser span:nth-child(2), #WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .verificationList .verifyUsersUser span:nth-child(2) {
  float: right;
}
#WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .verificationList .CheckUser {
  display: none;
}
#WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .submitStatus {
  cursor: pointer;
  font-size: 14px;
  height: 25px;
  position: absolute;
  top: 1px;
  right: 35px;
  font-family: monospace;
}
#WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .selected .selectSpan {
  background-image: url(../image/photoView/checked.svg);
}
#WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .selected .submitStatus img {
  width: 20px;
  margin-top: 7px;
  display: none;
}
#WriteOffSN .writeOffSNCenter .writeOffContent .verificationCode .verificationList-center .submitStatus img {
  width: 20px;
  margin-top: 7px;
  display: none;
}
#WriteOffSN .writeOffSNCenter .writeOffBottom {
  margin-top: 125px;
  display: block;
}
#WriteOffSN .writeOffSNCenter .writeOffBottom #selectAll {
  margin: 15px 10px 10px 32px;
  font-size: 16px;
  padding-left: 32px;
  display: inline-block;
  height: 30px;
  float: left;
  line-height: 30px;
  background: url(../image/photoView/unCheck.svg) no-repeat scroll 0 0/28px auto;
  background-size: 28px;
  cursor: pointer;
}
#WriteOffSN .writeOffSNCenter .writeOffBottom #selectAll.all {
  background-image: url("../image/photoView/checked.svg");
}
#WriteOffSN .writeOffSNCenter .writeOffBottom #deleteAll {
  background-color: #0075DE;
  color: #fff;
  font-size: 18px;
  padding: 8px 15px;
  border-radius: 10px;
  float: left;
  margin-top: 10px;
  margin-left: 5px;
}
#WriteOffSN .writeOffSNCenter .writeOffBottom button {
  background-color: #0075DE;
  color: #fff;
  font-size: 18px;
  padding: 8px 15px;
  border-radius: 10px;
  float: right;
  margin-top: 10px;
  margin-right: 30px;
}

#visiter #PhotoRotation .bgBottom {
  height: 55px;
}

@media (max-width: 1024px) and (max-height: 768px) {
  .close {
    top: 5px;
    right: 10px;
    background-size: 27px;
  }
  .scanYourPhotoPass .centent {
    width: 670px;
  }
  .scanYourPhotoPass .centent .logoPP {
    height: 70px;
  }
  .scanYourPhotoPass .centent .ppInputTopBar {
    height: 55px;
    width: 500px;
    background-size: 35px;
    background-position: 17px 19px;
  }
  .scanYourPhotoPass .centent .ppInputTopBar .ppInputTop {
    margin-left: 40px;
    width: calc(100% - 40px);
  }
  .scanYourPhotoPass .centent .ppInputTopBar .ppInputTop span {
    line-height: 55px;
  }
  .scanYourPhotoPass .centent .ppInputTopBar .ppInputTop #btnScanImg {
    right: 85px;
  }
  .scanYourPhotoPass .enter {
    width: 75px;
  }
  #ppManage .align {
    width: 440px;
    height: 620px;
  }
  #ppManage .close {
    background: url(../image/photoView/close.svg) no-repeat 10px 10px/25px;
    padding: 0px;
    top: 9px;
  }
  #ppManage.scan .align .content .ppCode {
    height: 505px;
  }
  #ppManage.manage .align .content .ppCode {
    height: 345px;
  }
  #ppManage.select .align .content .ppCode {
    height: 430px;
  }
  #ppManage.add .align .content .ppCode {
    height: 310px;
  }
  #ppManage.remove .align .content .ppCode {
    height: 310px;
  }
  .alertTitle {
    font-size: 1.5em;
  }
  #PhotoRotation .top-banner {
    height: 75px;
  }
  #PhotoRotation .top-banner #mainMenu .logo {
    left: 25px;
    margin: 16px 0px;
  }
  #PhotoRotation .top-banner #mainMenu .logo img {
    height: 45px;
  }
  #PhotoRotation .top-banner #mainMenu .goods {
    background-size: 24px;
    background-position: 12px 8px;
  }
  #PhotoRotation .top-banner #mainMenu .pltManage {
    background-size: 26px;
  }
  #PhotoRotation .top-banner #mainMenu .operation {
    background-size: 27px;
    background-position: 10px 9px;
  }
  #PhotoRotation .top-banner #mainMenu .pltManage {
    top: -8px;
  }
  #PhotoRotation .top-banner #searchMenu .dataSearch {
    top: -5px;
  }
  #PhotoRotation .top-banner #searchMenu .dataSearch span {
    top: 17px;
    left: 9px;
    font-size: 12px;
  }
  #PhotoRotation .top-banner #searchMenu .location {
    background-size: 19px;
    background-position: 14px 9px;
  }
  #PhotoRotation .top-banner #searchMenu .returnSearch {
    background-size: 18px;
    background-position: 15px 11px;
  }
  #PhotoRotation .top-banner #searchMenu .airPass {
    background-size: 26px;
    background-position: 11px 13px;
  }
  #PhotoRotation .top-banner #searchMenu .time {
    background-size: 26px;
    background-position: 10px 10px;
  }
  #PhotoRotation .top-banner #selectPhotoMenu .all {
    background-size: 45px;
    background-position: 2px 14px;
  }
  #PhotoRotation .top-banner #selectPhotoMenu .return {
    background-size: 18px;
    background-position: 15px 11px;
  }
  #PhotoRotation .top-banner #selectPhotoMenu .addFavorte {
    background-size: 28px;
    background-position: 9px 13px;
  }
  #PhotoRotation .top-banner #selectPhotoMenu .cancelFavorte {
    background-size: 30px;
    background-position: 9px 12px;
  }
  #PhotoRotation .top-banner #selectPhotoMenu .addAirPass {
    background-size: 29px;
    background-position: 9px 12px;
  }
  #PhotoRotation .top-banner #selectPhotoMenu .removeAirPass {
    background-size: 29px;
    background-position: 9px 12px;
  }
  #PhotoRotation .top-banner #selectPhotoMenu .buy {
    background-size: 24px;
    background-position: 11px 8px;
  }
  #PhotoRotation .top-banner #selectPhotoMenu .editPhoto {
    background-size: 25px;
    background-position: 12px 10px;
  }
  #PhotoRotation .top-banner #selectPhotoMenu .deletePhoto {
    background-size: 22px;
    background-position: 13px 10px;
  }
  #PhotoRotation .top-banner div#mainMenu, #PhotoRotation .top-banner div#selectPhotoMenu, #PhotoRotation .top-banner div#searchMenu {
    height: 75px !important;
  }
  #PhotoRotation .top-banner div button {
    width: 50px;
    height: 50px;
    background-size: 25px;
    background-position: 11px 9px;
    margin: 0px 17px;
    top: 15px;
  }
  #PhotoRotation .top-banner .showSetting {
    background-position: 11px 13px;
    background-size: 29px;
  }
  #PhotoRotation .top-banner #shopping .returnShopping {
    background-size: 18px;
    background-position: 15px 11px;
  }
  #PhotoRotation #product .close {
    top: 5px;
  }
  #PhotoRotation #product .center {
    width: 850px;
    height: 600px;
  }
  #PhotoRotation #product .center .goodsItem {
    height: 530px;
  }
  #PhotoRotation #product .center .goodsItem .typeList {
    height: 100px;
  }
  #PhotoRotation #product .center .goodsItem .typeList .typeName {
    line-height: 100px;
    width: 150px;
  }
  #PhotoRotation #product .center .goodsItem .typeList .goodsList {
    height: 100%;
    left: 190px;
  }
  #PhotoRotation #product .center .goodsItem .typeList .goodsList button {
    background: no-repeat 3px -4px/60px;
    width: 65px;
    height: 85px;
    margin: 5px 20px;
  }
  #PhotoRotation #product .center .goodsItem .typeList .goodsList button div {
    margin-top: 50px;
  }
  #PhotoRotation #product .center .goodsType {
    height: 70px;
  }
  #PhotoRotation #product .center .goodsType .type {
    line-height: 70px;
    width: 150px;
  }
  #PhotoRotation .main {
    top: 75px;
  }
  #PhotoRotation .modelSetting {
    padding-top: 15px;
  }
  #PhotoRotation .modelSetting button.return {
    width: 50px;
    height: 50px;
    background-size: 18px;
    background-position: 18px 9px;
  }
  #PhotoRotation .date .center {
    width: 410px;
    height: 595px;
  }
  #PhotoRotation .date .center .calendar .title {
    padding: 10px 0px;
  }
  #PhotoRotation .date .center .calendar .hasDatepicker .ui-datepicker-inline .ui-datepicker-calendar tr th, #PhotoRotation .date .center .calendar .hasDatepicker .ui-datepicker-inline .ui-datepicker-calendar tr td {
    width: 45px;
    height: 45px;
  }
  #PhotoRotation .locations div.content {
    height: 100%;
    max-height: 630px;
    width: 100%;
    max-width: 600px;
  }
  #PhotoRotation .locations div.content #locationID {
    height: calc(100% - 130px);
  }
  #PhotoRotation .locations div.content .title {
    padding: 10px 0px;
  }
  #PhotoRotation .ShowSearch {
    top: 75px;
    right: 415px;
  }
  #PhotoRotation .bgBottom {
    height: 70px;
  }
  #PhotoRotation .bgBottom .pageNumber .exit {
    width: 50px;
    height: 50px;
    background-size: 28px;
    top: 10px;
  }
  #PhotoRotation .bgBottom .pageNumber .nums {
    margin-top: 19px;
  }
  #PhotoRotation .photos .thumb {
    margin: 0px 5px 5px;
  }
  #PhotoRotation .photos .thumb .photo .fillW {
    border-width: 5px;
  }
  #PhotoRotation .photos.preview-mode {
    top: 145px;
    bottom: 65px;
    width: 210px;
  }
  #PhotoRotation .photos.preview-mode .thumb {
    height: 145px !important;
  }
  #PhotoRotation .photos.preview-mode .thumb .photo img.fillW {
    max-height: 135px !important;
    max-width: 135px !important;
    left: 5px;
  }
  .navigation {
    top: 75px;
    height: 60px;
  }
  .navigation .TotalCount {
    top: 10px;
  }
  .navigation .TotalCount span.photoTotalCount {
    background-size: 40px;
    background-position: 5px 6px;
  }
  .navigation .TotalCount span.selectedCount, .navigation .TotalCount span.favoriteCount {
    background-size: 28px;
  }
  .navigation .TotalCount span div {
    padding-left: 50px;
  }
  .navigation .pagination {
    margin: 9px auto;
  }
  .navigation .pagination button {
    width: 50px;
    height: 41px;
    background-position: 12px 7px !important;
    background-size: 26px !important;
  }
  .navigation .quickShopping {
    right: 19px;
    top: 83px;
  }
  .browser {
    top: 145px;
  }
  #shoppingCart .shoppingCart_content {
    top: 100px;
    bottom: 70px;
  }
  #shoppingCart .shoppingCart_content .content {
    width: calc(100% - 290px);
    margin-top: -35px;
  }
  #shoppingCart .shoppingCart_content .content .shoppingItem {
    width: calc(100% - 60px);
  }
  #shoppingCart .shoppingCart_content .content .shoppingItem .commodity {
    font-size: 16px;
  }
  #shoppingCart .shoppingCart_content .content .shoppingItem .commodity div {
    padding: 10px 40px;
  }
  #shoppingCart .shoppingCart_content .content .shoppingItem .commodity .operation {
    width: 30px;
    height: 30px;
    top: 0px;
    background-size: 25px;
    background-position: 10px 10px;
  }
  #shoppingCart .shoppingCart_content .content .shoppingItem .photoList {
    margin: 0px;
  }
  #shoppingCart .shoppingCart_content .content .shoppingItem .photoList .photoItem {
    min-width: 185px;
  }
  #shoppingCart .shoppingCart_content .content .shoppingItem .photoList .photoItem .photo {
    min-height: 185px;
  }
  #shoppingCart .shoppingCart_content .content .shoppingItem .photoList .photoItem .photo div {
    width: 185px;
    height: 185px;
  }
  #shoppingCart .shoppingCart_content .windowcode {
    width: 260px;
    right: 30px;
    top: 0px;
  }
  #shoppingCart .shoppingCart_content .windowcode .content2 .inputCode button {
    width: 40px;
    height: 40px;
    top: 0px;
    background-size: 18px;
  }
  #shoppingCart .shoppingCart_content .windowcode .content2 .inputCode input {
    padding: 10px;
    width: calc(100% - 40px);
  }
  #shoppingCart .shoppingCart_buttom {
    height: 65px;
  }
  #shoppingCart .shoppingCart_buttom .content .shoppingCart_buttom_center .settlement {
    font-size: 20px;
    padding: 10px 20px;
    right: 30px;
  }
  #shoppingCart .shoppingCart_buttom .content .shoppingCart_buttom_center .content2 span {
    line-height: 67px;
  }
  #sureOrder .orderContent {
    width: 700px;
    height: 500px;
  }
  #sureOrder .orderContent .content {
    width: 600px;
  }
  .preview {
    right: 215px;
    top: 90px;
  }
  .preview .photoInfo {
    font-size: 16px;
    width: 150px;
    padding: 5px 5px 5px 15px;
    height: 100vh;
    overflow-y: scroll;
  }
  .preview .photo {
    width: calc(100% - 200px);
    margin-left: 185px;
  }
  .preview .preview-navi button {
    background: no-repeat 10px 11px/28px;
    width: 45px;
    height: 45px;
  }
  .preview .preview-navi button#btnPreviewPrevious {
    top: 85px;
  }
  .preview .preview-navi button#btnPreviewNext {
    bottom: 10px;
  }
}
#qr-input-popup {
  display: none;
}
#qr-input-popup .absoluteCenter {
  width: 600px;
  height: 250px;
  background-color: #ffffff;
}
#qr-input-popup .absoluteCenter .form-wrapper {
  text-align: center;
  margin-top: 10px;
}
#qr-input-popup .absoluteCenter .form-wrapper .qr-input-code {
  width: calc(100% - 32px);
  color: #000;
  border-radius: 2px;
  font-size: 1em;
  padding: 15px;
  height: inherit;
  border: 1px solid #D2CFCF;
}
#qr-input-popup .absoluteCenter .invalid-qr-input-code {
  color: red;
  padding: 0 16px;
}
#qr-input-popup .absoluteCenter .add-btn {
  background-color: #828282;
  color: #fff;
  font-size: 18px;
  padding: 8px 15px;
  border-radius: 10px;
  margin: 0 16px;
  margin-top: 16px;
  position: absolute;
  right: 0;
}

@media (min-width: 1025px) and (max-width: 1280px) and (max-height: 768px) {
  #PhotoRotation .top-banner #mainMenu .logo {
    top: 5px;
    left: 30px;
  }
  #PhotoRotation .top-banner #mainMenu .logo img {
    height: 50px;
  }
}
.ai-generate-btn {
  background-color: #005cb9;
  color: #ffffff;
  padding: 10px 20px;
}/*# sourceMappingURL=photoViewNew.css.map */