*{margin:0;padding:0;border:0;}
ul,li,dl,dt,dd{list-style:none;}
a,a:hover{text-decoration:none;}
.xiazaiasan{padding: 8px 15px;background-color: #f39100;color: #fff;border-radius: 5px;margin-right: 10px;}
.clear{clear:both}
#web_bg{left:0;top:0;position:absolute;width:100%;height:100%;z-index:-9999}
#web_bg img{position:fixed;top:0;left:0;width:100%;height:100%;}
body{background-color: #edeff5;font-size:12px;color:#666;}
.topbar{width:100%;border-top: 4px solid #20a2de;background: #fff;height: 35px;line-height: 35px;box-shadow: 0 0 1px rgba(0,0,0,0.3);font-family: "瀹嬩綋";color:#404a58}
.topbar a{color:#404a58}
.topbar .top{width:960px;margin:0 auto;}
.top .top_left{float:left;}
.top .top_right{float:right;}
.top .top_right i{margin-right: 5px !important;}
.top .top_right span{color:#ccc;padding:0 10px;}
.top .top_right a:hover{color:#f00;}

.wrap{width:960px;margin:10px auto 0;}
.wrap .diybanner{width:960px;margin-bottom:10px;}
.wrap .diybanner img{width:100%;}
.wrap .content{background:#fff;padding:10px;}
.wrap .content h1{text-align:center;padding:10px 0 15px;color:#444;font-size:20px;font-weight: 700;}
.content .banner{margin-bottom:10px;border-radius:4px;overflow:hidden}
.content .plus_box{padding:15px 20px;border: 1px solid #bce8f1;border-radius:4px;margin-bottom:10px;font-family:"Microsoft Yahei";font-size:14px; position:relative;}
.plus_box:hover{border:1px solid #00aff0;}
.plus_box:after{clear:both;content:"";display:block;}
.plus_box .plus_l{width:100%;color:#888;}
.plus_box .plus_l ul{margin-bottom:10px;}
.plus_box .plus_l ul li{height:34px;line-height:34px;border-bottom:1px solid #e1e1e1;position: relative;overflow: hidden;}
.plus_box .plus_l ul li a{background:#00aff0;color:#fff;padding:5px 10px;border-radius:4px;}
.plus_box .plus_l ul li a:hover{background:#09F; text-decoration:none;}
.plus_box .plus_r{width:280px;margin:7px 0px;padding:2px;overflow:hidden;position:absolute;top:-7px;right:5px;background:#fff;padding:5px;}
.plus_box .plus_r .diybox{height:100%;width:100%;overflow:hidden;border-radius:4px}
.plus_box .plus_r img{border-radius:4px;width: 270px;height:240px;}
.plus_box .plus_r .diybox:hover{border:1px solid #00aff0;}

.content .panel{margin-bottom:10px;background-color: #fff;border: 1px solid #bce8f1;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.panel:hover{border:1px solid #00aff0;}
.panel-heading{padding: 10px 15px;border-bottom: 1px solid #bce8f1;border-top-left-radius: 3px;border-top-right-radius: 3px;color: #31708f;background-color: #d9edf7;}
.panel-heading .h3{margin-top: 0;margin-bottom: 0;font-size: 14px;color: inherit;font-family: inherit;font-weight: 500;line-height: 1.1;}  
.panel-body{padding:15px;}
.panel-body .downfile{color:#fff;float:left;margin:0 10px}
.panel-body .downfile a{background:#00aff0;color:#fff;font-size:14px;display:block;padding:15px;text-align:center}
.panel-body .downfile a:hover{background:#48A5D3;}
.panel-body .downfile label{display:block;background:#dc9a7f;text-align:center;padding:10px;border-top:1px solid #fff;}
.panel-body .help li{line-height:25px;font-size:14px}
.panel-body .help li em{font-style:normal;background:#D9EDF7;padding:5px;border-radius:4px;color:#31708F}
.panel-body .shengming{line-height:25px;font-size:14px;color:#C33;}
.buy{text-align: center;}
.but{height: 35px;line-height: 35px;display: inline-block;color: #fff !important;margin: 5px;font-size: 20px;vertical-align: middle;width: 140px;background: #FF5722;border-radius: 5px;}
.butbur{background-color: #2196F3;}
.ziyuanshoujiage{font-size: 16px;margin-bottom: 10px;}
.ziyuanshoujiage b{margin:0 5px;color:red;}
.layui-btn{margin: 5px 10px 5px 0 !important;}
.logintishi{text-align: center;font-size: 18px;color: #00aff0;font-weight: 500;padding: 10px 0;}
.logintishi a{margin: 0 5px;color: #bf810d;}
.download {max-width: 740px;overflow: hidden;margin: 10px auto 5px auto;}
.con {text-align: center;}
.con h1 {font-size: 16px;line-height: 32px;margin: 15px 0 10px 0;}
.user {line-height: 38px;overflow: hidden;}
.user .tx {width: 38px;position: relative;display: inline-block;vertical-align: middle;}
.user strong {color: #3366cc;margin: 0 10px;font-weight: 400;}
.user em {color: #ff6600;font-weight: 800;font-style: normal;font-size: 18px;}
.user img {width: 38px;height: 38px;border-radius: 50%;vertical-align: middle;}
.user .green {color: #5ec255;font-size: 20px;text-decoration: underline;margin: 0 0 0 15px;}
.btnbox {margin: 15px 0 0 0;}
.btnbox a.mal {height: 58px;line-height: 58px;display: inline-block;color: #fff;margin: 5px;font-size: 22px;vertical-align: middle;}
.btnbox .b-btn {width: 160px;background: #449bf5;border: solid 1px #0954a1;}
.btnbox .y-btn {width: 160px;background: #ff9933;border: solid 1px #9d5d0a;}
.btnbox .z-btu{background-color: #FF5722;border: solid 1px #6f240d;width: 160px;}
.btnbox span {margin: 0 13px 0 7px;}
.btnbox span em { color: #3366cc;font-style: normal;}
.btnbox a.go {color: #5ec255;font-size: 20px;text-decoration: underline;}
.tip{margin-top:10px;font-size: 14px;}
.tip b {color: #ff6600;margin: 0 5px;font-size:16px;}
.tip a {margin: 0 20px;color: #999;font-weight: 800;}
.tip span{margin:0 15px;}
.wrong {line-height: 24px;height: 24px;color: #ff6600;margin: 8px 0 0 0;}
.vip-down {max-width:740px;margin: auto;}
.tabdiv{width:100%;padding:0;}
.tabdiv h2{font-size: 16px;height: 40px;line-height: 40px;background-color: #f5f5f5;border-bottom: 1px solid #ddd;border-radius: 6px 6px 0px 0px;padding-left: 20px;}
.tabdivfor{padding: 15px;}
.tabdiv ul li{line-height: 30px;height: 30px;font-size: 14px;border-bottom: 1px dashed #DEDEDE;text-overflow: ellipsis;overflow: hidden;counter-increment: nums;position: relative;}
.tabdiv ul li span{float: right;color: #ccc;}
.tabdiv ul li a{color: #65b6e6;}
.conss{margin: 0 5px;color: red;}
.yuebuzhu{display: block;color: red;font-size: 20px; margin: 10px 0;}
.sineispan{color: #00BCD4;}
.xianzaispantxt{display: inline-block;text-align: center;border-radius: 2px;vertical-align: middle;border: 1px solid #C9C9C9;background-color: #fff;color: #555;height: 30px; line-height: 30px;padding: 0 10px;font-size: 12px;margin: 5px 10px 5px 0 !important;}
.content .banner img{max-width: 100%!important;height: auto !important;}
.tipspans{font-size: 18px;color: #00bcd4;padding: 20px 0;display: block;font-weight: 600;text-align: center;}
.tipspans span{color:red;margin: 0 5px;}
.buy-a,.tipspans a{margin: 0 10px;color: #de7122;}
.span_tip{color: red;font-size: 18px; font-weight: 700; margin: 0 5px;}
/*邀请码购买页面*/
.codecenter{ width:100%; max-width: 980px; margin: auto; border:1px solid #fff; background-color: #fff; padding-bottom: 50px;}
.codetitle{ 
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    color: #666;
    line-height: 60px;
    width: 80%;
    margin: 0px auto 10px;
    border-bottom: 1px dashed #ddd;
}
.codefoot{ width: 80%; margin: 0 auto; border-top: 1px #eee solid; padding: 15px 0px; line-height: 25px; color: #999;}
.codeform{ max-width: 750px; font-size: 14px; padding: 25px 10px 10px 10px; margin: 20px auto; background-color: #f5f5f5;border-radius: 5px;}
.codefontcolor{ color: #666 !important;}
.codefontred{ color:red !important;}
.codecents{ width: 80%; margin: 20px auto; border: 1px solid red; padding: 10px;}
.codecents p{ border-bottom: 1px solid #f5f5f5; font-size: 14px; height: 28px;}
.codecents div{ padding: 10px 5px;}
.codecents span{ font-size: 16px; margin-top: 10px; margin-right: 10px;}
.codecenter .layui-form-item input::-webkit-input-placeholder{
    color:#ccc;
    opacity: 1;
}
.codecenter .layui-form-item input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#ccc;
    opacity: 1;
}
.codecenter .layui-form-item input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#ccc;
    opacity: 1;
}
.codecenter .layui-form-item input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#ccc;
    opacity: 1;
}


@media screen and (max-width: 950px){.topbar .top{width:auto;padding:0 10px;}.wrap{width:auto;margin:10px 10px 0;}.wrap .diybanner{width:auto;overflow:hidden;}.content .banner{width:auto;overflow:hidden;}.panel-body .downfile{margin:0 5px 10px;}}
@media screen and (max-width: 600px){.topbar .top{width:auto;padding:0 10px;}.top .top_left{display:none;}.wrap{width:auto;margin:10px 10px 0;}.wrap .diybanner{width:auto;overflow:hidden;}.content .banner{width:auto;overflow:hidden;}.plus_box .plus_r{display:none}.panel-body .downfile{margin:0 5px 10px;} .tabdiv ul li span{display:none;}}