@charset "utf-8";
.clearfix:after { clear: both; display: block; content: '' }
.clearfix { zoom: 1 }
a{ color: #333;}
body { width: 100%; min-width: 1180px; position: relative; background: #f7f7f7;font-family: Arial,Helvetica,"Segoe UI Symbol","Segoe MDL2 Assets","Microsoft YaHei","Hei SC",sans-serif }
.b1 { border-radius: 80px; }
.bc3{ background:#375ec3;color: #fff !important;border:1px solid #375ec3 !important;}
.pr{ position: relative;}
.c3 { color: #333!important }
.border { border: 1px solid #0086cd }
.box-shadow { box-shadow: 4px 4px 8px rgba(0,0,0,.4) }
.navfadeIn { -webkit-animation: bounce-down 1s linear infinite; animation: bounce-down 1s linear infinite } 
.rotate-ani{ display: inline-block; animation: rotate-ani 2s linear infinite; -webkit-animation: rotate-ani 2s linear infinite;}

@keyframes rotate-ani {
    0%{
        transform: rotate(0);
    }
    100%{
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotate-ani {
    0%{
        -webkit-transform: rotate(0);
    }
    100%{
        -webkit-transform: rotate(360deg);
    }
}
 @-webkit-keyframes bounce-down {  25% {
        -webkit-transform: translateY(-3px)
    }
    50%, 100% {
        -webkit-transform: translateY(0)
    }
    75% {
        -webkit-transform: translateY(3px)
    }
}
 @keyframes bounce-down {  25% {
        transform: translateY(-3px)
    }
    50%, 100% {
        transform: translateY(0)
    }
    75% {
        transform: translateY(3px)  
    }
}
/*头部导航部分*/  
.top-head{margin-right: 30px; position: relative;}
.top-head .i-btn {   margin-left:20px; display: inline-block; color: #fff;   position: relative; font-size:15px; } 
.top-head .user-info{ margin-top: 16px;}

.header { 
   width: 100%;
    height: 68px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #06b8c3;
    border-bottom: 1px solid rgba(255,255,255,.1);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    z-index: 1000;
	}
.header .logo { 
        width: 180px;
    height: 58px;
    margin-top: 3px;
    background: url(/emplate/shouy/logo.png) no-repeat 0 0;
    background-size: 100%;
    -webkit-transform: translateX(-40%);
	}
.ul-menu { margin-left: -50px; } 
.ul-menu li { float:left;  }
.ul-menu li, .top-head .i-btn { line-height:68px;} 
.ul-menu a { padding:0 25px; display:inline-block;  font-size:15px;   transition: none; color: #fff;position:relative }
.ul-menu .item-nav{    width: 100%;
    position: absolute;
    left: 0;
    top: 68px;
    z-index: 99;
    overflow: hidden;
    background: #212121e3;
    -webkit-box-shadow: 0 0.12rem 0.17rem 0 rgba(0,0,0,.19);
    box-shadow: 0 0.12rem 0.17rem 0 rgba(0,0,0,.19);
    display: none;
    height: 200px;} 
.ul-menu .iconfont, .user-box .pic .iconfont{ position: absolute; right:3px; top: 0; font-size: 18px; transition: all .3s; -webkit-transform: rotate(180deg); transform: rotate(180deg); color: rgba(255, 255, 255, 0.7); }

.header.is-show-dropdown{  background-color: #06b8c3;  -webkit-box-shadow: inset 0 -0.01rem 0 0 rgba(255,255,255,.1);  box-shadow: inset 0 -0.01rem 0 0 rgba(255,255,255,.1); -webkit-transition: all .6s;  -o-transition: all .6s; transition: all .6s; box-shadow: 0 -1px 4px rgba(0,0,0,.25);} 
.header.is-show-dropdown .logo{
        width: 180px;
    height: 58px;
    margin-top: 3px;
    background: url(/emplate/shouy/logos.png) no-repeat 0 0;
    background-size: 100%;
    -webkit-transform: translateX(-40%);
	}
.header.is-show-dropdown .ul-menu a, .header.is-show-dropdown .top-head .i-btn{ color: #fff !important;} 
.header.is-show-dropdown .ul-menu i, .header.is-show-dropdown .user-box .pic i{color: rgba(255, 255, 255, 0.9) !important; font-weight: 600;} 
/*.ul-menu a:hover, .ul-menu a.active, .ul-menu li.active a {  }*/
.ul-menu a:hover, .ul-menu a:hover i, .ul-menu .hov, .ul-menu .hov i, .pic-level:hover .iconfont, .user-box-hover .pic .iconfont{ color: #fff !important; -webkit-transform: rotate(360deg); transform: rotate(360deg);}  
.top-head .i-btn:hover{ color: #fff !important;}  
.ul-menu .has-sub-nav a::before, .top-head .i-btn::before{ width: 100%; height:2px; content: ""; position: absolute;  bottom:0;  left: 0; background-color: #2c60be; -webkit-transform: scaleX(0);-webkit-transition: all .3s ease;  transition: all .3s ease; transform: scaleX(0);} 
.ul-menu .hov:before, .top-head .i-btn:hover:before{ width: 100%; height:2px; content: ""; position: absolute;  bottom:0;  left: 0; background-color: #2c60be;-webkit-transform: scaleX(1)!important;    transform: scaleX(1)!important;}
.w220{     width: 220px;
    margin-top: 40px;
    border-right: 1px solid #616161;}
.w220 h3{    font-size: 30px;
    line-height: 55px;
    color: #e6aa21;}
.w220 p{ font-size:18px; color: #666; line-height: 27px;}
.w220 h1{ margin-top: 10px;font-size: 72px; color:#2c60be; line-height: 85px;}
.w220 h1 span{ font-size: 52px;}
.head-app-down{ width: 290px; margin-top: 10px;    position: relative;}
.head-app-down .Qrcode canvas{ width:120px; height:120px;position: absolute;right: 15px; top: 50px;}
.head-app-down dt, .head-app-down dd{ float: left;}   
.head-app-down h3{ line-height: 25px; font-size: 21px; color: #2c60be;}  
.head-app-down p{  line-height: 21px; font-size: 15px; color: #333; } 

.ul-menu>.has-sub-nav:hover .item-nav{ display: block;  -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-timing-function: ease;  animation-timing-function: ease; -webkit-animation-duration: .8s; animation-duration: .8s;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;}
.fadeInDown{ -webkit-animation-name:fadeInDown; animation-name:fadeInDown }

@-webkit-keyframes fadeInDown{ 0% { 
    opacity:0;
    -webkit-transform:translate3d(0, -10%, 0); 
    transform:translate3d(0, -10%, 0)
    }
    to { opacity:1; -webkit-transform:none; transform:none }
    }
    @keyframes fadeInDown{ 0% {
    opacity:0;
    -webkit-transform:translate3d(0, -10%, 0);
    transform:translate3d(0, -10%, 0)
    }
    to { opacity:1; -webkit-transform:none; transform:none } 
    }


/*下拉子导航*/

.ul-menu .ul-game-nav a{ width:180px; margin-left:6px;  padding: 0 0 0 40px; border-radius: 10px; position: relative;}
.ul-menu .ul-game-nav a:hover{ background: #eff4f7; color: #2c60be;}
.ul-menu .ul-game-nav li, .ul-menu .ul-game-nav a{ line-height: 53px;} 
.ul-game-ebet li{ display:inline-block; }
.ul-game-nav .i-con1 { width:11px;height: 11px;margin-left:4px;background: url(/emplate/shouy/image/top-ico.png) no-repeat; display:inline-block;}
.ul-game-ebet .ebet-icon{width:120px;height: 120px; margin-top: 30px; background: url(../image/icon-ebet.png) no-repeat; display:inline-block;-webkit-transition: -webkit-transform .2s; -o-transition: transform .2s;   transition: transform .2s; transition: transform .2s; -webkit-transition:transform2s; -o-transition: all .3s;  transition: all .3s;}
.ul-game-ebet .ebet-icon:hover{-webkit-transform: scale(1.1);  -ms-transform: scale(1.1);   transform: scale(1.1);}
.ul-game-ebet .ag1{ background-position: 0 0;}
.ul-game-ebet .ag2{ background-position: -120px 0;}
.ul-game-ebet .s1{ background-position: 0 -120px;}
.ul-game-ebet .s2{ background-position: -120px -120px;}
.ul-game-ebet .s3{ background-position: -120px -600px;}
.ul-game-ebet .ky-chess{ background-position: -120px -360px;}
.ul-game-ebet .hl-chess{ background-position: 0 -480px;}
.ul-game-ebet .dt-chess{ background-position: -120px -480px;}
.ul-game-ebet .as-chess{ background-position: 0 -600px;}
.ul-game-ebet .f1{ background-position: 0 -240px;}
.ul-game-ebet .f2{ background-position: -120px -240px;}
.ul-game-ebet p{ line-height:33px; margin-top: -20px;}
.ul-menu .ul-game-ebet a{ width: 157px;padding: 0; margin: 0;}
.ul-game-nav .hot { background-position: -56px -48px;}
.ul-game-nav .new { background-position: -56px -34px;}
.ul-game-nav .i-con2{ width:40px; height: 40px;display: inline-block; background: url(../image/new-game.png) no-repeat; position: absolute; left:20px; top:8px;}
.ul-game-nav .ptaisa{ background-position:0 0; }
.ul-game-nav .pt{ background-position:-40px 0; }
.ul-game-nav .dt{ background-position:-80px 0; }
.ul-game-nav .mg{ background-position:-120px 0; }
.ul-game-nav .cq9{ background-position:-160px 0; }
.ul-game-nav .sw{ background-position:0 -40px; }
.ul-game-nav .bbin{ background-position:-40px -40px; } 
.ul-game-nav .nt{ background-position:-80px -40px; }
.ul-game-nav .lg{ background-position:-120px -40px; }
.ul-game-nav .png{ background-position:-160px -40px; }
.ul-game-nav .qt{ background-position:0 -80px }
.ul-game-nav .ttg{ background-position:-40px -80px; }
.ul-game-nav .pg{ background-position:-80px -80px; }
.ul-game-nav .ag{ background-position:-120px -80px; } 
.Navbar-overlay{ position: fixed;  top: 0;  bottom: 0; left: 0;  right: 0; z-index:99; background-color: rgba(0, 0, 0, 0.5); animation-duration: 200ms;} 


/*用户下拉信息*/
.user-box .info{  padding: 0 65px 0 16px; margin-right:18px; border: 1px solid #1d407e; line-height: 34px;  background: #000715; position: relative; background-color: rgba(0, 0, 0, .6);}
.user-box .info .refresh_btn{width:14px; height:14px;background-position:-20px 0;position: absolute; right:45px;top: 10px;}
.user-box .info .user-deposit{ width:44px; height: 44px; line-height: 44px;color: #fff; font-size: 15px; font-weight:700; background:#355ec2; border-radius: 50%; top:-6px; right:-6px; position: absolute;}
.user-box .info .agent-user-deposit{   background-image: linear-gradient(0deg,#f86462 0,#ef2a56 95%);    font-size: 16px;}
.user-box .info a{ color: #fff;}
.user-box .info a span{ color: #e87420; font-weight: 700;}
.user-box .info i, .user-pro-box i{ display:inline-block; background: url(../image/user-ico.png) no-repeat;}  
.user-box .pic .iconfont{right: -20px;top: 5px;}
/*.user-box .pic span{ border-radius: 6px; background: #e5eeff; border: 1px solid #bed5ff;}*/
.user-box .info .pic-level a{ color: #333;}
.header.is-show-dropdown .user-box .info{ background: #fff;} 
.header.is-show-dropdown .user-box .account{ color:#333;}
.header.is-show-dropdown .user-box .info{ background: #f6f6f6; } 
.header.is-show-dropdown .user-box .info, .user-down .pb1{border: 1px solid #c6c6c6;}
.user-down { width:400px;  position: absolute; top:50px; right:-20px; display: none; z-index: 9999; } 
.user-down-box{ margin-top: 13px; border-radius: 8px;padding:16px 18px; background: #fff; overflow: hidden;box-shadow: rgba(0,0,0,0.5) 0 0 7px 0;}
.user-down .up { width:0; height:0; right:28px;  position: absolute;  top:3px;  display: block; border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent;  border-top: 0 solid transparent;}
.user-down .user-top{ border-bottom: 1px solid #f2f2f2;}
.user-down .user-top p{ height: 25px; margin-bottom: 16px; line-height: 25px;}
.user-down .pb1{ display: inline-block; padding: 0 18px;}
.user-down .name{ font-size: 18px; color: #333;}
.user-down .money-box a{ margin-right:6px;}
.user-down .pb1:hover{ background: #375ec3;border: 1px solid #375ec3; color: #fff;}  
.user-pro-box a{ width: 70px; margin:16px 24px 0 0; display: inline-block; text-align: center; position: relative;}
.user-pro-box a:last-child{margin:16px 0 0 0;}
.user-pro-box span{ line-height:27px;display: inline-block;} 
.user-pro-box i{ width: 50px; height: 50px;}
.user-pro-box .yhj{ background-position:-38px 0;}
.user-pro-box .fs{ background-position:-88px 0;}
.user-pro-box .letter{ background-position:-138px 0;}
.user-pro-box .mall{ background-position:-188px 0;}
.zan-letter-badge, .letter-badge{ display: none; position: absolute;  width:10px;  height: 10px;  border-radius: 50%;  background: red;  right:0;  top:-5px;} 
.letter-badge{ width: 20px; height: 20px; line-height: 20px; color:#fff; font-weight:400;}

.user-agent-box .pb1, .user-agent-box .user{ margin-top: 13px; display: inline-block; position: relative;} 
.user-agent-box .user{margin-top: 20px; }
.user-agent-box .pb1{ height: 32px; line-height: 32px; padding: 0 30px;}
.user-down .user-agent-box .pb1:hover, .bc4{background-image: linear-gradient(0deg,#fa6f64 0,#ea0950 99%);color: #fff !important;border: 1px solid rgba(0, 0, 0, 0.0) !important;}

#agent-slide .btn-detail { position: absolute; top: 200px; left: 58px; background: #232d38; text-align: center; color: #fff; letter-spacing: 2px; width: 120px; height: 30px; line-height: 30px; cursor: pointer; box-shadow: 0 4px 8px rgba(0,0,0,.3) }
.prom-shaw { margin: 20px 0 }
.prom-box-list { margin: 0 0 50px }
.prom-box-list .p-item { margin: 0 0 20px 20px; float: left; transition: all .3s; overflow: hidden; position: relative; border:1px solid #ddd;  }
.prom-box-list .p-item:hover{ box-shadow: 1px 3px 10px rgba(0, 0, 0, .25);}
.prom-box-list .btn-wp { width: 100%; height: 235px; position: absolute; top: -235px; z-index: 1; background: #000; background: rgba(0,0,0,0.60); transition: all .4s; text-align: center }
.prom-box-list .promotion-info:hover h3 { background: #f89520 }
.promotion-info { width: 360px; position: relative; overflow: hidden; display: block; background: #fff; color: #fff; transition: all .4s }
.promotion-info img { width: 100%; height: 235px }
.prom-box-list h3 { padding: 0 20px; text-align: center; font-size: 22px; color: #666; line-height: 50px }
.prom-box-list h3 strong { font-size: 22px; font-weight: 500 }
.prom-box-list .btn-info { width: 60%; height: 40px; line-height: 40px; background: none; border-radius: 6px; font-size: 16px; color: #465BC9; border:1px solid #465BC9; text-align: center; cursor: pointer; transition: all .4s; display: block; margin: 0 auto; cursor: pointer; transition: all .3s; display: block; margin-bottom: 20px }
.prom-box-list .p-item:hover h3 { color: #333; background-color: #fff }
.prom-box-list .p-item:hover .btn-info {   background-image: linear-gradient(-180deg, #2C60BE 0%, #465BC9 100%); color: #fff;}
.propmodal .modal { overflow: inherit; background: rgba(0,0,0,0.1) }
#modal-promotion .modal-dialog .close span { display: block; width: 54px; height: 54px; line-height: 54px; background: url(../image/close.png) no-repeat center center; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.gb-prom-bg{ padding-top: 330px; background: url(../image/promo-banner.jpg) no-repeat center top }
.pro .gb-tab-h { width: 68%; margin: 0 auto; position: relative }
.pro .gb-tab-h .protitline { position: absolute; left: 18%; top: 59%; width: 580px; height: 2px; border-bottom: 2px dashed #e3e3e3 }
.pro .gb-tab-h li { margin-top: 25px; float: left; margin-left: 78px; position: relative; background-color: #fafafa;  border-radius: 50%; }
.pro .gb-tab-h li:first-child { margin-left: 0 }
.pro li a { width: 110px; height: 110px; text-align: center; display: inline-block; position: relative; color: #333; font-size: 23px; transition: background .3s; font-size: 24px; font-family: "Microsoft YaHei"; color: #666; border-radius: 50%; border: 1px solid #ccc }
.pro li a span { display: inline-block; line-height: 26px; margin-top: 26% }
#modal-promotion .modal-dialog { width: 1000px; background-color: #fafafa; border-radius: 15px; height: 650px; overflow: auto }
.gb-tab-h a:hover, .gb-tab-h .active a {background-image: linear-gradient(-180deg, #2C60BE 0%, #465BC9 100%); border: 0; color: #fff }
.promo-content-outer { position: relative }
.promo-content-outer .close { width: 50px; height: 50px; position: absolute; background: url(../image/close.png) no-repeat 0 0; font-size: 50px; line-height: 70px; text-align: center; right: 10px; top: 10px; color: #fff; z-index: 3; text-indent: -9999px }
.promo-content { position: relative; background: #000; padding-top: 20px;background: rgba(255,255,255,0.1); color: #fff; font-size: 16px; width: 100%; height: 85%; overflow: auto }
.promo-content h2 { font-size: 22px; color: #333 }
.promotiondl .promo-contenttitle { background-color: #465bc9; text-align: center; line-height:53px; color: #fff; margin: 0; font-family: "Microsoft YaHei"; font-size: 18px; padding-left: 0 }
.promo-content h3:nth-child(1) { margin-top: 25px }
.promo-content h3 { font-size: 16px; color: #333; padding-left: 20px; font-weight: 700;}
.promo-content P { color: #333; padding-left: 20px; line-height: 30px }
.promo-content span.blu { color: #2a81cc }
.promo-content strong { color: #333 }
.promo-content li { margin: 5px 0; margin-left: 20px; color: #333 }
.fav_post_remark { font-size: 14px; color: #2b95ef; margin: 40px 50px }
.fav_post_rule h3:nth-child(1) { background-color: #e0f2ff; border: 1px solid #1ca0d9; line-height: 50px; padding-left: 20px; color: #465bc9 }
.fav_post_rule ul, .fav_post_rule ol { width: 100%; border: 1px solid #1ca0d9; background-color: #f6fbff }
.fav_post_rule li { list-style: decimal; list-style-position: inside; color: #333; line-height: 30px; font-size: 16px }
.fav_post_rule li span { color: #ff0053 ;}
.promo-content em { color: #ff0053; }
.promo-content ol { padding: 10px; } 
.promo-content table { color: #fff; text-align: center; padding: 20px; width: 95%; margin: 25px; border: 1px solid #1ca0d9 }
.promo-content td, th { padding: 10px }
.promo-content th { padding: 18px; color: #465bc9; background: #e0f2ff; border-bottom: 1px solid #1ca0d9 }
.promo-content td { background: #f6fbff; color: #333; border: 1px solid #1ca0d9 }
.promo-content tr:hover td { background: #e0f2ff; color: #332 }
.propmodal .fav_post_rule { width: 95%; margin: 20px 2.5% }
.consecutive{
    overflow: hidden;
}
.consecutive table{
    width: 30%;
    float: left;
    margin: 1%;
}
.consecutive table td{
    height: 72px;
}




/*右侧在线客服*/
#sidebar {     
    position: fixed;
    top: 0;
    right: 10px !important;
    text-align: center;
    border-radius: 6px;
    margin-top: 258px;
    z-index: 98;
    height: auto;
    background-color: rgba(51, 51, 51, 0.6);
	}
#sidebar li { width:77px;  }
#sidebar a { height: 80px; display: block; position: relative;  text-align: center; color: #fff; font-size: 12px;  transition: none;}
#sidebar a:hover, #sidebar a.this{    background-color: #212121db;
    background-color: #424eb5;}
#sidebar li:first a:hover{border-radius:6px 6px 0 0;} 
#sidebar li:last-child a:hover, #sidebar li.last a:hover{border-radius: 0 0 6px 6px;}
#sidebar a.this, #sidebar li li:first-child a:hover{  border-radius:6px 6px 0 0 !important;}
#sidebar .label { width: 180px; height: 60px; position: absolute; right: 87px; top: -2px; box-shadow: rgba(0,0,0,0.25) 0 0 7px 0; text-align: center; font-size: 18px; border-radius:6px; visibility: hidden; z-index: 9; background-color: #fff; transition: all .2s }
#sidebar .labelapp { right: 73px; top: -142px }
#sidebar a:hover .label, #sidebar li.ctz:hover .label{ visibility: visible; right: 87px }
#sidebar .label:after, #sidebar .label:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none }
#sidebar .label:after { border-left-color: #fff; border-width: 10px; margin-top: -10px }
#sidebar .label:before { border-left-color: #dadada; border-width: 12px; margin-top: -12px }
#sidebar a:hover .label { color: #333 }
#sidebar .iconfont { padding-top: 10px; font-size: 27px!important; margin-right: 0!important; display:block; }  
#sidebar .name{line-height:17px;  display: block;} 
#sidebar .app .label:after, #sidebar .app .label:before { top: 84% }
#sidebar .Qrcode { width: 150px; padding: 15px 0 16px 17px; height: 165px }
#sidebar li li { width: 100%; line-height: 43px; margin-bottom: 0 }
#sidebar li li a { height: 41px; display: block; position: relative; line-height: 41px; text-align: center; color: #666; border: 0; background: 0; font-size: 16px }
#sidebar .ctz ul { height: auto!important }
#sidebar .ctz .label:after, #sidebar .ctz .label:before { top: 40% }
#sidebar .ctz a:hover{ color: #fff;}
#sidebar .ctz .label:after, #sidebar .ctz .label:before { top:40% }

 
 /*注册*/
.reg-box { width: 520px; margin: 95px auto 165px; box-shadow: 0 10px 20px rgba(0,0,0,.25); border: 1px solid #ccc; background: #fff }
.code-reg { height: 50px; position: absolute; right: 10px; top: 7px; border-radius: 30px }
.fogot-reg { height: 30px; right: 22%; top: 5px; }
.reg-box .rq-cell label { position: absolute; top: 50px; left: 20px; color: #c60100 }
.all_name input { width: 40%; line-height: 33px; padding: 0 10px }
.all_name .first, .all_name .last { margin: 0 10px }
.sign-up-input { width: 100%; color: #494955 }
.status i { margin-left: 10px; color: #09bb07; font-size: 24px; display: none }
.sign-up-input .iconfont, .status .icon-duigou { width: 32px; height: 32px; background: url(../image/right.png) no-repeat }
.status .icon-duigou { background-position: 0 0; position: absolute; right: -40px; top: 10px }
.sign-up-input .delete { position: absolute; top: 18px; right: 15px; cursor: pointer; padding: 0 10px; background-position: 0 -32px }
.sign-up-input.input-password .delete { right: 50px }
.footer { height: 380px; padding-top: 45px; background: url(../image/b-bj.jpg) #333 no-repeat right center; position: relative; z-index:7 }
.footer h3 { margin: 30px 0 10px; color: #959595 }
.footer .link a { color: #5c96ff; padding: 0 15px }
.footer .link span { border-right: 1px solid #6e6e6e; border-left: 1px solid #4c4c4c }
.footer .partner a { width: 122px; display: inline-block; background: url(../image/foot-ico.png) no-repeat }
.footer .partner a:hover { opacity: .7 }
.footer .i1 { height: 34px; background-position: 0 0!important }
.footer .i2 { height: 41px; margin: 0 20px; background-position: 0 -34px!important }
.footer .i3 { height: 40px; background-position: 0 -75px!important }
.footer .i4 { width: 100px!important; height: 40px; background-position: 0 -115px!important }
.footer .i5 { height: 41px; background-position: 0 -155px!important }
.footer .i6 { height: 40px; background-position: 0 -196px!important }
.footer .i7 { height: 40px; background-position: 0 -236px!important }
.footer .i8 { height: 41px; background-position: 0 -277px!important }
.footer .i9 { height: 41px; background-position: 0 -318px!important }
.footer .i10 { height: 30px; background-position: 0 -365px!important }
.footer .ft { color: #959595; margin: 10px 0 }
.footer .ft a { margin: 0 10px }
.footer .browser a { margin-left: 10px }
.footer .browser .iconfont { color: #e2e2e2; font-size: 32px }

#modal-login .modal-dialog { width: 530px; background: #0c859a }
#modal-login .login-top { background: #0c859a url("../image/modal-login-top-3.jpg") 20px 50% no-repeat; height: 102px }
#modal-login .row { margin-bottom: 18px; position: relative }
#modal-login .login-content { height: 300px }
#modal-login .i-input, #modal-login .label { font-size: 14px; color: #fff; vertical-align: middle }
#modal-login .i-input { height: 42px; width: 260px; line-height: 42px; padding-left: 18px; background-color: #085160; border-radius: 60px; border: 0; box-shadow: 0 0 23px rgba(0,0,0,.3) inset }
#modal-login .label { display: inline-block; width: 150px; text-align: right }
#modal-login .img-code { position: absolute; right: 117px; top: 2px; height: 38px; width: 82px; cursor: pointer; vertical-align: middle }
#modal-login .ipt-code { height: 35px; width: 210px; vertical-align: middle }
#modal-login .i-btn { display: inline-block; height: 40px; width: 146px; line-height: 40px; color: #fff; text-align: center; font-size: 18px; background-color: #eb0f11 }
#modal-login .i-btn:hover { background-color: #f1ae29 }
#modal-login .i-btn:first-child { margin-right: 15px }
#modal-login .forgotpassword { height: 56px; padding-top: 6px; text-align: right; padding-right: 120px }
#modal-login .forgotpassword a { color: #fff }
#modal-login .close { position: absolute; right: -60px; top: 0; display: inline-block; width: 60px; height: 60px; line-height: 60px; color: #fff; background-color: #d90013; text-align: center; font-size: 40px }
.top-height { height: 160px }
.gb-vip-bg { background: #232323 url(../image/vip-bg.jpg) no-repeat 50% 0; padding-top: 384px }
.gb-sidenav { width: 260px;  padding-top: 38px;min-height: 600px; display: inline-block; height: 100%; position: absolute; left: 0;  box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.05); } 
.box-tit { font-size: 24px; color: #333; padding-left: 30px; margin-top: 40px; display: block; }
.gb-sidenav .tit, .gb-sidenav h1 { background: url(../image/menu.jpg) no-repeat 0 0; color: #fff; font-size: 18px; line-height: 50px; text-align: center }
.gb-sidenav .ptkhd { width: 100%; display: inline-block; text-align: center; height: 130px; background-color: #f89520; color: #fff; font-size: 22px }
.gb-sidenav .ptkhd img { margin-top: 25px }
.gb-sidenav .navlist>li>a { display: block; margin-bottom: 1px; line-height: 42px; text-align: center; position: relative; font: 400 16px/50px "Microsoft YaHei"; color: #333; transition: all .15s }
.gb-sidenav .navlist li.active a { background: #f7f7f7; } 
.gb-sidenav .navlist li:hover a, .gb-sidenav .navlist li.active a { border-left: 2px solid #2c60be; color: #2c60be;}
.gb-sidenav .navlist .icon-arrow1, #j-ask-info .icon-arrow1 { width: 16px; height: 8px; background: url(../image/arraw.png) no-repeat 0 0; position: absolute; right: 25px; top: 20px; transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transition: transform .5s ease-in-out; -webkit-transition: transform .5s ease-in-out; -moz-transition: transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; -ms-transition: transform .5s ease-in-out }
.gb-sidenav .navlist li.active .icon-arrow1, #j-ask-info h2.active .icon-arrow1 { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg) }
.gb-sidenav .navlist .active .sub-menu { max-height: 700px; visibility: visible }
.navlist .sub-menu a { display: block; line-height: 38px; text-align: center; color: #fff; font-size: 13px }
.navlist .sub-menu .active a { color: #fffaaf }
.gb-main-r { width: 935px; float: right; min-height: 600px; overflow: hidden }
.box { margin-bottom: 20px }
.box-border { border: 1px solid #3c5c88 }
.box .box-tit { height: 50px; display: block; line-height: 50px; font-size: 20px; color: #fff; padding-left: 30px; position: relative }
.box .box-tit.two { border-left: 6px solid #ee2722 }
.box .box-tit small { font-size: 14px; color: #fff; padding-left: 8px }
.box-content { padding: 25px 36px; min-height: 150px; font-size: 18px; color: #333; line-height: 30px }
.box-content h2, #j-ask-info h2.active { color: #2c60be; font-family: "Microsoft YaHei"; font-weight: 500 }
#j-ask-info li { border: 1px solid #e3e3e3; border-top: 0; height: 50px; overflow: hidden }
#j-ask-info li:nth-child(1) { border-top: 1px solid #e3e3e3 }
#j-ask-info h2 { margin: 0; padding: 10px 0; padding-left: 30px; cursor: pointer; font-size: 16px; position: relative; color: #999; transition: all .3s }
#j-ask-info li h2 a { float: right; margin-right: 20px; color: #2c60be; display: block }
#j-ask-info li h2 span { width: 18px; height: 18px; background: url(../image/measgeclose.png) no-repeat; position: absolute; display: inline-block; right: 20px; top: 15px; cursor: pointer; display: none }
#j-ask-info .icon-arrow1 { position: absolute; right: 5px }
#j-ask-info li.clickactive { height: 100%; box-shadow: 0 0 30px rgba(0,0,0,0.3); position: relative; transition: all .3s linear }
#j-ask-info li.clickactive h2 { font-size: 18px; font-family: "Microsoft YaHei"; color: #333 }
#j-ask-info li.clickactive h2 a { display: none }
#j-ask-info li.clickactive h2 span { display: block }
#j-ask-info li .ask-list { width: 90%; margin-left: 30px }

.about-bg .containerabout { box-shadow: 0 2px 15px 0 rgba(0,0,0,0.15);background: #fff; margin-bottom: 100px; border-radius: 5px; overflow: hidden }
.about-bg{ background: url(../image/userManagegbg-2.jpg) #f8f8f8 no-repeat center 310px;}
.bat-top { padding-top: 150px;background: url(/youfa/static/image/about-ban.jpg) no-repeat center top;}

.news-list li, .news-list .title { line-height:50px }
.news-list h3 { padding-left: 8px; text-align: left; border-bottom: 1px solid #e3e3e3; cursor: pointer }
.news-list .gg-info { display: none }
.news-list a:hover { background-color: rgba(0,0,0,.4) }
.news-list .t { color: #2c60be; float: right }
.news-list .gg-info { padding: 20px; line-height: 25px; white-space: pre-line; border-bottom: 1px solid #ddd }
.pagination a { border-color: #999; color: #333 }
.pagination a, .pagination span { height: 30px; padding: 0 10px; display: inline-block; line-height: 30px; margin: 20px 5px; text-align: center; background: #fff }
.pagination a:hover, .pagination span:hover, .pagination .current { background: #2c60be; color: #fff; opacity:.7; } 
.for-bj { background: url(../image/save-ban-2.jpg) #f0f0f0 no-repeat center 40px }
.for-ban { height: 520px }
.fo-box { margin-top: 122px; margin-bottom: 45px; background: #fff; padding-bottom: 40px; border-radius: 5px; position: relative }
.ul-pass { position: absolute; top: -92px; left: 180px }
.ul-pass li { width: 185px; height: 185px; margin: 0 50px; background: #fff; border-radius: 50%; display: inline-block; text-align: center; position: relative }
.ul-pass a { width: 169px; height: 169px; margin-top: 9px; display: inline-block; border-radius: 50%; background: #92c9ed; color: #fff; font-size: 22px }
.ul-pass li.active a { background: #fff; color: #f89520 }
.ul-pass i { height: 61px; display: block; margin: 28px auto 6px; background: url(../image/save-ico.png) no-repeat }
.ul-pass .icon-pass { width: 51px; background-position: 0 0 }
.ul-pass .icon-user { width: 58px; background-position: 0 -61px }
.ul-pass .icon-account { width: 60px; background-position: 0 -122px }
.ul-pass li.active .icon-pass { background-position: -60px 0 }
.ul-pass li.active .icon-user { background-position: -60px -61px }
.ul-pass li.active .icon-account { background-position: -60px -122px }
.fo-box .item-box { margin: 0 150px 10px; height: 125px; background: #e8f6ff; overflow: hidden; position: relative }
.fo-box .item-box a { width: 188px; height: 52px; margin: 40px 64px 0 0; line-height: 52px; color: #fff; border-radius: 5px; float: right; display: inline-block; font-size: 16px; text-align: center; background: #718795 }
.fo-box .item-box a:hover { background: #f89520 }
.fo-box .for-info { padding-left: 90px; margin-left: 55px; float: left; position: relative }
.fo-box .for-info i { width: 68px; height: 68px; display: inline-block; background: url(../image/save-ico.png) no-repeat; position: absolute; left: 0; top: 30px }
.fo-box .for-info .icon-phone1 { background-position: 0 -183px }
.fo-box .for-info .icon-mail1 { height: 51px; background-position: 0 -251px }
.fo-box .for-info .icon-chat1 { background-position: 0 -302px }
.fo-box .for-info h3 { margin-top: 30px; font: 400 24px/33px "Microsoft YaHei" }
.fo-box .for-info p { font-size: 16px; line-height: 29px }
.for-login { padding-top: 130px }
.for-get label { font-size: 16px }
.for-get .ui-ipt { height: 43px; line-height: 43px; background: #fff; border: 1px solid #a0a0a0; border-radius: 0 }
.freeze .ui-ipt { width: 420px }
.for-get .modal-bd { border-radius: 0 }
.for-get .close { color: #333; top: 10px }
.for-get h3 { line-height: 39px; font-weight: 700; font-size: 18px }
.modal-title-1 { height: 59px; line-height: 59px; border-radius: 0; border-left: 5px solid #eb1a37; border-bottom: 1px solid #ddd; background: #fff; color: #333 }
.btn-fo { width: 155px; height: 60px; line-height: 60px; text-align: center; background: #ce1c3e; transition: all .4s; color: #fff }
.btn-jie { background: #f89520; border-radius: 5px }
.btn-fo:hover { background: #a5122e }
.for-get1 #imgCode11 { height: 30px }
.for-get1 .ui-form-item { padding: 0 5px 20px 0; font-size: 16px; position: relative }
.for-code { height: 30px; position: absolute; right: 120px; top: 5px }
.for-get1 .wrong-tip, .for-get .wrong-tip { padding-left: 180px; line-height: 31px; display: none; color: red }
.for-get .jiedong { display: inline-block; padding: 0 10px; color: #fff; background: #718795; line-height: 37px; margin-left: 20px; cursor: pointer; font-size: 16px }
#tab-account { padding-left: 80px }
#agent-slide .carousel-control { width: 46px; height: 40px; background: #fff; display: inline-block; text-align: center; line-height: 40px; color: #979797; font-size: 33px; bottom: 0; top: auto; left: 354px }
#agent-slide .carousel-control.right { left: 400px }
#agent-slide .carousel-control.left, #agent-slide .carousel-control:hover { background-color: #ee2722; color: #fff }
.helpcontainer { top: 50px; box-shadow: 0 2px 15px 0 rgba(0,0,0,0.15); background: #fff; margin-bottom: 100px; overflow: hidden }
.s-bj { background: url(../image/s-bj.jpg) #fff no-repeat center top; }
.s-ban { height: 780px; position: relative; color: #333 }
.s-ban .yuan { width: 1570px; height: 715px; position: absolute; top: -15px; left: 50%; margin-left: -785px }
.s-ban .hand { position: absolute; top: 201px; right: 14% }
.s-ban h1 { margin-top: 150px; padding-bottom: 15px; font: 400 48px/73px "Microsoft YaHei"; position: relative }
.s-ban h1:after { width: 80px; height: 2px; background: #3a5075; content: ""; display: inline-block; position: absolute; left: 47%; bottom: 0 }
.s-ban .tit { width: 560px; margin: 20px auto 0; font-size: 20px; position: relative }
.s-ban ul { margin-top: 95px }
.s-ban li { width: 240px; margin-left: 15px; display: inline-block; position: relative; text-align: center; transition: all .4s }
.s-ban li em { display: none }
.s-ban li.active em { display: block; border-bottom: 40px solid #1577b0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 0 solid transparent; height: 0; left: 30%; position: absolute; bottom: -90px; width: 0 }
.s-ban li p { font: 400 18px/60px "Microsoft YaHei"; background: #1577b0; color: #fff; border-radius: 0 0 6px 6px }
.s-ban li p span { width: 17px; height: 17px; background: #fff; border-radius: 50% }
.s-ban li.active p, .s-ban li:hover p { background: #f89520 }
.s-ban span { width: 100%; height: 218px; border-radius: 6px 6px 0 0; display: block; background: #fff; background: rgba(255,255,255,.8); overflow: hidden }
.s-ban i { width: 128px; height: 128px; display: inline-block; margin-top: 45px; background: url(../image/s-ico.png) no-repeat }
.s-ban .s1 { background-position: 0 0 }
.s-ban .s2 { background-position: 0 -128px }
.s-ban .s3 { background-position: 0 -256px }
.s-ban .s4 { background-position: 0 -384px }
.s-anser { background: #1577b0 }
.ask-box-list { width: 1000px; margin: 0 auto; padding: 60px 0 }
.ask-box-list .p-item { width: 300px; margin-right: 30px; line-height: 33px; float: left; font-size: 18px }
.ask-box-list .p-item a { color: #fff }
.ask-box-list .p-item a:hover { color: #ffc800 }
.s-result { height: 530px; color: #333 }
.s-result h2 { margin: 65px 0 25px; font: 400 30px/47px "Microsoft YaHei" }
.s-result a { color: #333 }
.s-result li { width: 321px; margin-left: 20px; position: relative; display: inline-block; overflow: hidden }
.s-result h3 { margin-top: 30px; font: 400 20px/37px "Microsoft YaHei"; color: #1570b0 }
.s-result p { font: 400 16px/17px "Microsoft YaHei" }
.s-result span { width: 321px; height: 234px; display: block; position: relative }
.s-result .pic1 { width: 321px; height: 234px }
#modal-service .wechart-box { width: 190px; height: 190px; margin: 15px auto 0; background: url(../image/border.png) no-repeat center center; background-size: 90%; text-align: center }
.index-left .wechart-box img, #modal-service .wechart-box img { margin-top: 20px }
.index-left .wechart-box p, #modal-service .wechart-box p { color: #898989; line-height: 70px }
#modal-reg .modal-content, #modal-reg .modal-dialog { border-radius: 6px }
#modal-reg .modal-title { border: 0; padding: 20px 0 10px; text-align: center; background: #fff }
#modal-reg .modal-title h2 { font-size: 16px; color: #1d1d1c }
#modal-reg .modal-title h4 { color: #999; font-size: 12px; line-height: 17px; text-indent: 1em }
#modal-reg .modal-title img { margin-right: 10px }
#modal-reg .modal-bd p { line-height: 33px; font-size: 16px; color: #333 }
#modal-reg .btn-block a { width: 95px; height: 33px; margin: 25px 0 30px; margin-right: 8px; border-radius: 6px; line-height: 33px; display: inline-block; background: #1172eb; color: #fff; transition: all .4s }
#modal-reg .btn-block a:hover { background: #2b5d9c }
.mb60 { margin-bottom: 60px }
.scan .modal-dialog { width: 500px }
.scan .modal-dialog .close { color: #666; font-size: 37px; font-family: 'Microsoft Yahei' }
.scan .modal-bd, .reg-box { border-radius: 10px; padding: 30px 50px; overflow: hidden }
.scan li, .ul-account a { margin: 0 10px; display: inline-block }
.scan .ul-account a { padding: 0 25px; line-height: 43px; color: #333; font-size: 24px; border-bottom: 1px solid #fff }
.scan li.active a { color: #2c60be; border-bottom: 1px solid #2c60be }
.scan .rq-cell { height: 64px; margin-bottom: 34px; display: flex; line-height: 64px; position: relative; background: #f0f0f0; border-radius: 32px }
.scan .guize { height: 44px; line-height: 44px; margin-bottom: 4px }
.scan .rq-cell.active { display: block!important }
.scan .rq-cell input { width: 70%; height: 100%; background: #f0f0f0; padding: 0 10px; display: block; font-size: 16px; color: #333; white-space: nowrap; border: 0; outline: 0 }
.reg_input, .login_input { -webkit-box-shadow: 0 0 0 200px #f0f0f0 inset }
.scan .btn-login { width: 100%!important; background-image: linear-gradient(-180deg, #2C60BE 0%, #465BC9 100%) !important; color: #fff!important; border-radius: 32px!important; font-size: 24px!important; transition: all .4s }
.scan .btn-login:hover, .code:hover{ opacity: .7;}
.scan .icon { width: 24px; height: 28px; margin: 15px 15px 0 25px; display: innline-block; background: url(../image/san-ico.png) no-repeat }
.scan .user-icon { width: 28px; height: 30px; background-position: 0 -64px } 
.scan .phone-icon { height: 36px; background-position: 0 0 }
.scan .pass-icon { width: 22px; background-position: 0 -94px }
.scan .code-icon { background-position: 0 -36px }
.scan .code-reg-icon { width: 25px; height: 30px; background-position: 0 -122px }
.scan .tab-panel.active { animation: slide-down .5s ease-out }
.scan .s-l-icon { width: 38px; height: 148px; display: inline-block; background: url(../image/l-s-icon.jpg) no-repeat; position: absolute; right: -38px; top: 25px }
.scan .scan-login { background-position: -38px 0 }
.scan .user-login { background-position: 0 0 }
.scan .passorshow { width: 30px; height: 15px; background-position: 0 -154px; margin: 0; position: absolute; right: 20px; top: 30px }
.scan .passorshow-open { width: 33px; height: 23px; background-position: 0 -169px; top: 20px }
.scan .code { width: 150px; height: 48px; line-height: 48px;background-image: linear-gradient(-180deg, #2C60BE 0%, #465BC9 100%) !important;color: #fff; position: absolute; right: 10px; top: 8px; border-radius: 32px }
.scan .login-tit { font-size: 24px; color: #333; line-height: 37px }
.scan-box .tit { line-height: 33px; font-size: 16px }
.reg-succ { margin:120px auto; padding: 50px 0; color: #333 }
.reg-succ h3 { margin: 20px 0 40px; font-size: 24px }
.reg-succ p { font-size: 16px; line-height: 33px }
.reg-succ .tyj { margin: 100px 24px 0 0; display: inline-block; position: relative }
.reg-succ .reg-ewm { position: absolute; right: 16px; top: 16px; color: #fff }
#qrBox { margin-top: 50px; position: relative; left: -75px }
#qrBox .canvas { position: relative; left: 0 }
#sx-box { width: 180px; height: 180px; position: absolute; left: 50%; margin-left: -90px; top: 0; bottom: 0; background: #666; background: rgba(102,102,102,.95); filter: alpha(opacity=95) \9; text-align: center }
#j-ewm { color: #fff; margin: 50px 0 16px; font-size: 18px }
#sx-box .btn-refresh { height: 32px; line-height: 32px; display: inline-block; padding: 0 20px; background: #f89520; border-radius: 60px; color: #fff; cursor: pointer }
#qrBox .c3 { display: block; margin: 25px; position: relative; left: 75px }
#qrBox .c3 a { padding: 0 5px; font-weight: 700 }
#qrBox .appScan { display: inline-block; position: absolute; top: -15px; right: -60px }
 @keyframes slide-down {  0% {
 opacity: 0;
 transform: translateX(100%)
}
 100% {
 opacity: 1;
 transform: translateX(0)
}
}
.layui-layer-title { font-size: 16px!important }
.layui-layer-btn .layui-layer-btn0 {height: 34px!important;
    /* line-height: 16px!important;*/
    border-color: #f89520!important;
    color: #fff;
    background: -moz-linear-gradient(#0789bf, #35b4db, #0789bf);
    transition: all .2s ease;
    /* box-shadow: 0px 0px 5px 0 #212121; */
    background-color: #8CD4F5;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer;}
.login-pass { width: 400px; margin: 0 auto }
.login-pass label { width: 100px; text-align: right; display: inline-block; font-size: 16px; color: #333 }
.login-pass .input-group { margin-bottom: 15px }
.login-pass .input-group input { width: 70%; background: #f0f0f0; padding: 0 10px; height: 44px; line-height: 44px; border-radius: 5px; border: 0 }
.ui-btn { display: inline-block; font-size: 16px; padding: 0 20px; background-color: #1ca0d9; color: #fff }
.mui--is-active { display: none }
.one_three ul, .one_two ul { overflow: hidden; width: 100%; display: flex; margin: 5% auto }
.one_three li, .one_two li { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex!important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; -moz-box-flex: 1; flex-grow: 1 }
.done_account .all_name, .verify_account .all_name { background: url(../image/avatar.png); width: 80px; height: 80px; background-size: 100% 100%; position: relative }
.all_name input { position: absolute; z-index: 1; opacity: 0; right: 0 }
.all_name .option { width: 20px; height: 20px; border: 1px solid #119be3; border-radius: 50px; position: absolute; right: 0; background: #fff }
.all_name input[type="radio"]:checked+.option { background-image: url(../image/gou.png); background-size: contain }
.done_account p, .verify_account p { text-align: center; margin: 5% auto 10%; font-size: 14px; line-height: 150% }
.btn-confirm { font-size: 16px; background-color: #1ca0d9; border-radius: 5px; line-height: 44px; height: 44px; display: block; color: #fff; text-align: center; margin: 5% auto; width: 50% }
.nor-btn-confirm { border: 1px solid #1ca0d9; background: 0; color: #1ca0d9 }
.top-class .layui-layer-title { text-align: center; padding: 0; font-size: 16px; font-family: PingFangSC-Regular; color: #666 }
.ui-input-game { height: 44px; line-height: 44px; display: flex; border: 1px solid #ccc; margin: 8% auto; width: 60%; border-radius: 10px }
.ui-game { border: 0; outline: 0; height: 90%; color: #333; margin: .5% auto; font-size: 14px }
.top-class .layui-layer-btn a { width: 40%; margin: 0; text-align: center; height: 40px!important; line-height: 40px!important; border: 0; background: #eee; display: block; float: left }
.top-class .layui-layer-btn .layui-layer-btn0 { border-color: #1e9fff!important; background-color: #1e9fff!important; color: #fff }
.top-class .layui-layer-btn .layui-layer-btn1 { float: right }
.top-class .layui-layer-content { height: auto!important }
.top-class .layui-layer-btn { width: 95%; overflow: hidden; margin: 4% auto }
.sett-phone h6, .sett-pass h6 { font-size: 15px; color: #999; line-height: 24px; text-align: center; font-weight: normal }
.sett-phone h1, .sett-pass h1 { font-size: 18px; text-align: center; margin: 0 0 2% 0 }
.sett-phone .ui-input-mian, .sett-pass .ui-input-mian { height: 44px; line-height: 44px; display: flex; border: 1px solid #ddd; margin: 8% auto 2%; width: 80%; border-radius: 5px }
.sett-phone .ui-iput, .sett-pass .ui-iput { border: 0; width: 70%; text-indent: 3%; outline: 0; color: #333 }
.sett-phone p, .sett-pass p { font-size: 13px; color: #ccc; line-height: 24px; text-align: center; margin-bottom: 8% }
.sett-phone .ui-button-row .btn-loginer, .sett-pass .ui-button-row .btn-loginer { font-size: 16px; width: 80%; text-align: center; margin: auto; background: #ddd; border-radius: 5px; line-height: 44px; height: 44px; cursor: pointer }
.ui-input-pass span { text-indent: 20px }
.sett-phone .code1 { float: right; width: 30%; height: 80%; line-height: 240%; position: absolute; right: 10px; border-radius: 6px; bottom: 10%; background: #f89520; color: #fff }
.sett-phone .ui-input-phone { position: relative; margin: 8% auto }
.sett-phone .ui-iput:nth-child(2) { width: 45% }
.j-lglayVerifCodeBarbyphonereg1 #loginAccCodeImgbyphonereg1 { height: 20px; }
.j-lglayVerifCodeBarbyphonereg1 #login-accvercodebyphonereg1 { border: 0; }
.ui-button-row .blue { background: #1ca0d9!important; color: #fff;}
.comm-other-pass { position: absolute; right: 10%; color: #1ca0d9; cursor: pointer; font-size: 16px }
.sett-pass, .sett-phone { position: relative }
.ui-input-pass { margin: 8% auto 0 }
.done_account p { font-size: 16px }
.ui-input-pass { position: relative }
.ui-input-pass .passorshow { top: 15px!important }
.Qrcode1 .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; background-color: rgba(0,0,0,0.8); font-size: 14px }
.Qrcode1 .mask p { padding: 45% 15%; color: #fff; text-align: center; line-height: 0!important }
.agent-hide .mask { width: 185px!important; height: 200px!important }
#ydyzm-login .form-item { text-align: left; padding: 10px; }
#ydyzm-login .form-item input { margin-left: 20px; width: 270px; height: 30px; line-height: 30px; }
#ydyzm-login .yzm { width: 260px; height: 120px; position: relative; margin-left: 80px; }
#ydyzm-login #drag1 { position: relative; background-color: #e8e8e8; width: 300px; height: 34px; line-height: 34px; margin-left: 80px; text-align: center; }
#ydyzm-login #drag1 .drag_bg { background-color: #7ac23c; height: 34px; width: 0px; }
#ydyzm-login #drag1 .drag_text { position: absolute; top: 0px; width: 300px; -moz-user-select: none; -webkit-user-select: none; user-select: none; -o-user-select: none; -ms-user-select: none; }
#ydyzm-login #drag1 .handler { position: absolute; top: 0px; left: 0px; width: 40px; height: 34px; border: 1px solid #ccc; cursor: move; }
#ydyzm-login #drag1 .handler_bg { background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==") no-repeat center; }
#ydyzm-login #drag1 .handler_ok_bg { background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat center; }
#ydyzm-login #drag1 .handler_err_bg { background: #fff url("../image/erricon.png"); }
#ydyzm-login .yzm_image_source { float: left; width: 260px; height: 113px; margin: 0 !important; border: 0px; padding: 0 !important;/* background-image: url(test1.png); */
}
#ydyzm-login .yzm_image_cut_big { float: left; width: 260px; height: 113px; margin: 0 !important; border: 0px; padding: 0 !important; }
#ydyzm-login .yzm_image_cut_loading { float: left; width: 260px; height: 113px; margin: 0 !important; border: 0px; padding: 0 !important; background-image: url(../image/loading.png); }
#xy_img1 { z-index: 999; width: 50px; height: 50px; position: relative; }