/*公共css*/
body,html{margin: 0;padding: 0;}
.SettledIndexBox{margin: 0;font-size: 14px;font-family: "微软雅黑";color: #333;}
.SettledIndexBox a,.SettledIndexBox a:hover,.SettledIndexBox a:active,.SettledIndexBox a:visited,.SettledIndexBox a:focus{text-decoration:none;color: #333;}
.SettledIndexBox img{max-width: 100%;}
.SettledIndexBox ul,.SettledIndexBox p{margin: 0;padding: 0;}
.SettledIndexBox li{list-style:none;}
.SettledIndexBox ul{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.SettledContent{width: 1200px;margin: 0 auto;}
/*头部*/
.SettledHeaderBox{padding: 20px 0;}
.SettledHeaderContentBox{overflow: auto;}
.SettledLogo{display: inline-block;}
.SettledLogo a{display: inline-block;}
.SettledLogo img{max-width: 170px;max-height: 56px;}
.SettledLoginBox{display: inline-block;float: right;padding-top: 16px;}
.SettledLoginBox a{display: inline-block;font-size: 14px;color: #000;font-weight: bold;margin-left: 20px;}
.SettledLoginBox a.landing{background-image: url(/static/home/images/settled/SettledEn.png);background-repeat: no-repeat;background-size: 16px;background-position: left center;padding-left: 20px;}
.SettledLoginBox a:hover{color: #e60012;}
/*头部 end*/
/*Bannner*/
.SettledBannerBox{text-align: center;}
.SettledBannerBox a{display: block;}
.SettledBannerBox img{width: 100%;}
/*Banner end*/
/*4步轻松开店*/
.OpenShopTextBox{width: 60%;display: inline-block;vertical-align: middle;}
.TitleHeaderTextBox h3{margin: 0;padding: 0;font-size: 40px;color: #444;line-height: 60px;font-weight: 600;letter-spacing: 3px;}
.TitleHeaderTextBox p{font-size: 20px;margin: 0;color: #4d504c;line-height: 30px;font-style: italic;}
.TitleHeaderTextBox h4{font-size: 23px;line-height: 30px;font-weight: normal;margin: 10px 0px;color: #e00209;letter-spacing: 1px;}
.OpenShopluceng{padding: 20px 0;padding-left: 5px;}
.OpenShopluceng span{display: inline-block;font-size: 18px;color: #000;border: 1px solid #e3e4e6;line-height: 40px;padding: 0 16px;border-radius: 40px;letter-spacing: 1px;font-weight: 400;margin-left: -5px;vertical-align: middle;}
.OpenShopluceng i{display: inline-block;width: 50px;height: 1px;background: #e3e4e6;vertical-align: middle;margin-left: -5px;}
.OpenShopluceng p{font-size: 20px;line-height: 30px;font-weight: normal;margin-top: 20px;color: #000;}
.OpenShopCodeBox{text-align: center;width: 39%;display: inline-block;vertical-align: middle;}
.OpenShopCodeBox img{width: 180px;}
.OpenShopCodeBox p{font-size: 20px;line-height: 30px;font-weight: normal;margin-top: 0px;color: #000;}
/*4步轻松开店 end*/
.MerchantRegistrationBox{padding: 30px 0px;}
.MerchantRegistrationTitle{display: inline-block;vertical-align: middle;width: 250px;}
.MerchantRegistrationBottom{display: inline-block;text-align: center;vertical-align: middle;}
.MerchantRegistrationBottom span{line-height: 35px;padding: 5px 80px;border:1px solid #ccc;color: #e00209;font-size: 23px;display: inline-block;border-radius: 10px;margin-right: 30px;}
/*同行企业*/
.PeerEnterprisesContentBox{margin-top: 70px;}
.logolistBox{text-align: center;padding: 10px 0;}
.logolistBox img{width: 100%;}
/*同行企业 end*/
/*历史活动回顾*/
.HistoricalActivitiesBox{margin-top: 70px;}
.ReviewEventsBox{margin-top: 30px;overflow: hidden;}
.ReviewEventsBox ul{overflow: auto;margin: 0;padding: 0;}
.ReviewEventsBox ul li{display: inline-block;}
.ReviewEventsBox ul li .locabox{display: block;box-sizing: border-box;padding: 15px 20px;border: 1px solid #808080;border-radius: 15px;}
.ReviewEventsBox ul li a{display: block;}
.ReviewEventsHeader{border-bottom: 1px solid #808080;}
.ReviewEventsHeader p{color: #4d504c;font-size: 22px;margin: 0;line-height: 40px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; -o-text-overflow:ellipsis;font-weight: bold;}
.ReviewEventsContentBox{padding: 20px 0;padding-bottom: 0px;}
.ReviewEventsImg{display: inline-block;width: 35%;vertical-align: middle;position: relative;}
.ReviewEventsImg .ReviewBack{position: absolute;z-index: 1;background: rgba(0,0,0,0.2);width: 100%;height: 100%;left: 0;top: 0;}
.ReviewEventsImg span{position: absolute;z-index: 10;width: 60px;height: 60px;text-align: center;line-height: 55px;border-radius: 50px;background: #fff;
top: 50%;left: 50%;margin-top: -30px;margin-left: -30px;}
.ReviewEventsImg span img{width: 15px;display: inline-block;vertical-align: middle;}
.ReviewEventsImg img{width: 100%;display: block;}
.ReviewEventsText{width: 64%;display: inline-block;vertical-align: middle;box-sizing: border-box;padding-left: 30px;}
.ReviewEventsText h6{font-size: 20px;color: #4d504c;line-height: 30px;font-weight: normal;margin: 0;padding: 0;font-weight: 400;}
.ReviewEventsText p{font-size: 14px;color: #4d504c;line-height: 25px;margin-top: 10px;font-weight: 400;}
.ReviewEventsText p.viewmores span{font-weight: bold;color: #000;}
.ReviewEventsText p.viewmores span i{font-style: normal;letter-spacing: -3px;display: inline-block;margin-right: 3px;}
body .ReviewEventsBox ul li a:hover p{color: #999;}
.ReviewEventsText p.viewmores span:hover{color: #e00209;}
.ReviewBottomRos{text-align: center;margin-top: 15px;}
.ReviewBottomRos ul{margin: 0;padding: 0;display: inline-block;}
.ReviewBottomRos ul li{display: inline-block;width: 12px;height: 12px;border-radius: 50%;background: #e00209;border: 1px solid #FF0000;margin: 0 3px;
cursor: pointer;}
.ReviewBottomRos ul li.on{background-color: #FFFF00;}
/*历史活动回顾 end*/
/*商家快捷访问*/
.MerchantExpressBox{margin-top: 70px;}
.MerchantExpressListBox{margin-top: 30px;}
.MerchantExpressListBox ul{margin: 0;padding: 0;overflow: hidden;}
.MerchantExpressListBox ul li{width: 30%;float: left;box-sizing: border-box;text-align: center;}
.MerchantExpressListBox ul li:nth-child(1){width: 40%;}
.MerchantExpressListBox ul li a{display: inline-block;}
.MerchantExpressListBox ul li img{width: 200px;}
.MerchantExpressListBox ul li p{margin: 0;line-height: 30px;font-size: 22px;color: #334241;font-weight: 500;margin-top: 10px;}
/*商家快捷访问 end*/
/*底部*/
.settledFooTBox{background-image: url(/static/home/images/settled/sellerfootbj.png);background-repeat: no-repeat;background-size: 100% auto;background-position: left top;margin-top: 70px;padding-top: 130px;}
.settledFooTContentBox{padding-bottom: 20px;}
.settledAboutus{display: inline-block;width: 40%;vertical-align: top;}
.settledContactus{display: inline-block;width: 17%;box-sizing: border-box;vertical-align: top;margin: 0 8%;}
.settledCodeBox{display: inline-block;width: 12%;box-sizing: border-box;padding: 0px;vertical-align: top;text-align: center;float: right;}
.settledCodeBox img{width: 100%;margin-top: 10px;max-width: 100px;}
.settledFooTContentBox h3{font-size: 20px;font-weight: 500;color: #fff;margin: 0;padding: 0;letter-spacing: 1px;}
.settledFooTContentBox p{margin: 0;margin-top: 10px;font-size: 12px;line-height: 20px;color: #fff;}
.settledFootBottomBox{border-top: 1px solid #fff;padding: 15px 0;}
.settledFootLogo{display: inline-block;}
.settledFootLogo a{display: inline-block;}
.settledFootLogo img{width: 120px;}
.settledFootbackBox{background: #e00209;padding-bottom: 20px;}
.copyrightBox{float: right;max-width: calc(100% - 130px);display: inline-block;box-sizing: border-box;padding: 5px 10px;text-align: center;}
.copyrightBox p{margin: 0;font-size: 12px;color: #fff;line-height: 20px;}
.copyrightBox p a{color: #fff;text-decoration:none;}
/*底部 end*/
/*开店申请表单*/
.openshopbackBox{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100000;background: rgba(0,0,0,0.3);display: none;}
.openshopPopup{position: fixed;left: 50%;top: 50%;z-index: 1000000;background: #fff;border-radius: 2px;overflow: hidden;box-shadow: 2px 2px 50px rgba(0,0,0,0.3);width: 800px;margin-left: -400px;margin-top: -380px;display: none;}
/*滚动条整体样式*/
.openshopPopupContent::-webkit-scrollbar {width : 7px;height: 1px;border-radius: 5px;}
.openshopPopupContent::-webkit-scrollbar-thumb {box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);background: #ccc;border-radius: 10px;}
.openshopPopupContent::-webkit-scrollbar-track {box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);background: #fff;border-radius: 10px;}
.openshopPopupHeader{padding: 8px 15px;background: #e60718;border-bottom: 1px solid #eee;}
.openshopPopupHeader img.headericon{display: inline-block;width: 23px;vertical-align: middle;margin-right: 5px;}
.openshopPopupHeader span{color: #fff;font-size: 18px;line-height: 20px;display: inline-block;vertical-align: middle;}
.openshopPopupHeader img.closeimg{display: inline-block;float: right;width: 18px;margin-top: 3px;cursor: pointer;}
.openshopPopupContentBox{padding: 10px;}
.openshopPopupContent{max-height: 650px;overflow: auto;padding: 0 10px;box-sizing: border-box;}
.openshopPopupContent iframe{width: 100%;border: none;height: 495px;width: 100%;}
.openshopPopupBottom{text-align: center;padding: 10px 0;padding-top: 0px;}
.openshopPopupBottom p{margin: 0;padding: 0;}
.openshopPopupBottom a{display: inline-block;padding: 8px 30px;font-size: 15px;color: #fff;background: #1E9FFF;text-decoration:none;line-height: 20px;letter-spacing: 2px;border-radius: 1px;}
.OpenShopBottomBox{text-align: center;margin-top: 0px;background: #f7f7f7;padding: 10px;border-top: 1px solid #ccc;}
.OpenShopBottomBox h3{font-size: 18px;margin: 0;padding: 0;color: #000;line-height: 30px;margin-bottom: 5px;}
.OpenShopBottomBox span{margin: 0;font-size: 14px;color: #444;line-height: 25px;background-image: url(/static/home/images/settled/gicon2.png);background-size: 22px;background-repeat: no-repeat;background-position: left center;padding-left: 27px;display: inline-block;margin: 0 10px;}
.AnimOn{animation: zoomIn 0.3s ease 0s 1 both;display: block;}
.OpenShopFormBox{width: 100%;max-width: 800px;margin: 0 auto;box-sizing: border-box;padding: 0px;}
.OpenShopFormHeaderBox{padding:10px;background: #fffad0;background: linear-gradient(to right, #fff17b, #fffad0);overflow: hidden;}
.OpenShopFormHeaderBox p{margin: 0;font-size: 16px;color: #444;line-height: 25px;background-image: url(/static/home/images/settled/ticon.png);background-size: 25px;background-repeat: no-repeat;background-position: left top;padding-left: 30px;}
.OpenShopFormListBox{padding: 15px 0;}
.OpenShopFormListBox ul{margin: 0;padding: 0;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;overflow: hidden;}
.OpenShopFormListBox ul li{width: 50%;box-sizing: border-box;float: left;display: inline-block;padding-right: 20px;margin-bottom: 10px;}
.OpenShopFormListBox ul li:nth-child(even){padding-right: 0px;padding-left: 20px;}
.OpenShopFormListBox ul li p{font-size: 14px;color: #444;margin: 0;line-height: 25px;}
.OpenShopFormListBox ul li p i{color: #e60718;font-size: 14px;display: inline-block;font-style: normal;}
.OpenShopFormListBox ul li input{line-height: 38px; border: 1px solid #ccc; background: #fff; border-radius: 8px; box-sizing: border-box; padding: 0 5px; text-align: left; display: block; width: 100%; outline: none; color: #767676;}
.OpenShopFormListBox ul li select{line-height: 38px; border: 1px solid #ccc; background: #fff; border-radius: 8px; box-sizing: border-box; padding: 0 5px; text-align: left; display: block; width: 100%; outline: none; color: #767676; }
.OpenShopFormListBox ul li.borderred input{border-color: #FF0000;}
.OpenShopFormSubBox{text-align: center;margin-top: 10px;}
.OpenShopFormSubBox p{margin: 0;font-size: 16px;color: #444;line-height: 25px;background-image: url(/static/home/images/settled/gicon.png);background-size: 22px;background-repeat: no-repeat;background-position: left center;padding-left: 27px;text-align: left;}
.OpenShopFormSubBox .submitbtn{display: inline-block;padding: 10px 30px;font-size: 18px;color: #fff;background: #e60718;text-decoration:none;line-height: 20px;letter-spacing: 5px;border-radius: 1px;outline: none;border: none;cursor: pointer;min-width: 200px;font-weight: bold;margin-top: 20px;border-radius: 3px;}
.OpenShopFormSubBox .submitbtn:hover{background: linear-gradient(to right, #ff7c86, #e60718);}
.OpenShopFormSubBox .titlecwubox{text-align: center;min-height: 30px;overflow: hidden;margin-top: 5px;}
.OpenShopFormSubBox .titlecwubox p{margin: 0;font-size: 14px;color: #e60718;line-height: 25px;background-image: url(/static/home/images/settled/ticon.png);background-size: 22px;background-repeat: no-repeat;background-position: left center;padding-left: 27px;animation: bounceInLeft 0.5s ease 0s 1 both;display: inline-block;}
.OpeningPolicyBox input.checkboxstyle[type="checkbox"] {-webkit-appearance: none;background: #fff url(/static/home/images/checkbox.png) no-repeat;background-size: 90px;
height: 18px;vertical-align: middle;width: 18px;cursor: pointer;outline: none;}
.OpeningPolicyBox input.checkboxstyle[type="checkbox"]:checked {background-position: -36px 0;}
.verificationcode{position: relative;}
.verificationcode input{padding-right: 135px;box-sizing: border-box;}
.verificationcode a.smccode{display: inline-block;line-height: 38px;width: 130px;text-align: center;background-color: #f2f2f2;color: #666;font-size: 12px;box-sizing: border-box;border-left: 1px solid #ccc;position: absolute;bottom: 1px;right: 21px;border-bottom-right-radius: 8px;border-top-right-radius: 8px;z-index: 999;cursor: pointer;}
.OpeningPolicySelectBox{margin-top: 10px;}
.OpeningPolicySelectBox label{display: block;cursor: pointer;}
.OpeningPolicyBox h3{font-size: 18px;margin: 0;padding: 0;line-height: 30px;color: #000;}
.scheckboxBox{display: inline-block;vertical-align: top;width: 30px;}
.scheckboxTextBox{display: inline-block;vertical-align: top;width: calc(100% - 35px);}
.scheckboxTextBox p{font-size: 14px;margin: 0;line-height: 25px;color: #666666;}
.scheckboxTextBox p:nth-child(1){padding-left: 0px;color: #000;}
.OpenShopPayContentBox{padding-top: 18px;}
.OpenShopPayBox{text-align: center;display: none;}
.OpenShopPayImg{width: 50%;display: inline-block;vertical-align: middle;text-align: center;}
.OpenShopPayImg img{width: 100%;max-width: 300px;}
.OpenShopPayName{display: inline-block;width: 49%;box-sizing: border-box;border-left: 1px solid #a5a5a5;padding: 30px 10px;}
.OpenShopPayName p{font-size: 14px;margin: 0;line-height: 25px;color: #333;text-align: left;padding-left: 20px;}
.OpenShopPayBox p.pays{font-size: 12px;margin: 0;margin-top: 5px;color: #777;line-height: 25px;}
.OpenShopPackageBox{padding: 20px 10px;text-align: center;}
.OpenShopPackageBox span.titles{display: inline-block;width: 150px;text-align: right;}
.OpenShopPackageBox p{font-size: 14px;margin: 0 auto;line-height: 25px;color: #333;text-align: left;padding-left: 20px;width: 370px;}
.OpenShopPackageBox h3{font-size: 18px;margin: 0;padding: 0;line-height: 30px;color: #000;margin-top: 18px;}
.OpenShopgoshop{text-align: center;padding: 16px 0;}
.OpenShopgoshop .gojoins{display: inline-block;padding: 10px 10px;font-size: 18px;color: #fff;background: #e60718;text-decoration:none;line-height: 20px;letter-spacing: 0px;border-radius: 1px;outline: none;border: none;cursor: pointer;min-width: 200px;margin-top: 0px;border-radius: 3px;}
.OpenShopgoshop .gojoins:hover{background: linear-gradient(to right, #ff7c86, #e60718);}
.OpenShopPackageBox p.InitialPassword{display: none;}
.OpenShopPackageBox p.ChangePassword{font-size: 12px;margin: 0;margin-top: 5px;color: #777;line-height: 25px;width: auto;display: none;text-align: center;}
.bounceInLeft {-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft}
@-webkit-keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-100px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInLeft{
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-100px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(10px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
.zoomIn{-webkit-animation-name: zoomIn;animation-name: zoomIn;}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
/*开店申请表单 end*/