/* register */
.register-container {width: 100%; padding: 30px 0; overflow: hidden; }
.register-container .container{width: 1000px; margin: 0 auto; overflow: hidden; background: #fff;}
.register-container .nobg-container{background: none;}
.register-container .left{width: 235px;  height: 685px; background: #fff; overflow: hidden;  float: left; text-align: center;}
.register-container .left .title{display:inline-block; height: 70px; line-height: 70px; font-size: 22px;  padding:0 5px; overflow: hidden; clear: bottom; color: #494949;}
.register-container .left .menu{width: 235px; overflow: hidden;}
.register-container .left .menu li{width: 235px; padding: 10px 0;  overflow: hidden;}
.register-container .left .menu li a{ display: inline-block;  font-size: 14px; border-left: 2px solid #fff; padding: 5px 20px;}
.register-container .left .menu li a:hover{ color: #E73C31;}
.register-container .left .menu li a.active{color: #E73C31; border-left: 2px solid #E73C31; }
.register-container .right{width: 750px;  height: 685px; background: #fff; overflow: hidden; float: right;}
.register-container .title{height: 70px; line-height: 70px; font-size: 22px; padding-left: 45px; overflow: hidden; clear: bottom; color: #494949; border-bottom: 1px solid #e0e0e0;}
.register-container .title.tab{padding-top: 20px; padding-left: 20px; height: 50px; line-height: normal;}
.register-container .title.tab span{display: inline-block; height: 30px; line-height: 30px; margin-right: 20px; float: left;}
.register-container .title.tab a{display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; margin-left: 10px; font-size: 14px; font-weight: normal; float: left;}
.register-container .title.tab a.active{background: #1E9FFF; color: #fff;}
.register-container .step{width: 100%; height: 75px; padding: 30px 0; text-align: center; overflow: hidden;}
.register-container .notice{width: 100%; padding-top: 30px; text-align: center; overflow: hidden;}
.register-container .m-form{width: 350px; margin: 0 auto; margin-top: 80px; overflow: hidden;}
.register-container .m-form .notice{text-align: center; padding: 10px 0;}
.register-container .m-form .notice a{color: #E73C31;}
.register-container .m-form .input{width: 325px; padding-left: 23px; height: 48px; margin-bottom: 10px; border:1px solid #ddd; background: #fbfbfb url("../images/icon-phone.png") no-repeat 5px center; background-size: 26px 26px;}
.register-container .m-form .input.password{ background: #fbfbfb url("../images/icon-password.png") no-repeat 5px center; background-size: 26px 26px;}
.register-container .m-form .input.qq{ background: #fbfbfb url("../images/icon-qq.png") no-repeat 5px center; background-size: 22px 22px;}
.register-container .m-form .input.weixin{ background: #fbfbfb url("../images/icon-weixin.png") no-repeat 5px center; background-size: 22px 22px;}
.register-container .m-form .input.user{ background: #fbfbfb url("../images/icon-user.png") no-repeat 5px center; background-size: 26px 26px;}
.register-container .m-form .input input{width: 328px; padding: 0 10px; height: 48px; background: none;}
.register-container .m-form .vali-input{width: 325px; padding-left: 23px; height: 48px; margin-bottom: 10px; border:1px solid #ddd; background: #fbfbfb url("../images/icon-validate.png") no-repeat 5px center; background-size: 24px 26px;}
.register-container .m-form .vali-input input{width: 176px; padding: 0 10px; height: 48px; background: none; float: left;}
.register-container .m-form .vali-input button{width: 127px; height: 48px; float: right; border-left: 1px solid #ddd; text-align: center; color: #E73C31;}
.register-container .m-form .vali-img-input{width: 290px; height: 48px; margin-bottom: 10px; }
.register-container .m-form .vali-img-input input{width: 170px; padding: 0 10px; height: 48px; border:1px solid #ddd; float: left;}
.register-container .m-form .vali-img-input .vali{width: 80px; float: right;}
.register-container .m-form .vali-img-input .vali img{cursor: pointer;}
.register-container .m-form .submit{width: 100%;}
.register-container .m-form .submit button{width: 350px; height: 50px; color: #fff; background: #E73C31; font-size: 18px;}
.register-container .m-form  .link-register{padding-top: 25px; overflow: hidden;}
.register-container .m-form  .link-register a{color: #E73C31;}
.register-container .m-form  .link-register a.r{ float: right; color: #333;}
.register-container .m-form .item{display: none; width: 100%; overflow: hidden;}
.register-container input[type=checkbox]{-webkit-appearance: checkbox;}
.tab-header{width: 100%; padding: 0 0 10px 0; overflow: hidden; text-align: center;}
.tab-header input{opacity: 0;}
.tab-header span{display: block; padding-bottom: 10px; width: 50%; float: left; cursor: pointer;}
.tab-header span.active{border-bottom: 1px solid #E73C31; color: #E73C31;}
.tab-body .tab-item{display: none;}
.tab-body .tab-item-active{display: block;}


.base-form{padding:10px 20px;}
.base-form .radio{width: 100%; padding: 5px 0; overflow: hidden;}
.base-form .text{width: 100%; font-size: 14px; font-weight: bold; height:36px; line-height: 36px;}
.base-form .textarea{width: 385px; margin-bottom: 10px; border:1px solid #ddd; background: #fbfbfb;}
.base-form .textarea textarea{width: 365px; padding:10px; height: 88px; background: none;}
.base-form input[type=radio]{-webkit-appearance:radio;}
.base-form .submit{width: 100%;}
.base-form .submit button{width: 120px; height: 36px; color: #fff; background: #E73C31;}

/* member */
.register-container .right .base{padding:20px; margin-bottom: 10px; overflow: hidden; border-bottom: 1px solid #e0e0e0;}
.register-container .right .info{ overflow: hidden;}
.register-container .right .info .name{ height: 50px; line-height: 50px;}
.register-container .right .info .name strong{font-size: 18px;}
.register-container .right .info .name span{margin-left: 10px;}
.register-container .right .profile{color: #666;}
.register-container .right .profile span{display: inline-block; padding-left: 24px; margin-right: 10px;}
.register-container .right .profile .tel{background: url("../images/icon-phone.png") no-repeat left center; background-size: 16px 16px;}
.register-container .right .profile .qq{background: url("../images/icon-qq.png") no-repeat left center; background-size: 16px 16px;}
.register-container .right .profile .weixin{background: url("../images/icon-weixin.png") no-repeat left center; background-size: 16px 16px;}

.register-container .item{display: none;}

.right-box{padding: 15px; overflow: hidden;}
.mw-base-table{text-align: center;}
.mw-base-table th{padding:10px 5px; background: #E6E6E6;}
.mw-base-table td{padding:10px 5px; border-bottom:1px solid #E6E6E6;}
.mw-base-table a:hover{color: #1E9FFF;}

/**
* index
 */
.tab-big{width: 96%; overflow: hidden; text-align: center; margin: 0 auto;}
.tab-big .t{width: 100%; overflow: hidden;}
.tab-big .t strong{display: block; width: 92%; height: 49px; line-height: 49px; margin: 0 auto; border-bottom: 1px solid #e0e0e0;}
.tab-big .b{width: 100%; height: 60px; line-height: 60px;}
.tab-big .b a{color: #1E9FFF; font-size: 14px; margin: 0 10px;}
.tab-big .b a:hover{color: #E73C31;}
.tab-big .tab01{width: 230px; height: 110px; border: 1px solid #e0e0e0; overflow: hidden; float: left; margin: 5px; box-shadow: 0px 0px 3px rgba(0,0,0,0.2);}
.tab-big .tab02{width: 230px; height: 110px; border: 1px solid #e0e0e0; overflow: hidden; float: left; margin: 5px; margin-left: 25px; box-shadow: 0px 0px 3px rgba(0,0,0,0.2);}
.tab-big .tab03{width: 390px; height: 110px; border: 1px solid #e0e0e0; overflow: hidden; float: right; margin: 5px; box-shadow: 0px 0px 3px rgba(0,0,0,0.2);}
.tab-big .tab03 ul{width: 92%; margin: 0 auto; padding: 4px 0; overflow: hidden; text-align: left;}
.tab-big .tab03 li{height: 26px; line-height: 26px;}

.tab-big .menu-icon{width: 100%; padding-top: 20px;}
.tab-big .menu-icon li{width: 32%; margin-right: 1%; padding: 4px 0; overflow: hidden; float: left; text-align: center;}
.tab-big .menu-icon li a{display: block; width: 100%; padding: 30px 0; background: #E6E6E6;}
.tab-big .menu-icon li a:hover{ background: #1E9FFF; color: #fff;}
.tab-big .menu-icon li strong{font-weight: normal;}

/**
* website
*/
.website-list{width: 96%; margin: 0 auto; overflow: hidden;}
.website-list li{width: 100%; border-bottom: 1px solid #ddd; padding: 10px 0; overflow: hidden;}
.website-list .image{width: 198px; height: 106px; border: 2px solid #e0e0e0; overflow: hidden; float: left; position: relative;}
.website-list .image img{width: 198px; height: 106px;float: left;}
.website-list .bast{width: 480px; overflow: hidden; float: left; margin-left: 10px;}
.website-list .bast .row01{width: 100%; padding-bottom:5px;}
.website-list .bast .row01 img{height: 15px; float: left; margin: 4px 5px 0 0;}
.website-list .bast .row01 span{font-size: 12px; margin-left: 10px;}
.website-list .bast .row02{width: 100%; overflow: hidden; color: #999;}
.website-list .bast .row02 span{display: inline-block; font-size: 12px; padding: 0 8px;}
.website-list .bast .row02 span.green{color: #52c41a; background: #b7eb8f;}
.website-list .bast .row02 span.gray{color: #333; background: #d2d2d2;}
.website-list .bast .row02 span.red{background: #E73C31; color: #fff;}
.website-list .bast .row03{line-height: 1.8em; font-size: 13px;}
.website-list .bast .row03 p{padding-top: 3px;}
.website-list .bast .row03 span{background: #ddd; color: #333; display: inline-block; padding: 0 8px; font-size: 12px;}
.website-list .iframe{width: 100px; height: 106px; float: left; text-align: center;  font-size: 14px;}
.website-list .iframe iframe{width: 100px; height: 106px; border: none;}
.website-list .action{width: 80px; overflow: hidden; float: right;}
.website-list .action a{display: block; border: 1px solid #e0e0e0; width: 78px; height: 22px; line-height: 22px; border-radius: 3px; margin:2px auto; float: right; text-align: center; color: #333; font-size: 14px;}
.website-list .action a:hover{color: #E73C31; border: 1px solid #E73C31;}

/**
* finance
*/
.table-list{ width:100%; border-collapse:collapse;}
.table-list tr th{ border:1px solid #e5e3e3;}
.table-list .txt-lf{ text-align:left;}
.table-list .txt-rt{ text-align:right;}
.table-list tr th{ border:0; border-bottom:1px #fff solid; background-color:#eeeeee;}
.table-list tr td{border:0; border-bottom:1px #e0e0e0 dotted; background-color:#fafafa;}
.table-list tr.even td{ background:#f7f7f7;}
.table-list tr th,.table-list tr td{ height:50px; line-height:50px; text-align:center; padding:0 15px;}
.table-list tr td a{ border:1px #ddd solid; padding:5px 10px; color:#333;border-radius:4px;background-color: #fff;}
.table-list tr td a:hover{ background-color:#f8f8f8;}
.table-list tr th{height:50px; line-height:50px;font-weight: normal;}
.table-list .td-noborder td{border-bottom: none; height: auto; line-height: 100%; padding-top: 15px;}

/*
* create
*/
.box-wrapper {padding:20px 25px 0 25px;border-radius:5px; overflow: hidden; clear: both;}
.box-wrapper h4 {font-size: 20px; font-weight: normal; padding: 20px 0;}
.box-wrapper h4 span{font-size: 14px; color: #999; margin-left: 10px;}
.box-wrapper ul{display: inline-block; margin: 0; margin-bottom: 10px;}
.box-wrapper ul li{float: left; border: 1px solid #dcdcdc; width: 134px; margin: 10px 20px 10px 0; padding: 2px; position: relative; cursor: pointer;text-align: center; margin-top: 0; border-radius: 10px;}
.box-wrapper ul li .input{display: none;}
.box-wrapper ul li.active{border: 3px solid #fec463; padding: 0;}
.box-wrapper ul li .bottom,
.box-wrapper ul li .top{padding: 10px 0;font-size: 22px; border-bottom: 1px solid #dcdcdc; line-height: 1.2em;}
.box-wrapper ul li .top span{display: block; color: #99989a; font-size: 14px;}
.box-wrapper ul li .bottom{border-bottom:0;}
.box-wrapper ul li .bottom p{font-size: 12px; color: #2e2e2e; line-height: 20px; padding: 0;}
.box-wrapper ul li.active .top{border-bottom: 1px solid #fec463; background: #fffaf4; border-top-left-radius: 7px; border-top-right-radius: 7px; }
.item-services div{padding: 2px 0 2px 20px;}
.item-services div i{margin-left: 10px; color: #999; cursor: pointer;}
.item-tel{margin: 0!important;}

.box-wrapper .theme .r{display: block; width: 100%; clear: both; text-indent:35px; line-height: 66px;  color: #999; float: left;  background: url("../images/search.jpg") no-repeat -10px center; background-size: 50px auto; text-transform: uppercase;
}
.box-wrapper .theme .r span:nth-child(1){animation: blink 1s steps(1, start) 0.33s infinite;}
.box-wrapper .theme .r span:nth-child(2) { animation: blink 1s steps(1, start) 0.66s infinite; }
.box-wrapper .theme .r span:nth-child(3) { animation: blink 1s steps(1, start) 0.33s infinite; }
.box-wrapper .theme .r span:nth-child(4) { animation: blink 1s steps(1, start) 0.66s infinite; }
.box-wrapper .theme .r span:nth-child(5) { animation: blink 1s steps(1, start) 0.33s infinite; }
.box-wrapper .theme .r span:nth-child(6) { animation: blink 1s steps(1, start) 0.66s infinite; }
.box-wrapper .theme .r:hover{color: #E73C31}
@keyframes blink {
    33% { color: #E73C31; }
    66% {color: #FF8260;}
}

.themes-box{width: 280px; float: left;}
.themes-box a{display: block; width: 280px; border-radius: 10px; border: 1px solid #ddd; transition: all .5s; -webkit-transition: all .5s;}
.themes-box .image{width: 280px; height: 168px; overflow: hidden;}
.themes-box .image img{width: 280px; height: 168px; float: left; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.themes-box .name{padding: 10px 10px 0 10px; overflow: hidden;}
.themes-box .price{ padding:5px 10px 10px 10px; overflow: hidden;}
.themes-box .price span{color: #E73C31; float: left;}
.themes-box .price i{display: inline-block; width: 28px; height: 8px; float: right; margin-top: 8px;}

.simple-table-form{width: 100%; margin: 0 auto; padding: 8px 0; overflow: hidden;}
.simple-table-form td{padding: 2px; font-size: 14px;}
.simple-table-form input[type=text]{border: 1px solid #e0e0e0; height: 32px; padding: 0 10px; font-size: 14px;}

/**
* pay
*/
.container .top-box { background:white; padding:0 165px 0 165px; overflow: hidden;} .container .top-box .status{ background:url(../images/success_icon.png) no-repeat; width:80px; height:80px; background-size:80px; float:left; margin-top:60px; margin-left:15px; } .container .top-box .info {width: 508px; float:left; padding: 50px 0 50px 50px; } .container .top-box .info p { line-height:2; } .container .top-box .info .title {height: auto; border: none; font-weight:bold; font-size:18px; text-align: left; padding-left: 0; } .container .amount { float:right; margin-top:90px; font-size:18px; font-weight:bold; } .container .amount .num{ color: #E73C31; font-size:22px; } .container .bottom-box { background:#fff; width:1200px; } .container .common_table{ width:840px; padding: 35px 0; } .container h3 { padding:0; font-weight:bold; margin-bottom:10px; } .container .tab_bt { border:none; } .balance p{ line-height:2.5; } .balance .title { font-weight:bold; font-size:16px; } .balance .balance_text { border:1px solid #ccc; height:35px; width:100px; text-indent:5px; } .balance .tip { color:#999; margin-left:15px; } .balance .num { color: #F1C40F; font-weight:bold; font-size:16px; } .container .commonbtn1 { width:840px; margin-top:20px; } .container .payment { text-align:left; } .container .payment a.pay-btn {display: inline-block; border: 2px solid #e0e0e0; margin: 0; margin-right: 25px; width: 185px; height: 60px; } .container .payment a.pay-btn:last-child { margin:0; } .container .payment img { width:185px; height:60px; } .container .tab_bt { padding:20px 0; } .tab_bt .title { font-weight:bold; font-size:16px; text-align:left; line-height:3; } .container .payment a.pay-btn:hover { border:2px solid #ff6600; } .shortof { color: #f87004; font-size:16px; }