@import url(/uploads/css/scss/index.ie.css) screen and (min-width:750px);
@media screen and (max-width: 750px) {
@charset "gb2312";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0 none;outline:0;}
body{font-size:14px;background-color: #f8f8f8;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0 none}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
strong{font-weight:800}
ol,ul,li{list-style:none outside none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a{color: #188bd8;text-decoration:none;font-size: 16px;}
a:hover{text-decoration:underline;color: #f14848;}
.clearfix{*zoom:1;}/*ie6 7*/
.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*logo*/
.header{width: 100%;padding: 9px 0;background: #fff;text-align: center;}
.logo_box{width: 100%;float: left;margin: 15px 0;position: relative;}
.logo{display: inline-block;background: url(/uploads/image/simg/pc_ico.png) no-repeat 0 0;width: 123px;height: 34px;background-size: 100%;}
.logo img{float: left;width: 200px;}
.logo p{float: left;margin-top: 5px;}
.logo p img{width: 226px;}
.logo_bg{background: url(/uploads/image/simg/pc_ico.png) no-repeat 0 -735px;float: left;width: 140px;height: 40px;margin-top: 10px;margin-left: 10px;}
/*æœç´¢*/
.search {float: right;width: 273px;margin-top: 12px;margin-right: 7px;border-radius: 4px;display: none;}
.search input {line-height: 32px;float: left;color: #b9b9b9;}
.search input.searchbar {height: 39px;width: 81%;text-indent: 5px;font-size: 14px;border-radius: 4px 0 0 4px;border: 1px solid #188bd8;}
.search input.search_results {float: left;width: 18%;height: 41px;font-size: 14px;font-weight: 700;border: 0;background: url(/uploads/image/simg/pc_ico.png) no-repeat 8px -83px;background-color: #188bd8;border-radius: 0 4px 4px 0;}
/*投稿*/
.rougao {float: right;margin-top: 7px;width: 257px;display: none;}
.rougao a:before{content: "";background: url(/uploads/image/simg/pc_ico.png) no-repeat;background-position: -44px -471px;float: left;height: 30px;width: 26px;margin-top: 4px;margin-left: 10px;margin-right: 6px;}
.rougao a {height: 33px;line-height: 33px;float: left;display: inline-block;color: #ffffff;font-size: 14px;width: 111px;background: #379adc;margin: 0 2%;border-radius: 4px;text-align: left;}
.rougao .on {background-color: #f96969;}
.rougao .on:before{background: url(/uploads/image/simg/pc_ico.png) no-repeat;background-position: -19px -471px;}
.rougao a:hover{color:#fff!important;}
.phone{background: url(/uploads/image/simg/pc_ico.png) no-repeat;background-position: 0px -474px;float: right;color: #333;height: 24px;line-height: 24px;padding-left: 20px;margin-top: 12px;font-size:14px;}
.phone:hover{color:#f96969!important;}
contact-i{background: url(/uploads/image/simg/pc_ico.png) no-repeat;background-position: -125px -448px;float: right;color: #777777;height: 24px;line-height: 24px;padding-left: 20px;margin-top: 20px;font-size:14px;margin-left: 10px;}
/*header*/
.index_mid{width: 100%;margin: auto;}
.subnav{float: left;background: #188bd8;width: 100%;overflow: hidden;line-height: 42px;padding: 10px 0;}
.subnav p{float: left;line-height: 29px;height: 29px;color: #666;}
.subnav ul {float: left;text-align: center;width: 100%;}
.subnav ul li{float: left;text-align: center;width: 25%;}
.subnav ul li:hover, .subnav ul li a.on{background: #187aca;}
.subnav ul li:hover a,.subnav ul li.on a{color: #fff;width: 100%;float: left;}
.subnav ul a {color: #ffffff;font-size: 17px;width: 100%;float: left;}
.subnav ul a.now,.header a:hover{text-decoration: none;color: #929292;}
.subnav ul li:nth-child(1){background: #187aca;display: none;}
.index_lanmu{float: left;background: #6bbcf2;font-size: 17px;padding: 0 16px;color: #fff;border-radius: 4px;margin-top: 9px;height: 30px;line-height: 30px;margin-left: 12px;}
.header a:hover{color:#fff;}
.fabu{float: right;width: 279px;background: url(/uploads/image/simg/pc_ico2.png) no-repeat 0 0;background-size: 100%;height: 350px;}
.fabu .fabu_top{float: left;width: 100%;height: 60px;line-height: 60px;margin-top: 50px;}
.fabu .fabu_top a{float: left;color: #428ecc;font-size: 18px;width: 50%;text-align: center;}
.fabu .fabu_bot{float: left;width: 70%;margin-left: 17%;margin-top: 3%;margin-bottom: 16%;}
.fabu .fabu_bot p{float: left;font-size: 18px;width: 100%;height: 40px;line-height: 40px;}
.fabu .fabu_bot p:before{content: "";width: 5px;border-radius: 5px;height: 16px;background: #fd7b53;float: left;margin-top: 12px;margin-right: 5px;}
.fabu .fabu_bot span{float: left;font-size: 32px;color: #f14848;font-weight: 700;}
.fabu .fabu_bot font{float: right;font-size: 14px;color: #ababab;width: 60px;margin-top: 5px;}
.fabu .fabu_input{float: left;width: 100%;text-align: center;}
.fabu .fabu_input a{background: #188bd8;width: 74%;display: inline-block;height: 46px;font-size: 20px;color: #fff;border-radius: 2px;line-height: 46px;margin-top: 5px;}
.fabu .fabu_input a:hover{background: #45adc1;color: #fff;}
.fabu .fabu_art{float: left;width: 96%;height: 30px;line-height: 30px;font-size: 14px;color: #979797;padding: 2%;text-align: center;}
.wavy-line{float: left;position: absolute;left: 2%;bottom: -3px;height: 4px;width: 98%;background-image: -webkit-radial-gradient( transparent 0px, transparent 3px, #fff 3px, #fff 4px, white 4px, white);background-image: -moz-radial-gradient( transparent 0px, transparent 3px, #ccc 3px, #fff 4px, white 4px, white);background-image: radial-gradient( transparent 0px, transparent 3px, #fff 3px, #fff 4px, white 4px, white);background-size: 8px 9px;background-position: -0px 1px;display: none;}
.main_fl{width: 94%;overflow: hidden;background: #fff;padding: 3%;border-radius: 10px;float: left;margin-top: 10px;}
.main_fl_title {width: 100%;float: left;margin-bottom: 10px;border-bottom: 2px solid #7fb9e8;}
.main_fl_title h1 {height: 40px;line-height: 40px;float: left;border-bottom: 3px solid #188bd8;text-align: center;margin-bottom: 3px;padding: 0 4%;}
.main_fl_title h1 a {font-size: 20px;font-weight:600;color: #188bd8;}
.main_fl_title ul{float:right;width: 78%;height: 40px;overflow: hidden;}
.main_fl_title ul li{float:right;margin: 0px 5px 0px 8px;height: 26px;line-height: 26px;background: #eff8ff;padding: 0 10px;margin-bottom: 4px;margin-top: 13px;border-radius: 5px;}
.main_fl_title ul li a{color: #188bd8;font-size: 13px;}
.main_fl_title ul li a:hover{color:#128cdf;text-decoration:underline}
/*main_fl_left*/
.main_fl_l{width: 100%;float:left;}
.main_fl_l_box {width: 100%;margin-top: 8px;border: 1px solid #f1f1f1;background: #f9f9f9;float: left;}
.main_fl_l h2{float: left;height: 34px;line-height: 34px;width: 100%;border-bottom: 1px solid #e3e3e3;}
.main_fl_l h2 a{height: 34px;float: left;line-height: 34px;color: #333;border-bottom: 1px solid #428ecc;font-size: 16px;background: url(/uploads/image/simg/pc_ico.png) no-repeat -82px -72px;font-weight: 700;}
.main_fl_pic{margin: 2%;border-bottom-style: dashed;float: left;position: relative;width: 96%;overflow: hidden;border-radius: 10px;}
.main_fl_pic a img{float: left;width: 100%;min-height: 127px;}
.main_fl_pic a span{font-weight:bold;font-size: 15px;color: #ffffff;height: 35px;line-height: 35px;display:block;float: left;width: 100%;text-align: center;position: absolute;bottom: 0;background: #696969a6;}
.main_fl_l_list {float: left;display: inline-block;width: 100%;padding-bottom: 8px;}
.main_fl_l_list ul {width: 100%;float: left;}
.main_fl_l_list li {width: 96%;line-height: 34px;height: 34px;font-size: 14px;overflow: hidden;float: left;margin: 2%;margin-bottom: 0;background: #fff;border: 1px solid #f5f5f5;}
.main_fl_l_list li span{width: 4px;height: 4px;line-height: 4px;background: #d4d4d4;float: left;margin-top: 15px;margin-left: 10px;margin-right: 5px;border-radius: 50%;}
.main_fl_l_list .kind{width: auto;color: #b9b9b9;margin-right: 10px;font-size: 14px;}
.main_fl_l_list li a {width: 64%;color: #333;line-height: 30px;height: 30px;font-size: 15px;}
.main_fl_l_list li a:hover{color:#ff4311}
/*main_fl_center*/
.main_fl_c{float:left;width: 100%;margin-top: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.main_fl_c a:hover{color:#ff4311;text-decoration:underline}
.main_fl_c_pic .c_img{width: 100%;height: 83px;overflow: hidden;}
.main_fl_c_pic .c_img img{width: 100%;height: 83px;float: left;border-radius: 10px;}
.main_fl_c_pic .c_art {height: 30px;line-height: 30px;overflow:hidden;float: left;width: 88%;}
.main_fl_c_pic {padding-top: 10px;width: 30%;float: left;overflow: hidden;display: inline-block;text-align: center;}
.main_fl_c_pic a, .main_fl_c_pic a:link, .main_fl_c_pic a:visited {color: #5a5a5a;font-size: 14px;height: 24px;line-height: 24px;overflow: hidden;}
.main_fl_c_list {font-size: 14px;line-height: 28px;padding-top: 5px;overflow: hidden;white-space: nowrap;width: 100%;float: left;border-top: #dedede dotted 1px;margin-bottom: 5px;}
.main_fl_c_list li{float: left;width: 100%;height: 39px;line-height: 39px;overflow: hidden;}
.main_fl_c_list li:nth-child(even){float: right;}
.main_fl_c_list code{color: #cfcdcd;float: right;font-size: 12px;font-family: initial;}
.main_fl_c_list a{color:#333;float: left;width: 80%;overflow: hidden;font-size: 15px;}
.main_fl_r{float: right;width: 100%;margin-top: 6px;}
.l_hot{float:left;background: #fafafa;padding: 3%;width: 93%;}
.l_hot .table{float: left;height: 34px;line-height: 34px;width: 100%;border-bottom: 1px solid #e3e3e3;margin-bottom: 15px;}
.l_hot .table h3{height: 34px;float: left;line-height: 34px;color: #333;border-bottom: 1px solid #188bd8;font-size: 16px;background: url(/uploads/image/simg/pc_ico.png) no-repeat -82px -72px;font-weight: 700;}
.l_hot .l_hot_title{width: 96%;height: 32px;border-bottom: 1px solid #ececec;margin: 2%;float: left;}
.l_hot .l_hot_title h3 span {font-size: 16px;color: #333;height:32px;width:70px;display:block;line-height: 32px;text-align: center;border-bottom: #1d8fe2 solid 1px;}
.l_hot .l_hot_list{overflow: hidden;float: left;width: 100%;}
.l_hot .l_hot_list ul{width: 100%;float: left;}
.l_hot .l_hot_list ul li{font-size: 14px;line-height: 43px;float: left;width: 100%;overflow: hidden;height: 43px;}
.l_hot .l_hot_list ul li code{font-family: inherit;font-size: 12px;color: #9f9f9f;margin-right: 10px;background: #f0f0f0;padding: 4px 10px;border-radius: 48px;height: 30px;line-height: 30px;}
.l_hot .l_hot_list ul li a:hover{color:#ff4311;text-decoration:underline;}
.l_hot .l_hot_list ul li a{color: #333;text-decoration:none;font-size: 15px;}
.l_hot .l_hot_list ul li.li_name a{color: #989898;text-decoration:none;}
.l_hot .l_hot_list ul li.li_name {float: left;width:68px;text-align: center;margin-right: 5px;}
.l_hot .l_hot_list ul li span{position:absolute;right:10px;color:#ff4311;font-size:12px}
.l_hot a img{width:100px;height:70px;}
.main{width: 100%;margin: auto;}
.container{width: 100%;float: left;margin-top: 20px;}
.main-block {width: 821px;float: left;}
.main-block .b-block {position: relative;height: 268px;float: left;font-size: 13px;margin-bottom: 4px;cursor: pointer}
.main-block .b-block a {color: #fff}
.main-block .b-block:hover .b-cover img {-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-filter: blur(7px);-ms-filter: blur(7px);filter: blur(7px)}
.main-block .b-block:hover .b-hover {height: 100%;width: 100%}
.main-block .b-block:hover .b-cont2 {visibility: visible;opacity: 1}
.main-block .bk-3 {width: 576px}
.main-block .bk-2 {width: 384px}
.main-block .bk-1 {width: 192px}
.main-block .bk-3 .b-cube {*width: 572px}
.main-block .bk-2 .b-cube {*width: 260px}
.main-block .bk-1 .b-cube {*width: 188px}
.main-block .b-cube {position: relative;height: 100%;overflow: hidden;margin-right: 8px;}
.main-block .b-cover {height: 100%;width: 100%;overflow: hidden;transition: background-color .3s;}
.main-block .b-cover img {height: 100%;width: 100%;display: block;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}
.main-block .b-hover {position: absolute;z-index: 9;bottom: 0;width: 100%;height: 85px;transition: width .3s, height .3s, opacity .3s}
.main-block .b-cont {position: absolute;color: #fff;z-index: 10;bottom: 15px;width: 100%;transition: opacity .3s, -webkit-transform .3s;transition: opacity .3s, transform .3s;transition: opacity .3s, transform .3s, -webkit-transform .3s;}
.main-block .b-cont p {font-size: 12px;overflow: hidden;}
.main-block .b-cont .b-title {font-size: 18px;font-weight: 700;margin-bottom: -4px;}
.main-block .b-cube2 {padding: 0 20px;position: relative;z-index: 2;}
.main-block .b-cont1 {visibility: visible;transition: opacity .3s, -webkit-transform .3s;transition: transform .3s, opacity .3s;transition: transform .3s, opacity .3s, -webkit-transform .3s}
.main-block .b-cont2 {visibility: hidden;opacity: 0;top: 15px;}
.main-block .b-cont2 p {transition: opacity .3s, -webkit-transform .3s;transition: transform .3s, opacity .3s;transition: transform .3s, opacity .3s, -webkit-transform .3s;opacity: 0}
.main-block .b-cont2 p:nth-child(2) {transition-delay: .1s}
.main-block .b-cont2 p:nth-child(3) {transition-delay: .2s}
.main-block .b-cont2 p:nth-child(4) {transition-delay: .3s}
.main-block .b-cont2 .b-desc, .main-block .b-cont2 .b-title {margin-bottom: 10px;}
.main-block .b-green {background-color: #188bd8;filter: alpha(opacity=95);opacity: .95;}
.main-block .b-yellow {background-color: #f14848;filter: alpha(opacity=95);opacity: .95;}
.main-block .b-blue {background-color: #f04f4f;filter: alpha(opacity=95);opacity: .95;}
.main-block .b-blue2 {background-color: #188bd8;filter: alpha(opacity=95);opacity: .95;}
.main-block .bk-num1 .b-cont1 {top: 30px;}
.main-block .bk-num1 .b-cont1 .b-title {margin-bottom: 15px;}
.main-block .bk-num1 .b-cont1 .b-desc {margin-bottom: 20px}
.main-block .bk-num1 .b-hover {height: 100%;width: 200px}
.main-block .bk-num1 .b-cont2, .main-block .bk-num2 .b-cont2 {top: 30px}
.main-block .bk-num1 .b-cont2 .b-title, .main-block .bk-num2 .b-cont2 .b-title {font-size: 24px;}
.main-block .bk-hori .b-cont2 p {-webkit-transform: translatex(-30%);transform: translatex(-30%)}
.main-block .bk-hori:hover .b-cont1 {visibility: hidden;opacity: 0;-webkit-transform: translatey(100%);transform: translatey(100%)}
.main-block .bk-hori:hover .b-cont2 p {opacity: 1;-webkit-transform: translatex(0);transform: translatex(0)}
.main-block .square {display: inline-block;padding: 5px 15px;border: 1px solid #fff;border-radius: 2px;transition: background-color .3s;font-size: 12px;}
.main-block .square:hover {background-color: hsla(0, 0%, 100%, .2)}
.main-block .b-block {height: 170px;margin-bottom: 8px;}
.main-block .bk-3 {width: 541px;}
.main-block .bk-2 {width: 279px;}
.main-block .bk-1 {width: 180px;}
.main-block .b-cube {margin-right: 8px}
.main-block .b-cont2 p {font-size: 12px;line-height: 20px;}
.main-block .b-cont2 .b-title {font-size: 20px;height: 24px;}
.main-block .b-title {font-size: 22px}
.main-block .b-hover {height: 45px;}
.main-block .bk-num1 .b-cont1 .b-title {font-size: 26px;}
.main-block .bk-num1 .b-cont1 .b-desc {margin-bottom: 20px;}
.main-block .bk-num1 .b-hover {width: 192px;}
.main-block .bk-num1 .b-cont2, .main-block .bk-num2 .b-cont2 {top: 20px;}
.main-block .bk-num1 .b-cont2 .b-title, .main-block .bk-num2 .b-cont2 .b-title {font-size: 24px;}
.main-block .b-cube2 {padding: 0 10px;}
.col_txt{overflow:hidden;margin-bottom: 10px;}
.col_box a{font-size:14px;color: #006fb7;}
.col_box a:hover{color:#00c;text-decoration:underline!important}
.col_txt .pic{float:left;margin-right: 20px;height: 90px;overflow: hidden;width: 37%;}
.col_txt .pic img{width: 100%;height: 90px;border-radius: 10px;}
.col_txt .text{color: #8c8c8c;float:left;font-size:12px;text-align:left;width: 57%;height: 24px;line-height: 24px;}
.col_txt .text p{float: left;font-size: 14px;margin-top: 0px;line-height: 24px;overflow: hidden;height: 48px;color: #9b9b9b;}
.col_txt .text b a{color: #272727;font-size: 15px;font-weight:bold;line-height: 34px;}
/*çƒé—¨èŒƒæ–‡æŽ¨è*/
.right_list{width: 100%;float: left;}
.right_list .right_list_title {width: 100%;float: left;font-size: 16px;color: #f05051;border-radius: 6px 6px 0 0;margin-bottom: 15px;border-bottom: 1px solid #e3e3e3;height: 34px;line-height: 34px;}
.right_list .right_list_title span{height: 34px;float: left;line-height: 34px;color: #333;border-bottom: 1px solid #f05050;font-size: 16px;background: url(/uploads/image/simg/pc_ico.png) no-repeat -82px -72px;font-weight: 700;}
.right_list ul li {line-height: 40px;height: 40px;float: left;width: 100%;}
.right_list ul li span {float:left;width: 22px;height: 22px;margin-top: 4px;line-height: 22px;font-size: 12px;text-align:center;color: #fff;background-color: #cbcbcb;border-radius: 50px;margin-right: 5px;}
.right_list ul li:nth-child(1) span{background: #f14848;}
.right_list ul li:nth-child(2) span{background: #f14848;}
.right_list ul li:nth-child(3) span{background: #f14848;}
.right_list ul li span.fr {background-color:#ff3c00;}
.right_list ul li span.sec { background-color:#ff6600;}
.right_list ul li span.thr {background-color:#ffd800;}
.right_list ul li a {float:left;font-size: 15px;line-height:30px;color: #333;margin-left:5px;width: 200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.right_list ul li a:hover{color: #ff5252;}
.right_list ul li code{float:right;font-size: 14px;color:#ccc;width:30px;display: none;}
/*å‹æƒ…链接*/
.lanmu{width: 100%;margin:auto;}
.flink{float: left;background: #fff;border-radius: 12px;padding: 2.5%;margin: 10px 0;width: 95%;}
.flink ul{width: 1100px;margin: auto;}
.flink b{line-height: 28px;float: left;font-size: 15px;font-weight: 700;color: #188bd8;display: flex;flex-wrap: nowrap;align-items: center;}
.flink b:before{content:"";font-weight: 700;color: #333;float: left;width: 5px;height: 15px;margin-right: 5px;background: #188bd8;border-radius: 50px;}
.flink b:after{content:"";display: inline-block;background: #eeeeee;height: 3px;width: 240px;margin-left: 15px;}
.flink li{line-height: 22px;color: #666;margin: 5px;float: left;}
.flink li:nth-child(1){color: #4586f1;}
.flink li a{color: #666;font-size: 12px;}
.flink li a:hover{color: #4586f1;}
/*footer*/
.footer{float: left;width: 100%;background: #363d4d;text-align: center;padding: 10px 0;font-size: 12px;}
.footer p{text-align: center;color: #c7c7c7;float: left;width: 100%;font-size: 12px;line-height: 24px;}
.footer p a{font-size: 12px;color: #c7c7c7;padding: 0 3px;display: inline-block;}
/*回顶部*/
.sidetop{left:50%;margin-left:620px;margin-top:350px;position:fixed;width:54px;z-index:400;display: none;}
.sidetop ul li{float:left;text-align:center;margin-bottom:5px;display: none;background-color: #8dc5f3;border-radius: 2px;}
.sidetop ul li a{display:block;height: 54px;color:#484848;font-size: 14px;width: 56px;}
.sidetop ul li a span{display: inline-block;color: #ffffff;width: 50%;line-height: 20px;margin-top: 7px;}
.sidetop ul li a:hover span{text-decoration: none; color:#fff;}
.sidetop ul li a:hover{background-color: #2ca6e0;}
/*注册 登录 */
.huiyuan_top{background: #ededed;height: 44px;line-height: 44px;border-bottom: 1px solid #dddddd;}
.huiyuan_top_box{width: 100%;margin: auto;}
.login_cz {height: 36px;margin-top: 7px;width: 220px;display: flex;flex-wrap: wrap;justify-content: space-between;float:right;}
.login_cz a {width: 47%;text-align: center;line-height: 30px;height: 30px;border-radius: 36px;color: #fff;display: block;float: left;font-size: 14px;cursor: pointer;}
.bg_a {background: #1eb2c9;}
.bg_b { background: #e8b856;}
.mask_box{width: 332px;height: 326px;background: #fff;margin: 249px auto 0;border-radius: 15px;position: relative;}
.dl_mask_top{height: 60px;background: #38ad3a;color:#fff;line-height: 60px;font-size: 24px;border-radius: 14px 14px 0 0;text-align: center;}
.dl_qrcode{width:160px;height:160px;margin: 27px auto 0;border: 1px solid #e7e7e7;}
.dl_qrcode img{width:100%;height:100%;}
.dl_price{font-size: 12px;color:#666;text-align: center;margin-top: 23px;position: relative;}
.dl_price span{color:#ff7800;;}
.mask_box .close{position: absolute;right: -10px;background: #767676;width: 28px;height: 28px;text-indent: -9999px;top: -10px;cursor: pointer;border-radius: 60px;border: 3px solid #fff;}
.mask_box .close:before{content:"";position: absolute;width: 3px; height: 17px; background: #fff;display: inline-block;left: 13px;-webkit-transform: rotate(45deg);border-radius: 4px;top: 5px;transition: rotate(45deg);}
.mask_box .close:after{ content: "";position: absolute;width: 3px;height: 17px;background: #fff;display: inline-block;left: 13px;-webkit-transform: rotate(313deg);border-radius: 4px;top: 5px;transition: rotate(45deg);}
.mask_box .close:hover{background:#2196f3}
.huiyuan_container.huiyuan_container_hide{display:none;}
.huiyuan_container{display: table-cell;height: 100%;width: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.6);text-align: center;vertical-align: middle;position: fixed;z-index: 9;}
.huiyuan_container_cent{margin: 3%;width: 94%;}
.huiyuan_container_box{margin: 168px 0;width: 100%;position: relative;float: left;cursor: pointer;height: 313px;background: #fff;border-radius: 15px;}
.huiyuan_container_box img{float: left;width: 100%;border-radius: 15px;}
.huiyuan_container_box .close{position: absolute;right: -10px;background: #767676;width: 28px;height: 28px;text-indent: -9999px;top: -10px;cursor: pointer;border-radius: 60px;border: 3px solid #fff;}
.huiyuan_container_box .close:before{content:"";position: absolute;width: 3px; height: 17px; background: #fff;display: inline-block;left: 13px;-webkit-transform: rotate(45deg);border-radius: 4px;top: 5px;transition: rotate(45deg);}
.huiyuan_container_box .close:after{ content: "";position: absolute;width: 3px;height: 17px;background: #fff;display: inline-block;left: 13px;-webkit-transform: rotate(313deg);border-radius: 4px;top: 5px;transition: rotate(45deg);}
.huiyuan_container_box .close:hover{background:#2196f3}
.kaitong_ico{background: #f3f5f7;height: 134px;float: left;width: 90%;border-radius: 10px;border: 1px solid #e5e5e5;margin: 3% 5%;}
.kaitong_ico_a{height: 57px;display: inline-block;width: 220px;background: #44b448;margin: 12.5% 5%;text-align: center;line-height: 57px;color: #fff;font-size: 22px;border-radius: 6px;}
.kaitong_ico_a:hover{background: #70c974;color:#fff}
@-webkit-keyframes alert-bouncein {0% {opacity: 0;transform: scale(.5)}100% {opacity: 1;transform: scale(1)}}
.alert-bouncein {animation-name: alert-bouncein;animation-duration: .3s;animation-fill-mode: forwards;}
/*注册 登录页é¢*/
.top_box{width: 94%;margin: 3%;font-size: 16px;line-height: 36px;}
.top_box h1{text-align: center;margin: auto;font-size: 25px;line-height: 67px;font-weight: 700;}
.top_box2{width: 94%;margin: 3%;font-size: 16px;line-height: 36px;font-size: 16px;}
.top_box2 h1{text-align: center;margin: auto;font-size: 25px;line-height: 67px;font-weight: 700;}
#login{border-bottom:1px solid #d0d1d5;margin: 3%;background:#fff;border-radius:5px;width: 95%;float:left;text-align: center;}
#login .login_title{display: inline-block;background: url(/uploads/image/simg/pc_ico.png) no-repeat 0 0;width: 164px;height: 54px;background-size: 100%;overflow: hidden;margin-top: 25px;}
#login .login_title img{display:inline-block;width: 50%;}
#login .login_title span{text-align:center;color:#8c8c8c;font-size:22px;float:left;width:100%;line-height:50px;}
#login .login_l{float:left;width: 94%;display:inline-block;padding: 3%;padding-bottom: 51px;}
#login .login_l .ml20{width:99.6%;height:47px;display:inline-block;margin:10px 0;border:1px solid #ededed;border-radius: 3px;}
#login .login_l .ml20 input{width: 94%;height: 47px;line-height:46px;font-size:14px;border-radius:3px;background:#f2f2f2;border:transparent;padding: 0 3%;}
#login .login_l .denglu{border:0px;display:block;margin-top:10px;text-align:center;line-height:47px;height:47px;background: #188bd8;border-radius:3px;color:#fff;font-size:16px;width:100%;cursor:pointer;}
#login .login_l .denglu:hover{background:#039ce0;}
#login .login_l .t1{color:#adadad;font-size:14px;float:left;text-align:center;width:100%;margin:4px 0;}
.box{position:fixed;right:50px;top:20px;color:#fff;}
.box span{padding:0 10px;float:left;line-height:30px;margin:0 10px;cursor:pointer;}
.box span.active{background:rgba(255,255,255,0.4);}
div#login_container{float:left;width:100%;height:320px;display:none;text-align:center;}
.login_type_box{display:flex;flex-wrap:nowrap;justify-content:center;width:100%;margin-bottom: 3%;border-bottom:1px solid #f4f4f4;height:44px;}
span.login_type{width:31%;text-align:center;font-size:18px;color:#6d6d6d;cursor:pointer;}
span.login_type.login_type_selected,span.login_type:hover{color: #188bd8;font-weight:700;}
}