.container {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("/static/shop/images/reg-bg.jpg");
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;

}
.container.login {
    /* background-image: url("/static/shop/images/login-bg.jpg"); */
}
.landingPage {
    background-color: #fff;
}
.landingPage .container {padding: 0;}
.landingPage .container .row{margin: 0;}
.landingPage .container .grid-c1 {
    position: absolute;
    left:72%;
    top:50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    width: 320px;
    padding: 20px;
    margin: 0 auto;
    border: 1px solid #000;
    background-color: #fff;
}
.landingPage .container .grid-c1 .grid-c1-1 .left,.grid-c1-1 .right {
    width: 50%;
    float: left;
    padding-bottom: 10px;
    text-align: center;
    line-height: 30px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    font-size: 16px;
    color: #999;
}
.landingPage .container .grid-c1 .grid-c1-1 .left i,.grid-c1-1 .right i {
    position: relative;
    top: 4px;
    font-size: 16px;
    color: #999;
}
.landingPage .container .grid-c1 .grid-c1-1 .left.active,.grid-c1-1 .right.active {
    color: orangered;
    border-bottom: 2px solid orangered;
}
.landingPage .container .grid-c1 .grid-c1-1 .left.active i,.grid-c1-1 .right.active i{
    color: orangered;
}
.landingPage .container .grid-c1 .grid-c1-2 .form-control{
    font-size: 16px;
    border-color: #DDE1E5;
    webkit-box-shadow:none;
    box-shadow:none;
}
.landingPage .container .grid-c1 .grid-c1-2 .form-control:focus{
    border-color: #DDE1E5;
     webkit-box-shadow:none;
     box-shadow:none;
}
.landingPage .container .grid-c1 .landing {
    display: block;
}
.landingPage .container .grid-c1 .message {
    display: none;
}
.landingPage .container .grid-c1 .grid-c1-3 a {
    font-size: 12px;
}
.landingPage .container .grid-c1 .grid-c1-3 a:hover {
    color: orangered;
}
.landingPage .container .grid-c1 .grid-c1-4 span {
    font-size: 16px;
    line-height: 180%;
}
.landingPage .container .grid-c1 .grid-c1-4 button {
    border-style: hidden;
}
.landingPage .container .grid-c1 .grid-c1-4 button:hover {
    opacity: .9;
}
.landingPage .container .grid-c1 .grid-c1-5 a:hover {
    color: orangered;
}
.landingPage .container .grid-c1 .grid-c1-6 .title {
    text-align: center;
    color: #999;
    padding: 10px;
}
.landingPage .container .grid-c1 .grid-c1-6 .title:before {
    content: '-';

}
.landingPage .container .grid-c1 .grid-c1-6 .title:after {
    content: '-';
}
.landingPage .container .grid-c1 .grid-c1-6 .body > li {
    width: 20%;
    padding: 5px;
    float: left;
}
.landingPage .container .grid-c1 .grid-c1-6 .body > li img {
    width: 100%;
    border-radius: 100%;
}
.landingPage .container .grid-c1 .grid-c1-6 .body > li img {
}
.header02 .sub_nav{width: 100%;height:80px;position: relative}
.header02 .sub_nav> .clearfix {width:1200px;margin:auto;height: 80px;position: absolute;left:0;z-index: 2;right: 0; }
.header02 .sub_nav> .clearfix>.logo {width: 460px;height:80px;float: left;text-align: center;display: block;overflow: hidden}
.header02 .sub_nav> .clearfix>.logo >a {display: inline-block; height: 100%;float: left;}
.header02 .sub_nav> .clearfix>.logo >a >img{width: 230px;height:80px;}
.header02 .sub_nav> .clearfix>.logo >a:nth-child(2){
    width: 150px;
    height: 80px;
    line-height: 80px;
    font-size: 27px;
    color: #4F4F4F;
    font-weight: bold;
}
.header02 .menu a {
    line-height: 120px;
    font-size: 16px;
}

.bg-orangered {
  background-color: orangered;
}
.bg-orangered:hover {
  background-color: #e55300;
}
.ob-login-btn{
    letter-spacing: 24px;
    font-size: 16px;
}