/*IE10 viewport hack for Surface/desktop Windows 8 bug */
@-webkit-viewport { width: device-width; }
@-moz-viewport    { width: device-width; }
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

/*common*/
a{text-decoration: none;/*-o-transition:0.3s ease all;-webkit-transition:0.3s ease all;-moz-transition:0.3s ease all;-ms-transition:0.3s ease all;transition:0.3s ease all;*/}
li{list-style: none;}
*{margin: 0;padding: 0;color: #333; }
h4, h1, h5, h2, h6, h3{margin: 0;}
body{-webkit-overflow-scrolling: touch;font-family: "microsoft yahei";}
.transition{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; }
.a_delay3{animation-delay: 0.3s;-webkit-animation-delay: 0.3s;-ms-animation-delay: 0.3s;}
.a_delay4{animation-delay: 0.4s;-webkit-animation-delay: 0.4s;-ms-animation-delay: 0.4s;}
.a_delay5{animation-delay: 0.5s;-webkit-animation-delay: 0.5s;-ms-animation-delay: 0.5s;}
.a_delay6{animation-delay: 0.6s;-webkit-animation-delay: 0.6s;-ms-animation-delay: 0.6s;}
.a_delay9{animation-delay: 0.9s;-webkit-animation-delay: 0.9s;-ms-animation-delay: 0.9s;}
.a_delay12{animation-delay: 1.2s;-webkit-animation-delay: 1.2s;-ms-animation-delay: 1.2s;}
.a_delay15{animation-delay: 1.5s;-webkit-animation-delay: 1.5s;-ms-animation-delay: 1.5s;}
.a_delay18{animation-delay: 1.8s;-webkit-animation-delay: 1.8s;-ms-animation-delay: 1.8s;}
.a_delay21{animation-delay: 2.1s;-webkit-animation-delay: 2.1s;-ms-animation-delay: 2.1s;}
a:hover{text-decoration: none;}
i, em {font-style: normal; }
table {border-collapse: collapse;margin: 0px; }
thead, tbody, tfoot, tr, td {margin: 0px; }
.clear {clear: both;height: 0px;line-height: 0px;font-size: 0px;overflow: hidden;visibility: hidden; }
h1, h2, h3, h4, h5, h6 {font-size: 12px;font-weight: normal;line-height: 1.6}
p{line-height: 1.6}
::selection {background: #e57779;color: #fff; }
::-webkit-selection {background: #e57779;color: #fff; }
::-moz-selection {background: #e57779;color: #fff; }
section, article, aside, header, footer, nav, dialog, figure {display: block;}
.clear10 {clear: both;height: 10px;line-height: 0px;font-size: 0px;overflow: hidden; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden; }
.transition{-o-transition:0.5s ease all;-webkit-transition:0.5s ease all;-moz-transition:0.5s ease all;-ms-transition:0.5s ease all;transition:0.5s ease all;}
/*.clearfix{*+height:1%;}*/
.lr1{overflow: hidden;text-overflow: ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap;}
.lr2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.lr3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.lr4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.lr5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.lr6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}
.lr7{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;}
/*iconfont.css*/
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1602598349374'); /* IE9*/
  src: url('iconfont.eot?t=1602598349374#iefix') format('embedded-opentype'),
  url('iconfont.woff?t=1602598349374') format('woff'),
  url('iconfont.ttf?t=1602598349374') format('truetype'),
  url('iconfont.svg?t=1602598349374#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.pr {position: relative;/*z-index: 0; */}
.pa {position: absolute; }
.pf{  position: fixed;}
.tin {text-indent: 2em; }
.tac {text-align: center; }
.tal {text-align: left; }
.tar {text-align: right; }
.fl {float: left; }
.fr {float: right; }
.wrap {width: 1200px;margin: auto; }
.z9999{z-index: 9999;}
.z222{z-index: 222;}
.red{color: #9d0000;}
.bgwhite{background: #FFF;}
.shadow{width: 100%;height:100%;position: fixed;top:0;left:0;z-index: 2;display: none;}
.cameraImage{width:300px;height:300px;display: none}
.shadow .bg_grey{width: 100%;height:100%;position: fixed;top:0;left:0;z-index: 2;background: rgba(0,0,0,0.4);}
.shadow .bg_white{width: 40%;padding-bottom: 10px;position: fixed;top:5%;left:30%;z-index: 2;background:white;border-radius: 10px;}
.shadow .bg_white .centerBox{width:100%;display: flex;justify-content: center;margin-top:20px}
.shadow .bg_white .centerBox .camera{width: auto;height:auto;}
.shadow .bg_white .showTips{width: 100%;text-align: center;color:grey;font-size: 14px;margin-top:20px;}
.shadow .bg_white .sureBtn{text-align: center;margin-top: 50px;}
.shadow .bg_white .sureBtn:hover{cursor:pointer;}
.btn:hover{cursor:pointer;}
.jiexiB .btn{width:10%;border:1px solid grey;text-align: center;border-radius: 5px;margin:20px 0;margin-left:5%;}
.shadow{width: 100%;height:100%;position: fixed;top:0;left:0;z-index: 2;display: none;}
.jiexiB .cameraImages{max-width:100%;display: none}
.shadow .bg_grey{width: 100%;height:100%;position: fixed;top:0;left:0;z-index: 2;background: rgba(0,0,0,0.4);}
.shadow .bg_white{width: 40%;padding-bottom: 10px;position: fixed;top:5%;left:30%;z-index: 2;background:white;border-radius: 10px;}
.shadow .bg_white .centerBox{width:100%;display: flex;justify-content: center;margin-top:20px}
.shadow .bg_white .centerBox .camera{width: auto;height:auto;}
.shadow .bg_white .showTips{width: 100%;text-align: center;color:grey;font-size: 14px;margin-top:20px;}
.shadow .bg_white .sureBtn{text-align: center;margin-top: 50px;}
.shadow .bg_white .sureBtn:hover{cursor:pointer;}
.jiexiB .btn:hover{cursor: pointer;}
.jiexiB	.shadow .bg_white{width: 30%;padding-bottom: 10px;position: fixed;top:10%;left:35%;z-index: 2;background:white;border-radius: 10px;}
.jiexiB .shadow .bg_white .centerBox{display: flex;justify-content: center;align-items:center;}
.jiexiB	.shadow .bg_white .camera{width: 70%;background:none;transform: rotate(90deg);border-radius: 10px}
.jiexiB .shadow .bg_white .sureBtn{margin-top: 90px;}
.jiexiB .imageBoxForImage{background:none;display: flex;justify-content: left;margin-top: 150px}
.jiexiB .cameraImages{width:850px;height:560px;border-radius: 5px;transform: rotate(90deg)}
/*.jiexiB .cameraImages{width:100%;border-radius: 5px;transform: rotate(90deg)}*/
/*.hideImageBox{width:100%;height:100%;position:fixed;top:0;left:0;z-index: 2;display: flex;justify-content: center;background:rgba(0,0,0,0.4);display: none}*/
/*.hideImageBox img{width:90%;margin-left:5%;transform: scale(0.8) rotate(90deg);border-radius: 10px}*/
.ji .shadow .bg_white{width: 30%;padding-bottom: 10px;position: fixed;top:10%;left:35%;z-index: 2;background:white;border-radius: 10px;}
.ji .shadow .bg_white .centerBox{display: flex;justify-content: center;align-items:center;}
.ji .shadow .bg_white .camera{width: 70%;background:none;transform: rotate(90deg);border-radius: 10px}
.ji .shadow .bg_white .sureBtn{margin-top: 90px;}
.ji .imageBoxForImage{background:none;display: flex;justify-content: left;margin-top: 150px}
.ji .cameraImages{width:850px;height:560px;border-radius: 5px;transform: rotate(90deg)}
.hideImageBox{width:100%;height:100%;position:fixed;top:0;left:0;z-index: 2;display: flex;justify-content: center;background:rgba(0,0,0,0.4);align-items:center}
.hideImageBox img{width:45%;transform: rotate(90deg);border-radius: 10px}
