@import "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;}
    table {border-collapse: collapse;border-spacing: 0;width: 100%;line-height: 30px;}
    td {line-height: 30px;}
    fieldset, img {border: 0 none;}
    address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
    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: #000;text-decoration: none;font-size: 15px;}
    a:hover {text-decoration: underline;}
    body,input,button,textarea,select{font-size: 12px;}
    u{text-decoration:none;}

    /*header*/
    .header{margin:0 auto;text-align: center;}
    .header_box{width: 100%;margin:0 auto;overflow: hidden;}
    .logo{width: 116px;height: 37px;background:url("../img/logo.png") no-repeat;display: inline-block;margin-top: 9px;background-size: 100%;}
    .kouhao{width: 147px;height: 39px;background: url("../img/kouhao.png") no-repeat;float: left;margin-top: 24px;margin-left: 9px;display: none;}
    .header .nav{float: left;line-height: 32px;background: #1eb2c9;padding: 3px 0;width: 100%;}
    .header .nav a{float: left;font-size: 15px;color: #fff;width: 33%;}
    .rougao{float: right;margin-top: 13px;display: none;}
    .rougao a{font-size:14px;width: 94px;color: #4d99f4;text-align: center;float: left;}
    .rougao span{width: 100%;float: left;line-height: 24px;}
    .rougao .jianyi{color: #4d99f4;}
    .rougao .jianyi i{background: url("../img/ico.png") -32px 0px no-repeat;}
    .rougao i{display: inline-block;width: 37px;height: 36px;background: url("../img/ico.png") -69px 0px no-repeat;}

    /* end 头部****************** */
    .daohang{float:left;width: 100%;line-height: 32px;}
    .daohang_box{width: 94%;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 3%;margin-bottom: 0;}
    .daohang_box a{float:left;color: #5f5f5f;font-size: 15px;border: 1px solid #80d9e6;margin-bottom: 10px;width: 23%;text-align: center;}

    .search_box{display: inline-block;width: 792px;}
 .search {background: #fff;float: left;border-radius: 10px;overflow: hidden;border: 1px solid #1eb2c9;margin-top: 31px;margin-left: 8%;display: none;}
.search em{float: left;width: 26px;height: 25px;background: url(//static.ruiwen.com/img/index/ico_2021.png) -31px 0px no-repeat;margin-left: 13px;margin-top: 11px;display: none;}
.search_text {width: 279px;padding: 0 10px 0 15px;line-height: 48px;height: 48px;border: 0;color: #cacaca;font-size: 17px;outline: none;}
.search_btn {width: 90PX;line-height: 48px;cursor: pointer;background: #1eb2c9;padding: 0;float: right;font-size: 16px;color: #ffffff;border: 0;text-align: center;font-size: 16px;}

    .main{width: 100%;margin:auto;}
    .yw_top{float: left;width: 100%;}
    /* end****************** */
    .menu{float:left;width: 96%;background: #ffffff;padding: 0 2%;border-top: 10px solid #eee;}
    .menu_tl{width: 100%;float: left;border-bottom: 2px solid #1eb2c9;font-size: 20px;font-weight: 700;color: #1eb2c9;margin-bottom: 15px;height: 44px;line-height: 44px;}
    .menu_tl em{color: #333;font-weight: 700;}
    .menu_tl p{color: #333;float: right;font-size: 15px;font-weight: 400;display: none;}
    .menu .menu_bot{width: 100%;float: left;}
    .menu ul{float:left;width: 100%;}
    .menu ul li{float:left;width: 100%;margin-bottom: 10px;height: 31px;overflow: hidden;}
    .menu ul li a{float:left;color: #333;font-size: 14px;border: 1px solid #e6e6e6;border-radius: 4px;height: 29px;line-height: 30px;padding: 0 10px;margin-right: 5px;}
    .menu ul li a:nth-child(1){background: #1eb2c9;color: #fff;border: 1px solid #1eb2c9;width: 66px;text-align: center;margin-right: 17px;}
    .main{width: 100%;margin: auto;}
    .yw_cont{margin: auto;width: 1100px;}
    .yw_head_art{margin-top: 15px;float: left;width: 100%;}
    /* 头部 */
    .yw_top_left{float: left;width: 100%;border-top: 10px solid #eaeaea;margin-top: 10px;}
    /* 头部-左边内容 */
    .yw_left_n{width: 365px;float: left;}
    .yw_left_banner{float:left;width: 94%;margin: 3%;}
    .yw_left_banner img{float:left;width: 100%;height: 220px;}
    .yw_left_banner a{float:left;width: 100%;position: relative;}
    .yw_left_banner span{float:left;position: absolute;bottom: 0;background: #1313139c;left: 0;width: 100%;height: 34px;line-height: 34px;color: #fff;text-align: center;}
    .yw_toppic{height: 30px;line-height: 30px;font-size: 16px;float: left;width: 100%;margin-bottom: 5px;}
    .yw_toppic em{float: left;width: 5px;background: #4b98ff;margin-right: 4px;height: 16px;margin-top: 8px;}

    .yw_left_n ul{float: left;width: 94%;margin: 0 3%;}
    .yw_left_n ul li{padding-left: 14px;height: 31px;line-height: 31px;position: relative;overflow: hidden;}
    .yw_left_n ul li a{color: #333;float: left;width: 73%;}
    .yw_left_n ul li a:hover{color: #f34f4f;}
    /* 头部-中间内容 */
    .yw_left_n ul li code{position: absolute;width: 3px;height: 3px;background-color: #308ece;left: 3px;top: 14px;transform: rotate(45deg);}
    .yw_left_n ul li span{float: right;color: #999;}
    .yw_middle_n{width: 94%;overflow: hidden;padding: 0 3%;float: left;}
    .big_tit{float: left;width: 100%;}
    .big_tit h1{float: left;width: 100%;height: 28px;line-height: 28px;}
    .big_tit h1 a{font-size: 16px;color: #333;font-weight: 700;}
    .big_tit p{line-height: 24px;color: #777;margin-bottom: 2px;font-size: 14px;border-bottom: 1px dashed #EBEBEB;float: left;width: 100%;padding-bottom: 6px;}
    .big_tit p a{color: #ff964e;float: right;font-size: 12px;}

    .yw_middle_n ul{float: left;width: 94;}
    .yw_middle_n ul li{float: left;width: 100%;height: 42px;line-height: 42px;overflow: hidden;padding-left: 9px;position: relative;}
    .yw_middle_n ul li a:hover{color:#3366CC;}
    .yw_middle_n ul li code{position: absolute;width: 3px;height: 3px;background-color: #4b98ff;top: 16px;left: 0;}
    .yw_middle_n ul li span{float: right;color: #949494;font-size: 12px;margin-right: 15px;}

    /* 头部-右边 */
    .yw_top_right{width: 94%;float: left;border-top: 10px solid #eaeaea;padding: 3%;}
    .yw_top_right ul{float: left;width: 100%;}
    .yw_top_right ul li{line-height: 41px;float: left;width: 100%;overflow: hidden;height: 41px;}
    .yw_top_right li a{font-size: 15px;float: left;width: 68%;}
    .yw_top_right ul li code {font-style: inherit;line-height: 18px;color: #ffffff;width: 18px;height: 18px;font-size: 12px;text-align: center;float: left;margin-top: 12px;margin-right: 6px;background: #ccc;font-family: inherit;border-radius: 4px;}
    .yw_top_right li span{font-size: 12px;float: right;color: #888;}
    .yw_top_right ul li:nth-child(1) code {background: #1eb2c9;color: #fff;}
    .yw_top_right ul li:nth-child(2) code {background: #2196f3;color: #fff;}
    .yw_top_right ul li:nth-child(3) code {background: #ffc107;color: #fff;}

    .yw_top_img{float: left;width: 94%;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 3%;}
    .yw_top_img a{float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start;}
    .yw_top_img em{line-height: 17px;color: #ffffff;width: 17px;height: 17px;font-size: 14px;text-align: center;float: left;margin-top: 13px;margin-right: 7px;background: #1eb2c9;}
    .yw_top_img h2{color: #333;float: left;width: 83%;font-size: 15px;line-height: 42px;height: 42px;overflow: hidden;}

    /* 栏目 */
    .yw_list_top{width: 100%;height: 38px;line-height: 38px;margin-bottom: 13px;float: left;border-bottom: 2px solid #e7e7e7;}
    .yw_list_top h2{float: left;background: #1eb2c9;padding: 0 17px;border-radius: 28px;height: 32px;line-height: 32px;}
    .yw_list_top h2 a{float: left;color: #ffffff;font-size: 16px;font-weight: 700;}
    .yw_list_top ul{float: right;font-size:14px;color:#666;display: none;}
    .yw_list_top ul li{float: left;padding: 0px 10px;background: #f7f7f7;height: 30px;line-height: 30px;margin: 0 4px;}
    .yw_list_top ul li a{float: left;font-size: 14px;}
    .yw_list_top .more{font-size:12px;float: right;color: #ffa364;padding: 0px 10px;background: #f7f7f7;height: 30px;line-height: 30px;margin-left: 4px;}

    .yw_list{float: left;width: 94%;border-top: 10px solid #eaeaea;padding: 3%;}
    .yw_title{float: left;width: 100%;border-bottom: 1px solid #e0e0e0;}
    .yw_title span{margin-bottom: -1px;display: inline-block;border-bottom: 3px solid #308ece;padding-bottom: 10px;font-size: 16px;color: #308ece;font-weight: 700;}

    .new_title{float:left;width: 100%;height: 30px;line-height: 30px;font-size: 16px;margin-top: 15px;margin-bottom: 10px;}
    .new_title i{float: left;width: 5px;background: #1eb2c9;margin-right: 4px;height: 16px;margin-top: 8px;}
    .new_title span{float: left;}

    /*list_left*/
    .yw_list_l{width: 100%;float: left;}
    .yw_list_l_img{float: left;width: 100%;}
    .yw_list_l_img a{float: left;width: 100%;margin-bottom: 7px;}
    .yw_list_l_img a img{width: 119px;height: 74px;float: left;margin-right: 10px;border-radius: 10px;}
    .yw_list_l_img a h2{height: 28px;width: 57%;float: left;line-height: 28px;overflow: hidden;font-weight: 700;font-size: 16px;}
    .yw_list_l_img a span{height: 44px;width: 57%;display: inline-block;color: #999;line-height: 20px;font-size: 14px;overflow: hidden;}
    .yw_list_l_img a em{height: 30px;width: 100%;display: inline-block;color: #ffffff;text-align: center;line-height: 30px;font-size: 14px;overflow: hidden;position: absolute;bottom: 0;left: 0;background: #000000ad;}

    .yw_list_l_ul{float: left;width: 100%;}
    .yw_list_l_ul li{height: 41px;line-height: 41px;font-size: 14px;overflow: hidden;width: 100%;float: left;}
    .yw_list_l_ul li a{color: #333;width: 68%;float: left;}
    .yw_list_l_ul li i {font-style: inherit;line-height: 15px;color: #1eb2c9;width: 15px;height: 15px;font-size: 14px;text-align: center;float: left;margin-top: 13px;margin-right: 6px;border: 1px solid #1eb2c9;font-family: inherit;border-radius: 4px;}
    .yw_list_l_ul li span{float: right;color: #888;font-size: 12px;}

    .yw_list_m{float: left;width: 100%;}
    .yw_list_m:nth-child(even){float: right;}
    .yw_list_m ul{float: left;}
    .yw_list_m ul li{float: left;line-height: 42px;font-size: 16px;text-align: right;width: 100%;height: 42px;overflow: hidden;}
    .yw_list_m ul li a{float: left;color: #333;width: 78%;text-align: left;}
    .yw_list_m ul li span{font-size: 12px;text-align: right;color: #a5a5a5;}


    .yw_list_r{width: 100%;float: right;}
    .yw_list_r_img{float: left;width: 100%;border-bottom: 1px dotted #d1d1d1;padding-bottom: 9px;}
    .yw_list_r_img img{float: left;width: 39%;margin-right: 10px;}
    .yw_list_r_img a{float: left;width: 56%;height: 27px;line-height: 27px;font-size: 15px;color: #3C3C3C;overflow: hidden;font-weight: 700;}
    .yw_list_r_img p{float: left;color: #8A8888;overflow: hidden;width: 56%;line-height: 24px;font-size: 11px;height: 48px;}
    .yw_list_r ul{float: left;width: 100%;}
    .yw_list_r li i{color:#999;float: right;font-size:12px;font-style: inherit;}
    .yw_list_r ul li{line-height: 35px;float: left;width: 100%;overflow: hidden;height: 35px;}
    .yw_list_r ul li a{line-height: 34px;float: left;width: 69%;overflow: hidden;height: 34px;}
    .yw_list_r ul li code {font-style: inherit;line-height: 18px;color: #ffffff;width: 18px;height: 18px;font-size: 12px;text-align: center;float: left;margin-top: 7px;margin-right: 6px;background: #d2d2d2;font-family: inherit;border-radius: 4px;}
    .yw_list_r ul li:nth-child(1) code {background: #1eb2c9;color: #fff;}
    .yw_list_r ul li:nth-child(2) code {background: #2196f3;color: #fff;}
    .yw_list_r ul li:nth-child(3) code {background: #ffc107;color: #fff;}

    /* 友情链接 */
    .flink{width: 100%;background: #fafafa;padding: 6px 0;margin-top: 10px;overflow: hidden;float: left;}
    .flink ul{width: 1100px;margin: auto;}
    .flink b{line-height:22px;font-weight: 400;float: left;font-size:14px;}
    .flink li{line-height: 22px;color: #1eb2c9;margin: 6px 6px;float: left;}
    .flink li a{color:#797979;font-size: 12px;}
    .flink li a:hover{color: #4586f1;}

    /* 页脚 */
    .footer{background-color: #272727;float: left;width: 94%;text-align: center;padding: 3%;}
    .footer a{line-height: 24px;color: #bbbbbb;font-size: 12px;padding: 0 4px;display: inline-block;}
    .footer p{line-height: 24px;color: #bbbbbb;font-size: 12px;}
    .footer p a:hover{color:red;}
	
/*注册 登录 */
.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;}
    #login{border-bottom:1px solid #d0d1d5;margin: 3%;background:#fff;border-radius:5px;width: 95%;float:left;}
    #login .login_title{color:#cfdee8;font-size:18px;text-align:center;width:100%;float:left;padding-top: 14%;margin-bottom: 8%;}
    #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: #1eb2c9;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: #1eb2c9;font-weight:700;}

}